lab-twenty
Version:
127 lines (113 loc) • 4.36 kB
HTML
<!--
Twenty 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 - Twenty by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body class="contact">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="index.html">Twenty <span>by HTML5 UP</span></a></h1>
<nav id="nav">
<ul>
<li class="current"><a href="index.html">Welcome</a></li>
<li class="submenu">
<a href="#">Layouts</a>
<ul>
<li><a href="left-sidebar.html">Left Sidebar</a></li>
<li><a href="right-sidebar.html">Right Sidebar</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="submenu">
<a href="#">Submenu</a>
<ul>
<li><a href="#">Dolore Sed</a></li>
<li><a href="#">Consequat</a></li>
<li><a href="#">Lorem Magna</a></li>
<li><a href="#">Sed Magna</a></li>
<li><a href="#">Ipsum Nisl</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#" class="button special">Sign Up</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<article id="main">
<header class="special container">
<span class="icon fa-envelope"></span>
<h2>Get In Touch</h2>
<p>Use the form below to give /dev/null a piece of your mind.</p>
</header>
<!-- One -->
<section class="wrapper style4 special container 75%">
<!-- Content -->
<div class="content">
<form>
<div class="row 50%">
<div class="6u 12u(mobile)">
<input type="text" name="name" placeholder="Name" />
</div>
<div class="6u 12u(mobile)">
<input type="text" name="email" placeholder="Email" />
</div>
</div>
<div class="row 50%">
<div class="12u">
<input type="text" name="subject" placeholder="Subject" />
</div>
</div>
<div class="row 50%">
<div class="12u">
<textarea name="message" placeholder="Message" rows="7"></textarea>
</div>
</div>
<div class="row">
<div class="12u">
<ul class="buttons">
<li><input type="submit" class="special" value="Send Message" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
</article>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon circle fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon circle fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon circle fa-google-plus"><span class="label">Google+</span></a></li>
<li><a href="#" class="icon circle fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon circle fa-dribbble"><span class="label">Dribbble</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollgress.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>