Contact Form 1




.c-form-name, .c-form-email, 

.c-form-email-message{padding:10px;margin:8px 0 8px 0;border:1px solid 

#E5E5E5;width:50%;color:#999999;box-shadow:rgba(0,0,0,0.1) 0px 0px 

8px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 

8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;}

.c-form-email-message{width:95%;height:150px;line-height:18px;}

.tb-contact-form-widget 

input:hover,textarea:hover,input:focus,textarea:focus{border-color:1px 

solid #C9C9C9;box-shadow:rgba(0,0,0,0.2) 0px 0px 

8px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 

8px;-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;}

.tb-contact-form-widget label{margin-left:10px;color:#999999;}

.cform-button 

{width:100px;height:40px;background-color:#474E70;color:#FFF;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}

#ContactForm1_contact-form-success-message, #ContactForm1_contact-form-error-message{width:50%;margin-top:25px;}{codeBox}




HTML


<div class="tb-contact-form-widget"><form name="contact-form"><div class="name"> 

<input class="c-form-name" id="ContactForm1_contact-form-name" 

name="name" size="30" type="text" value="" placeholder="Your Name"/><label for="name">Name</label>

</div> 

<div class="email">

<input class="c-form-email" id="ContactForm1_contact-form-email" 

name="email" size="30" type="text" value="" placeholder="mail@example.com"/> <label for="email">E-mail *</label>

</div> 

<div style="clear: both;"></div>

<div class="message"> 

<textarea class="c-form-email-message" cols="25" 

id="ContactForm1_contact-form-email-message" name="email-message" 

rows="5" placeholder="Write something to us...">

</textarea>

<div class="srbtn">

<input class="cform-button" id="ContactForm1_contact-form-submit" type="button" value="Submit" />

</div>

<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> 

<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> 

</div></div></form></div>{codeBox}



Post a Comment (0)