|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110 |
- <!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>
|