---

title : 'Get in touch with me - Contact | EmptyWork'

description: "Leave me a message or any feedback, or ask me anything you want."

layout: 'layouts/secondary.njk'

style: 'contact.css'

---

<main id="main" class="main">

<section aria-labelledby="contact" class="contact">

<div class="main-container">

<header class="section-header" data-animation="fade-in">

<span>

<a class="breadcrumb" href="/">Home</a> ›

<a class="breadcrumb" href="/contact">{{ contact.title }}</a>

</span>

<div class="header-title">

<a class="header-title__link" href="#contact">

<span aria-hidden="true">#</span>

<span class="sr-only">Link to heading "contact"</span>

</a>

<h1 id="contact">{{ contact.desc }}</h1>

</div>

</header>

<div class="contact-container" data-animation="fade-in" data-delay="2">

<p class="contact-summary">{{ contact.summary | renderMarkdownInline | safe }}</p>

{% for socials, containerClass in [

[contact.mainSocials, "social-container"],

[contact.socials, "social-container social-container__small"]

] %}

<ul class="{{ containerClass }}">

{% for social in socials %}

{% if containerClass == "social-container" or social.hidden !== true %}

<li data-animation="fade-in" data-delay="{{ loop.index }}">{% include "components/snippets/social-items.njk" %}</li>

{% endif %}

{% endfor %}

</ul>

{% endfor %}

</div>

</div>

</section>

</main>