<!DOCTYPE HTML> <!-- Alpha by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) --> <html> <head> <title>Contact - Alpha by HTML5 UP</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]--> <script src="js/jquery.min.js"></script> <script src="js/jquery.dropotron.min.js"></script> <script src="js/jquery.scrollgress.min.js"></script> <script src="js/skel.min.js"></script> <script src="js/skel-layers.min.js"></script> <script src="js/init.js"></script> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-wide.css" /> </noscript> <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]--> </head> <body> <!-- Header --> <header id="header" class="skel-layers-fixed"> <h1><a href="index.html">Alpha</a> by HTML5 UP</h1> <nav id="nav"> <ul> <li><a href="index.html">Home</a></li> <li> <a href="" class="icon fa-angle-down">Layouts</a> <ul> <li><a href="generic.html">Generic</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="elements.html">Elements</a></li> <li> <a href="">Submenu</a> <ul> <li><a href="#">Option One</a></li> <li><a href="#">Option Two</a></li> <li><a href="#">Option Three</a></li> <li><a href="#">Option Four</a></li> </ul> </li> </ul> </li> <li><a href="#" class="button">Sign Up</a></li> </ul> </nav> </header> <!-- Main --> <section id="main" class="container 75%"> <header> <h2>Contact Us</h2> <p>Tell us what you think about our little operation.</p> </header> <div class="box"> <form method="post" action="#"> <div class="row uniform 50%"> <div class="6u 12u(mobilep)"> <input type="text" name="name" id="name" value="" placeholder="Name" /> </div> <div class="6u 12u(mobilep)"> <input type="email" name="email" id="email" value="" placeholder="Email" /> </div> </div> <div class="row uniform 50%"> <div class="12u"> <input type="text" name="subject" id="subject" value="" placeholder="Subject" /> </div> </div> <div class="row uniform 50%"> <div class="12u"> <textarea name="message" id="message" placeholder="Enter your message" rows="6"></textarea> </div> </div> <div class="row uniform"> <div class="12u"> <ul class="actions align-center"> <li><input type="submit" value="Send Message" /></li> </ul> </div> </div> </form> </div> </section> <!-- Footer --> <footer id="footer"> <ul class="icons"> <li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li> <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> <li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li> <li><a href="#" class="icon fa-google-plus"><span class="label">Google+</span></a></li> </ul> <ul class="copyright"> <li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li> </ul> </footer> </body> </html>