<!– Sidebar –>
<div id="sidebar"> <div class="inner"> <!-- Search --> <section id="search" class="alt"> <form method="post" action="#"> <input type="text" name="query" id="query" placeholder="Search" /> </form> </section> <!-- Menu --> <nav id="menu"> <header class="major"> <h2>Menu</h2> </header> <ul> <li><a href="{{ '' | absolute_url }}">Homepage</a></li> <li><a href="{{ 'generic.html' | absolute_url }}">Generic</a></li> <li><a href="{{ 'elements.html' | absolute_url }}">Elements</a></li> <li> <span class="opener">Submenu</span> <ul> <li><a href="#">Lorem Dolor</a></li> <li><a href="#">Ipsum Adipiscing</a></li> <li><a href="#">Tempus Magna</a></li> <li><a href="#">Feugiat Veroeros</a></li> </ul> </li> <li><a href="#">Etiam Dolore</a></li> <li><a href="#">Adipiscing</a></li> <li> <span class="opener">Another Submenu</span> <ul> <li><a href="#">Lorem Dolor</a></li> <li><a href="#">Ipsum Adipiscing</a></li> <li><a href="#">Tempus Magna</a></li> <li><a href="#">Feugiat Veroeros</a></li> </ul> </li> <li><a href="#">Maximus Erat</a></li> <li><a href="#">Sapien Mauris</a></li> <li><a href="#">Amet Lacinia</a></li> </ul> </nav> <!-- Section --> <section> <header class="major"> <h2>Ante interdum</h2> </header> <div class="mini-posts"> <article> <a href="#" class="image"><img src="assets/images/pic07.jpg" alt="" /></a> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p> </article> <article> <a href="#" class="image"><img src="assets/images/pic08.jpg" alt="" /></a> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p> </article> <article> <a href="#" class="image"><img src="assets/images/pic09.jpg" alt="" /></a> <p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p> </article> </div> <ul class="actions"> <li><a href="#" class="button">More</a></li> </ul> </section> <!-- Section --> <section> <header class="major"> <h2>Get in touch</h2> </header> <p>Sed varius enim lorem ullamcorper dolore aliquam aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore. Proin sed aliquam facilisis ante interdum. Sed nulla amet lorem feugiat tempus aliquam.</p> <ul class="contact"> <li class="fa-envelope-o"><a href="#">{{ site.email }}</a></li> <li class="fa-phone">{{ site.phone }}</li> <li class="fa-home">{{ site.street_address }}<br /> {{ site.city }}, {{ site.state }} {{ site.zip_code }}<br /> {{ site.country }}</li> </ul> </section> <!-- Footer --> <footer id="footer"> <p class="copyright">© {{ site.title }}. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>. Jekyll integration: <a href="https://andrewbanchi.ch">Andrew Banchich</a>.</p> </footer> </div> </div>