tes tes tes: eml

<div class="opik">
          <style type="text/css">
            .gambaratas {display:none;}
            .mobile h3.post-title {display: none;}
             div#comments {display: none;}
            .post-footer {display: none;}
            form{width: auto; margin: auto;height: 50px;} 
            .input{background:transparent; color:white; cursor: pointer;position: fixed;bottom: 0px;z-index: 1;width: 170px;}
          form#myForm img {height:85px;padding: 0px;left: 0px;position: relative;} 
  </style>
  <style>
.opik {height:400px;position:relative;top: 0;left: 0;padding:5px;width: 96%;border:1px solid;}
.pala {padding:2px;width:100%;height:92px;}
.badan {width: 100%;height:170px;border-top: 1px solid;}    
.badan ul {list-style: none;padding: 0;margin: 0;border: 1px solid #00000063;float: left;font-size: 11px;
text-align: center;font-family: monospace;}
.badan ul li {border:none;}
input.tgl { width: 50px;height: 10px;font-size: 9px;border: none;border-bottom: 1px solid #0000003d;}
.alamat {font-size: 8px;position: relative;left: 10px}
.alamat1 {font-size: 5px;position: absolute;top: 84px;border-bottom: 1px solid #0000005e;}
input.puser {font-size: 10px;height: 11px;width: 95%;border: none;border-bottom: 1px solid;}
.tanggal {border: 1px solid;position: absolute;width: 97%;}
.bokong {background: white;font-size: 10px;border:0;border-top: 1px solid;}
.bokong ul {list-style: none;float: left;}
.bokong ul li {border: 1px solid;float: left;margin: 2px;}
.kaki {}
.kaki ul {list-style: none;}
li.dropdown {display: inline-block;display: inline-block;background: red;border-radius: 50px;}
.dropdown:hover .iso-dropdown {display: block;}
.iso-dropdown {position: absolute;display: none;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;background-color: #f9f9f9;}
ul.iso-dropdown {position: fixed;z-index: 9;bottom: -10px;left: 0;background: white;height: 40px;width: 100%;box-shadow: none;}    
       </style>
        <script>
            function tampilkanPreview(gambar,idpreview){
                var gb = gambar.files;
                for (var i = 0; i < gb.length; i++){
                    var gbPreview = gb[i];
                    var imageType = /image.*/;
                    var preview=document.getElementById(idpreview);            
                    var reader = new FileReader();
                    
                    if (gbPreview.type.match(imageType)) {
                        preview.file = gbPreview;
                        reader.onload = (function(element) { 
                            return function(e) { 
                                element.src = e.target.result; 
                            }; 
                        })(preview);
                        reader.readAsDataURL(gbPreview);
                    }else{
                        alert("file yang anda upload tidak sesuai. Khusus mengunakan image.");
                    }
                   
                }    
            }
        </script>
  <div class="pala">
        <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<font color="blue" style="float: right;top: 35px;position: relative;font-size: 10px;right: 27px;">
  <script type="text/javascript">
now = new Date();
if (now.getTimezoneOffset() == 0) (a=now.getTime() + ( 7 *60*60*1000))
else (a=now.getTime());
now.setTime(a);
var tahun= now.getFullYear ()
var hari= now.getDay ()
var bulan= now.getMonth ()
var tanggal= now.getDate ()
var hariarray=new Array("Minggu,","Senin,",
"Selasa,","Rabu,","Kamis,","Jum'at,","Sabtu,")
var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","/ 12 /")
document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>
</font>
</!doctype> 
    <div stile="border:1px solid;width:200px;position:relative;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBRhpMhTGlXjUrre7Ws2iuTS69OC7XExvzvwrGvOuJL0GLDYqIkkt6zM9c7OfZSk6sabsFu7-kj8PZEuT5ptAZAxob1ShXG_kv3-ywKc-hxnJXKvgpJ4Q_sc0vZTb-5xVfY7N7bvgciR464vIU_R31IScyAY1l7J8HbmZG63xWtOnw_48fl7_wlFwO/s320/logo%20cm%20-%20Copy.png" style="border: none; box-shadow: none; position: relative; top: 24px; width: 50px;" /><span style="bottom: 15px; font-family: verdana; left: 40px; position: relative;">Invoice</span>
    </div>
    <div style="bottom: 10px; float: right; padding: 2px; position: relative; width: 120px;">
<input id="search-text" name="q" style="background: transparent; border: none;border-bottom: 1px dashed #00000026; font-size: 12px; position: relative; width: 110px;" type="text" />
    </div>
<div class="alamat1">
  Centimeter Workshop<br />Jl pulau misol no 61 denpasar barat, Tlp: 085217838226, Email: centimeter338@gmail.com
    </div>
  </div>
  <div class="badan">
<ul style="padding:0;margin: 0;width: 16%;border: 0;"> 
<li style="height: 86px;border:1px solid #00000036;padding-right: 2px;">
        <form action="" id="myForm" method="get">
            <input accept="image/*" class="input" onchange="tampilkanPreview(this,'preview')" type="file" />
            
            <img alt="" id="preview" src="" width="100%" />
          </form>
    </li>
    </ul>
<ul style="padding:0;margin:0;width: 62%;"> 
<li style="margin-bottom: 0;padding:5px;background: #00000036;">PELAYANAN</li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
    </ul>
<ul style="padding:0;margin:0;width: 20%;"> 
<li style="margin-bottom: 0;padding:5px;background: #00000036;">JUMLAH</li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
<li style="margin-bottom: 0;padding:2px;"><input class="puser" /></li>
      </ul>
<ul style="padding:0;margin: 3px 0px 0px 2px;border:0;width: 82%;height:17px;padding: 1px;background: #00000036;"><li style="width:74%;float: left;border:none;">TOTAL Rp :</li><li style="width:24%;float: right;border:none;"><input id="search-text" name="q" style="background: transparent; border: none;border-bottom:1px dashed #0000008f;float: right; font-size: 12px;width:95%;" type="text" /></li></ul>
<ul style="padding:0;width:98%;border:1px dashed rgba(0, 0, 0, 0.24);"><li style="width: 15%;border:none;">Catatan</li><li style="width: 99%;border:none"><textarea class="form-textarea validate[required]" cols="41" id="input_17" name="q17_ketikBarang17" rows="2" style="border:none; color: rgba(0, 0, 0, 0.32); position: relative;float: left;width: 99%;">...

tes tes tes

Laman

jagung

makan

eml

nasi

kantong

Entri Populer

Formulir Kontak

nyoba tabel

Jajal

Laman

jagung

makan

eml

nasi

(tanpa judul) bloon kirim

beajar local storage hapus semua Hapus Semua -------------------------------------------------------------------------...

penjumlahan ----------------------------------------------------- -- Nama Data Rupiah ...

input innerHTML Sandi salah Ulang sandi: KIRIM klik saya

memasukan tgl ke local

tes membuat link Pemasangan selesai Masukan nomor Hp yang telah didaftarkan KIRIM Copi kode dan masukan kekolom input http...

membuat jatah lihat Anda diberikan gratis hanya lima kali. Jika sudah 5x maka, masa Gratis habis. Pergunakan dengan sebaik baiknya gratisan anda. . ...

dua Pilih warna Save Ganti

storage css Isi Nama: Isi Sandi: &plus; Lanjut

nyoba tabel

Jajal

(tanpa judul)

bloon kirim

beajar local storage

hapus semua Hapus Semua -------------------------------------------------------------------------...

penjumlahan

----------------------------------------------------- -- Nama Data Rupiah ...

input innerHTML

Sandi salah Ulang sandi: KIRIM klik saya

tes membuat link

Pemasangan selesai Masukan nomor Hp yang telah didaftarkan KIRIM Copi kode dan masukan kekolom input http...

membuat jatah lihat

Anda diberikan gratis hanya lima kali. Jika sudah 5x maka, masa Gratis habis. Pergunakan dengan sebaik baiknya gratisan anda. . ...

dua

Pilih warna Save Ganti

storage css

Isi Nama: Isi Sandi: + Lanjut