60 lines
1.7 KiB
Plaintext
60 lines
1.7 KiB
Plaintext
|
<article class="contact-links">
|
||
|
|
<hgroup>
|
||
|
|
<h2 id="contact">Contact me</h2>
|
||
|
|
<p>
|
||
|
|
Whether you're willing to hire me, or want a chat with me about tech, 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
|
||
|
|
>
|
||
|
|
Email me
|
||
|
|
</a>
|
||
|
|
<a role="button" class="" href="https://cal.nzambello.dev">
|
||
|
|
<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
|
||
|
|
>
|
||
|
|
Book a meeting
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
</article>
|
||
|
|
<style>
|
||
|
|
.contact-links a {
|
||
|
|
display: inline-flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.contact-links a svg {
|
||
|
|
width: 1.5em;
|
||
|
|
height: 1.5em;
|
||
|
|
font-size: 1em;
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
}
|
||
|
|
</style>
|