<!– GITHUB BUTTON JS –> <script async defer src=“buttons.github.io/buttons.js”>>

<!–FACEBOOK LIKE BUTTON JAVASCRIPT SDK–> <div id=“fb-root”></div> <script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class=“page-wrapper”>

<!-- ******Header****** -->
<header class="header text-center">
    <div class="container">
        <div class="branding">
            {% if site.branding %}
                {{ site.branding }}
            {% elsif site.branding_title %}
                <h1 class="logo"> {{ site.branding_title }} </h1>
            {% else %}
                <h1 class="logo">
                    <span aria-hidden="true" class="icon_documents_alt icon"></span>
                    <span class="text-highlight">Pretty</span><span class="text-bold">Docs</span>
                </h1>
            {% endif %}
        </div><!--//branding-->
        <div class="tagline">
            {% if site.tagline %}
                {{ site.tagline }}
            {% elsif site.tagline_subtitle %}
                <h2> {{ site.tagline_subtitle }} </h2>
            {% else %}
                <p>Free Bootstrap 4 theme for your project documentation</p>
                <p>Designed with <i class="fas fa-heart"></i> for developers</p>
            {% endif %}
        </div><!--//tagline-->
        {% if site.socials != false %}
        <div class="social-container">
            {% if site.socials %}
                {% if site.social_github != false %}
                <div class="github-btn mb-2">
                    {% if site.github_repository %}
                    <a class="github-button" href="https://github.com/{{ site.github_username }}/{{ site.github_repository }}" data-size="large" aria-label="Star {{ site.github_username }}/{{ site.github_repository }} on GitHub">Star</a>
                    {% endif %}
                    <a class="github-button" href="https://github.com/{{ site.github_username }}" data-size="large" aria-label="Follow @{{ site.github_username }} on GitHub">Follow @{{ site.github_username }}</a>
                </div>
                {% endif %}
                {% if site.social_twitter != false %}
                <!-- Replace with your Twitter Button -->
                <div class="twitter-tweet">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ site.twitter_share }}" data-via="{{ site.twitter_username }}">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                </div><!--//tweet-->
                {% endif %}
                {% if site.social_facebook != false %}
                    {% if site.facebook_like %}
                        {% assign facebook_like = site.facebook_like %}
                    {% else %}
                        {% assign facebook_like = site.url %}
                    {% endif %}
                    <!-- Replace with your Facebook Button -->
                    <div class="fb-like" data-href="{{ facebook_like }}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>            
                {% endif %}
            {% else %}
                <!-- Replace with your Github Button -->
                <div class="github-btn mb-2">
                    <a class="github-button" href="https://github.com/xriley/PrettyDocs-Theme" data-size="large" aria-label="Star xriley/PrettyDocs-Theme on GitHub">Star</a>
                    <a class="github-button" href="https://github.com/xriley" data-size="large" aria-label="Follow @xriley on GitHub">Follow @xriley</a>
                </div>
                <!-- Replace with your Twitter Button -->
                <div class="twitter-tweet">
                    <a href="https://twitter.com/share" class="twitter-share-button" data-text="PrettyDocs - A FREE #Bootstrap theme for project documentations #Responsive" data-via="3rdwave_themes">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
                </div><!--//tweet-->
                <!-- Replace with your Facebook Button -->
                <div class="fb-like" data-href="https://themes.3rdwavemedia.com" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
            {% endif %}
         </div><!--//social-container-->
        {% endif %}
    </div><!--//container-->
</header><!--//header-->
{% include cards-section.html %}

</div><!–//page-wrapper–>

{% include footer.html %}