<div class=“contact-details”>
<h3>Not a form fan? I've got your back, you can contact me directly:</h3> <p><i class="fas fa-envelope"></i> <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a></p> {% if site.phone %} <p><i class="fas fa-phone-square"></i> <a href="tel:{{ site.phone }}">{{ site.phone }}</a></p> {% endif %} <p>Third option? Last one tho'...</p> <h3>Message me via social media.</h3> <ul class="social-media"> {% for social in site.data.socials %} <li class="social-media-item"> <a href="{{ social[1].dm_url }}{{ social[1].id }}/"> <i class="fab fa-{{ social[1].icon }}-square fa-2x social-media-link"></i></a> </li> {% endfor %} <li class="social-media-item"> <a href="https://join.slack.com/t/madeslowly/shared_invite/enQtODM5MzUzNDc1NzYxLWM1ZTBkMmMwY2RkYjg2MDkwMmE5YWFkZjQwYjZlODM1YzVmZmE1OTA3MzBmOWVlYjllNzYzNjA2NDgwMDk3ZGI"><i class="fab fa-slack fa-2x social-media-link"></i></a> </li> </ul>
</div>