62 lines
2.7 KiB
Plaintext
62 lines
2.7 KiB
Plaintext
<article class="contact-links">
|
|
<hgroup>
|
|
<h2 id="contacts">Contact me</h2>
|
|
<p>Whether you're willing to work with me, or want a chat with me, feel free to contact me any time! I'll do my best to answer to emails in short time.</p>
|
|
</hgroup>
|
|
|
|
<div class="grid">
|
|
<a role="button" class="" href="mailto:hello@nzambello.dev">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
role="presentation"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg
|
|
>
|
|
<span>Email me</span>
|
|
</a>
|
|
<a role="button" class="" href="https://github.com/nzambello" target="_blank" rel="noopener noreferrer">
|
|
<svg height="32" aria-hidden="true" viewBox="0 0 16 16" version="1.1" width="32" data-view-component="true" class="octicon octicon-mark-github v-align-middle color-fg-default">
|
|
<path
|
|
d="M8 0c4.42 0 8 3.58 8 8a8.013 8.013 0 0 1-5.45 7.59c-.4.08-.55-.17-.55-.38 0-.27.01-1.13.01-2.2 0-.75-.25-1.23-.54-1.48 1.78-.2 3.65-.88 3.65-3.95 0-.88-.31-1.59-.82-2.15.08-.2.36-1.02-.08-2.12 0 0-.67-.22-2.2.82-.64-.18-1.32-.27-2-.27-.68 0-1.36.09-2 .27-1.53-1.03-2.2-.82-2.2-.82-.44 1.1-.16 1.92-.08 2.12-.51.56-.82 1.28-.82 2.15 0 3.06 1.86 3.75 3.64 3.95-.23.2-.44.55-.51 1.07-.46.21-1.61.55-2.33-.66-.15-.24-.6-.83-1.23-.82-.67.01-.27.38.01.53.34.19.73.9.82 1.13.16.45.68 1.31 2.69.94 0 .67.01 1.3.01 1.49 0 .21-.15.45-.55.38A7.995 7.995 0 0 1 0 8c0-4.42 3.58-8 8-8Z"
|
|
></path>
|
|
</svg>
|
|
<span>GitHub</span>
|
|
</a>
|
|
<a role="button" class="" href="https://cal.nzambello.dev" target="_blank" rel="noopener noreferrer">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-calendar"
|
|
><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"
|
|
></line></svg
|
|
>
|
|
<span>Book a meeting</span>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
<style>
|
|
.contact-links {
|
|
margin-top: 6rem;
|
|
}
|
|
|
|
.contact-links a {
|
|
display: inline-flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.contact-links a span {
|
|
line-height: 1;
|
|
}
|
|
|
|
.contact-links a svg {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
font-size: 1em;
|
|
margin-right: 0.5rem;
|
|
}
|
|
</style>
|