mirror of
https://github.com/adulau/art.git
synced 2024-11-23 02:27:09 +00:00
200 lines
6.1 KiB
HTML
200 lines
6.1 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!--
|
||
|
|
Forty by HTML5 UP
|
||
|
|
html5up.net | @ajlkn
|
||
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Forty</title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
|
|
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
|
||
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
||
|
|
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
|
||
|
|
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
|
||
|
|
</head>
|
||
|
|
|
||
|
|
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<!-- Wrapper -->
|
||
|
|
<div id="wrapper">
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<header id="header">
|
||
|
|
<a href="" class="logo"><strong>Forty</strong> <span>by HTML5 UP</span></a>
|
||
|
|
<nav>
|
||
|
|
<a href="#menu">Menu</a>
|
||
|
|
</nav>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Menu -->
|
||
|
|
<nav id="menu">
|
||
|
|
<ul class="links">
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="">Home</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="/elements.html">Elements</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="/generic.html">Generic</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="/landing.html">Landing</a></li>
|
||
|
|
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="actions vertical">
|
||
|
|
<li><a href="#" class="button special fit">Get Started</a></li>
|
||
|
|
<li><a href="#" class="button fit">Log In</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
|
||
|
|
<!-- Main -->
|
||
|
|
<div id="main" class="alt">
|
||
|
|
|
||
|
|
<!-- One -->
|
||
|
|
<section id="one">
|
||
|
|
<div class="inner">
|
||
|
|
<header class="major">
|
||
|
|
<h1>Ipsum</h1>
|
||
|
|
</header>
|
||
|
|
<span class="image main"><img src="/forty-jekyll-theme/assets/images/pic04.jpg" alt="" /></span>
|
||
|
|
<p><p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis.
|
||
|
|
Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat.
|
||
|
|
Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris.
|
||
|
|
Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
|
||
|
|
|
||
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis.
|
||
|
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum.
|
||
|
|
Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum.
|
||
|
|
Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus.
|
||
|
|
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus.
|
||
|
|
Pellentesque aliquam maximus risus, vel sed vehicula.</p>
|
||
|
|
|
||
|
|
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis.
|
||
|
|
Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit.
|
||
|
|
Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Contact -->
|
||
|
|
<section id="contact">
|
||
|
|
<div class="inner">
|
||
|
|
<section>
|
||
|
|
<form action="https://formspree.io/youremailaddress@gmail.com" method="POST">
|
||
|
|
<div class="field half first">
|
||
|
|
<label for="name">Name</label>
|
||
|
|
<input type="text" name="name" id="name" />
|
||
|
|
</div>
|
||
|
|
<div class="field half">
|
||
|
|
<label for="email">Email</label>
|
||
|
|
<input type="text" name="_replyto" id="email" />
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<label for="message">Message</label>
|
||
|
|
<textarea name="message" id="message" rows="6"></textarea>
|
||
|
|
</div>
|
||
|
|
<ul class="actions">
|
||
|
|
<li><input type="submit" value="Send Message" class="special" /></li>
|
||
|
|
<li><input type="reset" value="Clear" /></li>
|
||
|
|
</ul>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
<section class="split">
|
||
|
|
<section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<span class="icon alt fa-envelope"></span>
|
||
|
|
<h3>Email</h3>
|
||
|
|
<a href="#">youremailaddress@gmail.com</a>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<span class="icon alt fa-phone"></span>
|
||
|
|
<h3>Phone</h3>
|
||
|
|
<span>(716) 555-5555</span>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<div class="contact-method">
|
||
|
|
<span class="icon alt fa-home"></span>
|
||
|
|
<h3>Address</h3>
|
||
|
|
<span>1234 Somewhere Road<br />
|
||
|
|
Nashville, TN 55555<br />
|
||
|
|
United States of America</span>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer id="footer">
|
||
|
|
<div class="inner">
|
||
|
|
<ul class="icons">
|
||
|
|
|
||
|
|
<li><a href="https://twitter.com/andrewbanchich" class="icon alt fa-twitter" target="_blank"><span class="label">Twitter</span></a></li>
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://plus.google.com/u/0/+AndrewBanchich" class="icon alt fa-google-plus" target="_blank"><span class="label">Google+</span></a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://instagram.com" class="icon alt fa-instagram" target="_blank"><span class="label">Instagram</span></a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://gitlab.com/u/andrewbanchich" class="icon alt fa-gitlab" target="_blank"><span class="label">GitLab</span></a></li>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<li><a href="https://www.linkedin.com/in/andrew-banchich-a4ba1195" class="icon alt fa-linkedin" target="_blank"><span class="label">LinkedIn</span></a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
<ul class="copyright">
|
||
|
|
<li>© Forty by HTML5 UP</li>
|
||
|
|
<li>Design: <a href="https://html5up.net" target="_blank">HTML5 UP</a></li>
|
||
|
|
<li>Jekyll integration: <a href="http://andrewbanchi.ch" target="_blank">Andrew Banchich</a></li>
|
||
|
|
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Scripts -->
|
||
|
|
<script src="assets/js/jquery.min.js"></script>
|
||
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
||
|
|
<script src="assets/js/jquery.scrollex.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>
|