<div class=“p-3 footer-nav”>
<div class="width-lg-stretch pt-3 content mx-auto flex space-between border-top"> <div class="my-2 align-items-center"> <a class="header-brand" href="{{ site.baseurl }}/">{{ site.title }}</a> <span class="small ml-2">copyright © 2020. created by {{ site.author }}</span> </div> <div class="my-2"> {% if site.instagram %} <a class="mr-3 ml-lg-3 mr-lg-0" href="{{ site.instagram }}"> <div data-icon="ei-sc-instagram" data-size="s"></div> </a> {% endif %} {% if site.twitter %} <a class="mr-3 ml-lg-3 mr-lg-0" href="{{ site.twitter }}"> <div data-icon="ei-sc-twitter" data-size="s"></div> </a> {% endif %} {% if site.facebook %} <a class="mr-3 ml-lg-3 mr-lg-0" href="{{ site.facebook }}"> <div data-icon="ei-sc-facebook" data-size="s"></div> </a> {% endif %} {% if site.github %} <a class="mr-3 ml-lg-3 mr-lg-0" href="{{ site.github }}"> <div data-icon="ei-sc-github" data-size="s"></div> </a> {% endif %} </div> </div>
</div>