<!– Author –> <section class=“mb-4”>
<hr class="mt-4"> <p class="font-weight-bold dark-grey-text text-center spacing"> <strong>ABOUT ME</strong> </p> <hr> <!-- Avatar --> <div class="flex-center mt-4"> <img src="{{ site.data.blog.author.image_portrait | default: site.data.default.author_image_portrait }}" class="img-fluid img-author"> </div> <!-- Description --> <p class="mt-3 dark-grey-text font-small text-center"> <em>{{ site.data.blog.author.description | default: site.data.default.author_description }}</em> </p> <ul class="list-unstyled list-inline-item circle-icons list-unstyled flex-center"> <!-- Facebook --> <li> <a href="{{ site.data.blog.author.facebook | default: site.data.default.author_facebook }}" class="fb-ic"></a> <i class="fab fa-facebook-f"> </i> </a> </li> <!-- Twitter --> <li> <a href="{{ site.data.blog.author.twitter | default: site.data.default.author_twitter }}" class="tw-ic"></a> <i class="fab fa-twitter"> </i> </a> </li> <!-- Google + --> <li> <a href="{{ site.data.blog.author.github | default: site.data.default.author_github }}" class="gplus-ic"></a> <i class="fab fa-github"> </i> </a> </li> </ul> </section>