<!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>
        &copy; 2018 - MiniBlog
    </div>
    <div id="particle"></div>
</footer>

</body> </html>