<style type="text/css"> .data-input select{padding:12px 0;color:#555;font-size:14px;width:100%;border:0!important;border-bottom:1px solid #ddd!important;outline:none;background:#fff} .data-input input:focus{outline:none} .data-input label{color:#999;font-size:14px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all} .data-input .focus{box-shadow:inset 0 -1px 0 0 var(--linkC)} .data-input .deteksi-validasi{position:absolute;z-index:2;top:calc(100% + 20px);left:0;background:#f89000;color:#fff;padding:5px 10px;border-radius:3px;font-size:80%;box-shadow:0 5px 10px rgba(0,0,0,.08);transition:.4s;visibility:hidden;opacity:0;display:inline-block!important} .data-input .deteksi-validasi.show{visibility:visible;opacity:1;top:calc(100% + 10px)} .data-input .deteksi-validasi:after{position:absolute;bottom:100%;left:12px;content:'';border:8px solid;border-color:transparent transparent #f89000 transparent} button.buTons, a.send_form{display:inline-flex;align-items:center; margin:10px 0;padding:12px 15px;outline:0;border:0; border-radius:3px;line-height:20px; color:#fffdfc; background:var(--linkC); font-size:14px;font-family:var(--fontB); white-space:nowrap;overflow:hidden;max-width:320px} .drK .send_form{color:#fff} .drK .data-input select,.drK .data-input input{background-color:#252526!important} /* cArea */ .ContactForm{max-width:500px;font-size:14px}.cArea:not(:last-child){margin-bottom:25px}.cArea label{display:block;position:relative}.cArea label .n{display:block;position:absolute;left:0;right:0;top:0;color:rgba(8,16,43,.4);line-height:1.6em;padding:15px 16px 0;border-radius:4px 4px 0 0;transition:all .1s ease}.cArea label .n.req::after{content:'*';font-size:85%}.cArea textarea{height:100px}.cArea textarea:focus,.cArea textarea[data-text=flow]{height:100px}.cArea input:focus ~ .n,.cArea textarea:focus ~ .n,.cArea input[data-text=flow] ~ .n,.cArea textarea[data-text=flow] ~ .n{padding-top:5px;color:rgba(8,16,43,.7);font-size:90%;background:#f3f3f4}.cArea .h{display:block;font-size:90%;padding:5px 16px 0;opacity:.7;line-height:normal}.nArea .error-message{color:#d32f2f}.ContactForm input[type=text],.ContactForm input[type=number],.ContactForm textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4;padding:25px 16px 8px 16px;line-height:1.6em;transition:all .1s ease}.ContactForm input[type=button]{display:inline-flex;align-items:center;padding:12px 30px;outline:0;border:0;border-radius:4px;color:#fffdfc;background:#f89000;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%}.cArea .hidden{display:none}.ContactForm input[type=number]:hover,.ContactForm input[type=text]:hover,.ContactForm textarea:hover{border-color:rgba(0,0,0,.42);background:#f3f3f4}.ContactForm input[type=number]:focus,.ContactForm input[type=text]:focus,.ContactForm textarea:focus{border-color:var(--linkC);background:#f3f3f4} .drK .ContactForm input[type=number],.drK .ContactForm input[type=text],.drK .ContactForm textarea,.drK .cArea input:focus ~ .n,.drK .cArea textarea:focus ~ .n,.drK .cArea input[data-text=flow] ~ .n,.drK .cArea textarea[data-text=flow] ~ .n{background: #252526;}.drK .cArea label .n{color:rgba(255,255,255,.25)}.drK .ContactForm input[type=number],.drK .ContactForm input[type=text],.drK .ContactForm textarea{color:#ececec;} </style> <p>Ada pertanyaan? Kami akan senang mendengar dari anda. Kirimkan pesan kepada kami dan kami akan merespon secepat mungkin.</p> <div class="ContactForm" id="ContactForm1"><form name="cForm"><div class="cArea"><label><div class="data-input"><input class="validate cInpt cName" id="namalengkap" name="Nama" type="text" /> <span class="n req">Nama</span></div></label></div><div class="cArea"><label><div class="data-input"><input class="validate cInpt cMail" id="nomorWA" name="Nomor Hp" type="number" /> <span class="n req">Nomor Hp / WA</span></div></label></div><div class="cArea"><label><div class="data-input"><textarea class="validate cInpt cMsg" id="TulisPesan" name="Pesan" rows=""></textarea> <span class="n req">Pesan</span></div></label></div><div class="cArea"><!--<a class='send_form' id='to_wa' href='javascript:;' title='Pesan via whatsapp' type='submit'>Kirim Pesan</a>--> <a class="send_form" href="javascript:;" id="to_mail" title="Pesan via Email" type="submit">Kirim Pesan</a> <button class="buTons" id="BReset">Reset</button></div><div class="cArea nArea"><p class="cNtf" id="eerror-message"></p></div></form></div> <script>/*<![CDATA[*/ var email="herdamedia.digital@gmail.com",phone="628xxx",jsKn=document.createElement("script");jsKn.type="text/javascript",jsKn.src="https://cdn.jsdelivr.net/gh/xda-labs/app@media/contact-widget.min.js",document.body.append(jsKn); /*]]>*/</script>