Silahkan isi form di bawah ini untuk menghubungi admin ganteng Kalem Info. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.

.post-outer {background: #fff} .post-footer {display: none} #contactForm .floating-label-form-group { font-size: 14px; position: relative; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #ddd;} #contactForm .floating-label-form-group.floating-label-form-group-with-focus {position: relative;} #contactForm .floating-label-form-group:before { display: block; position: absolute; right: 50%; bottom: -1px; width: 0; height: 2px; background-color: #0400bf; content: “”; transition: width 0.4s ease-in-out; } #contactForm .floating-label-form-group:after { display: block; position: absolute; left: 50%; bottom: -1px; width: 0; height: 2px; background-color: #0400bf; content: “”; transition: width 0.4s ease-in-out; } #contactForm .floating-label-form-group.floating-label-form-group-with-focus:before, #contactForm .floating-label-form-group.floating-label-form-group-with-focus:after { width: 50%; } #contactForm .floating-label-form-group input, #contactForm .floating-label-form-group textarea { z-index: 1; position: relative; padding-right: 0; padding-left: 0; border: none; border-radius: 0; font-size: 18px; font-family: “Helvetica”, “Arial”, sans-serif; font-weight: lighter; background: none; box-shadow: none !important; resize: none; } #contactForm .floating-label-form-group label { display: block; z-index: 0; position: relative; top: 2em; margin: 0; font-size: 12px; font-family: “Helvetica”, “Arial”, sans-serif; font-weight: lighter; line-height: 1.764705882em; vertical-align: middle; vertical-align: baseline; opacity: 0; -webkit-transition: top 0.3s ease, opacity 0.3s ease; -moz-transition: top 0.3s ease, opacity 0.3s ease; -ms-transition: top 0.3s ease, opacity 0.3s ease; transition: top 0.3s ease, opacity 0.3s ease; } #contactForm .floating-label-form-group::not(:first-child) { padding-left: 14px; border-left: 1px solid #eeeeee; } #contactForm .floating-label-form-group-with-value label { top: 0; opacity: 1; } #contactForm .floating-label-form-group-with-focus label { color: #0400bf; } #contactForm { border-top: 1px solid #ddd; } #contactForm textarea.form-control { height: auto; } #contactForm .form-control { display: block; width: 100%; color: #555; } #contactForm input:focus, #contactForm input:active, #contactForm textarea:focus, #contactForm textarea:active { outline: none; } #contactForm .btn, #contactForm .contact-form-button-submit { font-family: “Helvetica”, “Arial”, sans-serif; text-transform: uppercase; font-size: 14px; font-weight: 800; letter-spacing: 1px; border-radius: 0; padding: 0 25px; height: 51px; line-height: 51px; color: #333; background-color: #fff; border: 1px solid #ccc; cursor: pointer; margin: 20px 0 0; background-image: none; } #contactForm .contact-form-button { height: 51px; line-height: 51px; } #contactForm .btn-default:hover, #contactForm .btn-default:focus, #contactForm .contact-form-button-submit:hover, #contactForm .contact-form-button-submit:focus { background-color: #0400bf; border: 1px solid #0400bf; color: white; } .contact-form-error-message-with-border, .contact-form-success-message-with-border { background: #fff; border: 1px solid #ddd; bottom: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); color: #666; font-size: 16px; font-weight: normal; line-height: 30px; margin-left: 0; opacity: 1; position: static; text-align: center; margin: 20px 0 0; } .contact-form-cross { height: 11px; margin: 0 5px; vertical-align: 0!important; width: 11px; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -goog-ms-box-shadow: none!important; box-shadow: none!important; }

//code.jquery.com/jquery-1.11.0.js
$(function() { $(“body”).on(“input propertychange”, “.floating-label-form-group”, function(e) { $(this).toggleClass(“floating-label-form-group-with-value”, !!$(e.target).val()); }).on(“focus”, “.floating-label-form-group”, function() { $(this).addClass(“floating-label-form-group-with-focus”); }).on(“blur”, “.floating-label-form-group”, function() { $(this).removeClass(“floating-label-form-group-with-focus”); }); });
//
https://www.blogger.com/static/v1/widgets/2271878333-widgets.js
//