Foundation zurb snippet: Simple contact form

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: form,contact



<div class="row target fs-equalize-element"> <div class="large-6 columns"> <div class="contact-col" style="height: 416px;"> <form> <label for="email">Email address</label> <input type="email" id="email" placeholder="Email"> <label for="name">Name</label> <input type="text" id="name" placeholder="Name"> <label for="msg">Your Message</label> <textarea id="msg" rows="5" placeholder="Message"></textarea> <button type="button" class="button success">Submit</button> </form> </div> </div> <div class="large-6 columns"> <div class="contact-col" style="height: 416px;"> <h3>Contact Info</h3> <p> It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. </p> <br> <p class="lead">Lorem street, Imsum Market,<br> 302039</p> <p class="lead">Mail Us: support@info.com</p> <p class="lead">Call Us: +21 1800 765 5749</p> </div> </div> </div>
body{ margin-top:50px; } .contact-col { background: #eee; padding: 30px; }
Dey-Dey

Simple contact form

Dey-Dey
  May 15th, 20:03
58 Views