116 lines
4.3 KiB
HTML
116 lines
4.3 KiB
HTML
<!-- Footer -->
|
|
<div id="footer-wrapper">
|
|
<section id="footer" class="container">
|
|
<div class="row">
|
|
<div class="8u 12u(mobile)">
|
|
<section>
|
|
<header>
|
|
<h2>Blandit nisl adipiscing</h2>
|
|
</header>
|
|
<ul class="dates">
|
|
{% for event in site.events reversed %}
|
|
<li>
|
|
<span class="date">{{ event.date | date: "%b" }} <strong>{{ event.date | date: "%d" }}</strong></span>
|
|
<h3><a href="#">{{ event.title }}</a></h3>
|
|
<p>{{ event.content }}</p>
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<div class="4u 12u(mobile)">
|
|
<section>
|
|
<header>
|
|
<h2>What's this all about?</h2>
|
|
</header>
|
|
<a href="#" class="image featured"><img src="images/pic10.jpg" alt="" /></a>
|
|
<p>
|
|
This is <strong>Dopetrope</strong> a free, fully responsive HTML5 site template by
|
|
<a href="http://twitter.com/ajlkn">AJ</a> for <a href="http://html5up.net/">HTML5 UP</a> It's released for free under
|
|
the <a href="http://html5up.net/license/">Creative Commons Attribution</a> license so feel free to use it for any personal or commercial project – just don't forget to credit us!
|
|
</p>
|
|
<footer>
|
|
<a href="#" class="button">Find out more</a>
|
|
</footer>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="4u 12u(mobile)">
|
|
<section>
|
|
<header>
|
|
<h2>Tempus consequat</h2>
|
|
</header>
|
|
<ul class="divided">
|
|
<li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
|
|
<li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
|
|
<li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
|
|
<li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
|
|
<li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
|
|
<li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<div class="4u 12u(mobile)">
|
|
<section>
|
|
<header>
|
|
<h2>Ipsum et phasellus</h2>
|
|
</header>
|
|
<ul class="divided">
|
|
<li><a href="#">Lorem ipsum dolor sit amet sit veroeros</a></li>
|
|
<li><a href="#">Sed et blandit consequat sed tlorem blandit</a></li>
|
|
<li><a href="#">Adipiscing feugiat phasellus sed tempus</a></li>
|
|
<li><a href="#">Hendrerit tortor vitae mattis tempor sapien</a></li>
|
|
<li><a href="#">Sem feugiat sapien id suscipit magna felis nec</a></li>
|
|
<li><a href="#">Elit class aptent taciti sociosqu ad litora</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
<div class="4u 12u(mobile)">
|
|
<section>
|
|
<header>
|
|
<h2>Vitae tempor lorem</h2>
|
|
</header>
|
|
<ul class="social">
|
|
<li><a class="icon fa-facebook" href="#"><span class="label">Facebook</span></a></li>
|
|
<li><a class="icon fa-twitter" href="#"><span class="label">Twitter</span></a></li>
|
|
<li><a class="icon fa-dribbble" href="#"><span class="label">Dribbble</span></a></li>
|
|
<li><a class="icon fa-linkedin" href="#"><span class="label">LinkedIn</span></a></li>
|
|
<li><a class="icon fa-google-plus" href="#"><span class="label">Google+</span></a></li>
|
|
</ul>
|
|
<ul class="contact">
|
|
<li>
|
|
<h3>Address</h3>
|
|
<p>
|
|
Untitled Incorporated<br />
|
|
1234 Somewhere Road Suite<br />
|
|
Nashville, TN 00000-0000
|
|
</p>
|
|
</li>
|
|
<li>
|
|
<h3>Mail</h3>
|
|
<p><a href="#">someone@untitled.tld</a></p>
|
|
</li>
|
|
<li>
|
|
<h3>Phone</h3>
|
|
<p>(800) 000-0000</p>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="12u">
|
|
|
|
<!-- Copyright -->
|
|
<div id="copyright">
|
|
<ul class="links">
|
|
<li>© Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|