<div class=“sidebar col-100”>

<div itemscope="" itemtype="http://schema.org/Person">
    <div class="author__avatar">
        <img src="{{ "/assets/images/profile-small.jpg" | relative_url }}" class="author__avatar" alt="{{ site.author.name | escape }}" itemprop="image">
    </div>
    <div class="author__content">
        <h3 class="author__name" itemprop="name">{{ site.author.name | escape }}</h3>
        <p class="author__bio" itemprop="description">
            {{ site.author.bio | escape }}
        </p>
    </div>
    <div class="author__urls-wrapper">
        <button class="btn">Follow</button>
        <ul class="author__urls social-icons">
            <li itemprop="homeLocation" itemscope="" itemtype="http://schema.org/Place">
                <i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> <span itemprop="name">{{ site.author.location | escape }}</span>
            </li>
            <li>
                <a class="email reverse" href="" title="Send me an email" itemprop="sameAs">
                    <i class="fa fa-fw fa-envelope-o" aria-hidden="true"></i> Email
                </a>
            </li>
            {% if site.linkedin.username %}
            <li>
                <a class="reverse" href="https://www.linkedin.com/in/{{ site.linkedin.username }}"
                  itemprop="sameAs" title="Follow me on LinkedIn">
                    <i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> LinkedIn
                </a>
            </li>
            {% endif %}
            {% if site.github.username %}
              <li>
                  <a class="reverse" href="https://github.com/{{ site.github.username }}"
                    itemprop="sameAs" title="Follow me on GitHub">
                      <i class="fa fa-fw fa-github" aria-hidden="true"></i> GitHub
                  </a>
              </li>
            {% endif %}
            {% if site.flickr.username %}
                                            <li>
                                                            <a class="reverse" href="https://www.flickr.com/photos/{{ site.flickr.username }}/"
                    itemprop="sameAs" title="Connect with me on Flickr">
                                                                            <i class="fa fa-fw fa-flickr" aria-hidden="true"></i> Flickr
                                                            </a>
                                            </li>
                                    {% endif %}
            {% if site.twitter.username %}
              <li>
                  <a class="reverse" href="https://twitter.com/{{ site.twitter.username }}/"
                    itemprop="sameAs" title="Follow me on Twitter">
                      <i class="fa fa-fw fa-twitter" aria-hidden="true"></i> Twitter
                  </a>
              </li>
            {% endif %}
            {% if site.instagram.username %}
              <li>
                  <a class="reverse" href="https://www.instagram.com/{{ site.instagram.username }}/"
                    itemprop="sameAs" title="Connect with me on Instagram">
                      <i class="fa fa-fw fa-instagram" aria-hidden="true"></i> Instagram
                  </a>
              </li>
            {% endif %}
        </ul>
    </div>
</div>

</div>