Download Contact Us HTML Code
Hello, guys, I'm back with a new article in which we are talking about. how to download contact us form HTMl code for blogger with download Link.
Copy Html First Code Paste Template HTML coding <head>
Download All HTML Code And Paste Your Page Contact Us Form
IF THE GIVEN LINKS ARE NOT WORKING YOU CAN COPY THE FOLLOWING FROM BELOW
CODE
<div dir="ltr" style="text-align: left;" trbidi="on">
<form name="contact-form">
<div style="-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: inherit; color: #656565; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.862; margin: 1px 0px 14px; outline: 0px; padding: 0px; vertical-align: baseline;">
I absolutely love when you guys talk to me. <a href="https://www.templatescollection.com/" style="border: 0px; box-sizing: border-box; color: #3c97ef; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.17s ease 0s; vertical-align: baseline;" target="_blank"><span style="border: 0px; box-sizing: border-box; color: #444444; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">What is Your Problem att</span></a> is your blog, so, let me know how I can help you in any way I can.</div>
<div style="-webkit-font-smoothing: antialiased; background-color: white; border: 0px; box-sizing: inherit; color: #656565; font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.862; margin: 1px 0px 14px; outline: 0px; padding: 0px; vertical-align: baseline;">
It’s Thrilling That we will be in-touch Incoming 24-hours. Remember, Use This Contact Form </div>
<br />
<i class="fa fa-pencil-square-o"></i> Name <br />
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <br />
<br />
<i class="fa fa-envelope-o"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span> <br />
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <br />
<br />
<i class="fa fa-keyboard-o"></i> Your Massage <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span><br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<input id="ContactForm1_contact-form-submit" type="button" value="Send" /> <br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<br />
<br />
<div name="messageBodySection" style="background-color: white; border: 0px; box-sizing: border-box; color: #656565; font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div dir="auto" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<div style="border: 0px; box-sizing: border-box; color: #222222; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
I hope May i help You.</div>
<span style="border: 0px; box-sizing: border-box; color: #444444; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Th<a href="http://khreedo.pk/" style="border: 0px; box-sizing: border-box; color: #3c97ef; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.17s ease 0s; vertical-align: baseline;" target="_blank"><span style="border: 0px; box-sizing: border-box; color: #444444; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">ank</span></a> you</span></div>
<div dir="auto" style="border: 0px; box-sizing: border-box; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; color: #444444; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;"><br /></span></div>
</div>
<div name="messageSignatureSection" style="background-color: white; border: 0px; box-sizing: border-box; color: #656565; font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; box-sizing: border-box; color: #222222; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Best Regards,</span><br />
<a href="http://urdupoetrywala.com/" style="border: 0px; box-sizing: border-box; color: #3c97ef; margin: 0px; outline: 0px; padding: 0px; text-decoration-line: none; transition: all 0.17s ease 0s; vertical-align: baseline;" target="_blank"><span style="border: 0px; box-sizing: border-box; color: #444444; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">MY Team</span></a></div>
<style scoped="" type="text/css"> #comments,.post_meta,#blog-pager {display:none;} #ContactForm1_contact-form-name, #ContactForm1_contact-form-email{ height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;} #ContactForm1_contact-form-email-message{width:95%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;} #ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);} #ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease} #ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;} #ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;} .contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;} .contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;} img.contact-form-cross {line-height:40px;margin-left:5px;} @media only screen and (max-width:640px){ #ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}} </style></div>
0 Comments