<!DOCTYPE html> <html lang=“en”>
{%- include head.html -%}
<body>
<header class="header"> <nav class="nav"> <div class="nav-inner"> <div class="logo"><a href="/">{{ site.title }}</a></div> <ul> <li><a href="/">Home</a></li> <li><a href="/">Sitemap</a></li> <li><a href="/">Privacy</a></li> <li><a href="/">About</a></li> </ul> </div> </nav> <div class="header-wrapper" id="header-wrapper"> <div class="header-inner"> <div class="header-content"> <div class="header-image"></div> <div class="details" id="details"> {% if page.path contains '_posts' %} <h1 class="title"> {{ page.title }} </h1> {% if page.excerpt contains site.excerpt_separator %} {% if page.author %} <p class="description">By {{ page.author }}</p> {% endif %} {% else %} {% if page.author %} <p class="description">By <span>{{ page.author }}</span> <br><br> {{ page.excerpt }}</p> {% else %} <p class="description">{{ page.excerpt }}</p> {% endif %} {% endif %} {% else %} <h1 class="title"> {{ site.title }} </h1> <p class="description">{{ site.description }}</p> {% endif %} </div> </div> </div> </div> <div class="bg" id="bg"></div> </header> <main class="page-content"> {{ content }} </main> <footer class="footer"> <div class="footer-inner"> <div class="column"> <div class="content"> <h3>Footer Menu</h3> <nav class="footer-menu"> <ul> <li> <a href="#"> <i class="mi-sitemap"></i> Sitemap </a> </li> <li> <a href="#"> <i class="mi-lock"></i> Privacy </a> </li> <li> <a href="#"> <i class="mi-contact"></i> Contact </a> </li> <li> <a href="#"> <i class="mi-info"></i> About </a> </li> </ul> </nav> </div> </div> <div class="column"> <div class="content"> <h3>Categories</h3> <div> <a href="#" class="ctg">Code Snippet</a> <a href="#" class="ctg">Image responsive</a> <a href="#" class="ctg">Table style</a> <a href="#" class="ctg">Blockquote</a> <a href="#" class="ctg">Search Posts</a> </div> </div> </div> <div class="column"> <div class="content"> <h3>Column 3</h3> </div> </div> </div> <div class="socials"> <a class="facebook" href="//facebook.com/{{ site.facebook_page }}" target="_blank"> <i class="mi-facebook-f"></i> </a> <a class="github" href="//github.com/{{ site.github_username }}" target="_blank"> <i class="mi-github-f"></i> </a> <a class="google-plus" href="//plus.google.com/{{ site.google_plus_id }}" target="_blank"> <i class="mi-google-plus-f"></i> </a> <a class="instagram" href="//instagram.com/{{ site.instagram_username }}" target="_blank"> <i class="mi-instagram-f"></i> </a> <a class="twitter" href="//twitter.com/{{ site.twitter_username }}" target="_blank"> <i class="mi-twitter-f"></i> </a> <a class="youtube" href="//youtube.com/channel/{{ site.youtube_id }}" target="_blank"> <i class="mi-youtube-f"></i> </a> </div> <div class="copyright"> <p class="description">{{ site.description }}</p> © 2018 - MiniBlog </div> <div id="particle"></div> </footer>
</body> </html>