155 lines
6.3 KiB
HTML
155 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<!--
|
|
Read Only by HTML5 UP
|
|
html5up.net | @ajlkn
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
Ported to a Jekyll Theme by DigitalAdapt.
|
|
-->
|
|
<html lang="{{ page.lang | default: site.lang | default: "en" }}">
|
|
<head>
|
|
{%- include head.html -%}
|
|
</head>
|
|
<body class="is-preload">
|
|
|
|
<!-- Header -->
|
|
<section id="header">
|
|
<header>
|
|
<span class="image avatar"><img src="{{ site.avatar | default: '/assets/images/avatar.jpg' | relative_url }}" alt="" /></span>
|
|
<h1 id="logo"><a href="{{ '/' | relative_url }}">{{ site.title | escape }}</a></h1>
|
|
<p>{{ site.description }}</p>
|
|
</header>
|
|
<nav id="nav">
|
|
<ul>
|
|
<li><a {% if '/' == page.url %} class="active" {% endif %} href="{{ '/' | relative_url }}">Home</a></li>
|
|
{%- for my_page in site.pages -%}
|
|
{%- if my_page.title -%}
|
|
<li><a {% if my_page.url == page.url %} class="active" {% endif %} href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a></li>
|
|
{%- endif -%}
|
|
{%- endfor -%}
|
|
</ul>
|
|
</nav>
|
|
<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-envelope"><span class="label">Email</span></a></li>
|
|
</ul>
|
|
</footer>
|
|
</section>
|
|
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<section id="one">
|
|
{{ content }}
|
|
</section>
|
|
<!--
|
|
|
|
<section id="one">
|
|
<div class="image main" data-position="center">
|
|
<img src="images/banner.jpg" alt="" />
|
|
</div>
|
|
<div class="container">
|
|
<header class="major">
|
|
<h2>Read Only</h2>
|
|
<p>Just an incredibly simple responsive site<br />
|
|
template freebie by <a href="http://html5up.net">HTML5 UP</a>.</p>
|
|
</header>
|
|
<p>Faucibus sed lobortis aliquam lorem blandit. Lorem eu nunc metus col. Commodo id in arcu ante lorem ipsum sed accumsan erat praesent faucibus commodo ac mi lacus. Adipiscing mi ac commodo. Vis aliquet tortor ultricies non ante erat nunc integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="two">
|
|
<div class="container">
|
|
<h3>Things I Can Do</h3>
|
|
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer lorem ipsum dolor sit amet.</p>
|
|
<ul class="feature-icons">
|
|
<li class="fa-code">Write all the code</li>
|
|
<li class="fa-cubes">Stack small boxes</li>
|
|
<li class="fa-book">Read books and stuff</li>
|
|
<li class="fa-coffee">Drink much coffee</li>
|
|
<li class="fa-bolt">Lightning bolt</li>
|
|
<li class="fa-users">Shadow clone technique</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="three">
|
|
<div class="container">
|
|
<h3>A Few Accomplishments</h3>
|
|
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p>
|
|
<div class="features">
|
|
<article>
|
|
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
|
|
<div class="inner">
|
|
<h4>Possibly broke spacetime</h4>
|
|
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
|
|
</div>
|
|
</article>
|
|
<article>
|
|
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
|
|
<div class="inner">
|
|
<h4>Terraformed a small moon</h4>
|
|
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
|
|
</div>
|
|
</article>
|
|
<article>
|
|
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
|
|
<div class="inner">
|
|
<h4>Snapped dark matter in the wild</h4>
|
|
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer adipiscing ornare amet.</p>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="four">
|
|
<div class="container">
|
|
<h3>Contact Me</h3>
|
|
<p>Integer eu ante ornare amet commetus vestibulum blandit integer in curae ac faucibus integer non. Adipiscing cubilia elementum integer. Integer eu ante ornare amet commetus.</p>
|
|
<form method="post" action="#">
|
|
<div class="row gtr-uniform">
|
|
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
|
|
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
|
|
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
|
|
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
|
|
<div class="col-12">
|
|
<ul class="actions">
|
|
<li><input type="submit" class="primary" value="Send Message" /></li>
|
|
<li><input type="reset" value="Reset Form" /></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
</div>
|
|
|
|
<section id="footer">
|
|
<div class="container">
|
|
<ul class="copyright">
|
|
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
-->
|
|
</div>
|
|
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
</body>
|
|
</html>
|