---
layout: base.njk
key: contact
title: Contact
eleventyNavigation:
  key: contact
  title: Contact
  icon: comment-dots
  order: 3
---
<h1>Contact Information</h1>
<p>You want to contact me, report a problem, have a question about a service or would like to support me? Please
    send me your message in any of the following ways. I am looking forward to receive your message.</p>
<div class="row justify-content-center">
    <div class="col-12 col-md-10 col-lg-8">
        <a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
            <div class="pr-3"><span class="fas fa-fw fa-4x fa-envelope text-white"></span></div>
            <div>Send me an email to <strong>mail@sp-codes.de</strong></div>
        </a>
        <a class="card mb-3 d-flex align-items-center text-decoration-none"
           href="https://social.tchncs.de/@samuel_p">
            <div class="pr-3"><span class="fab fa-fw fa-4x fa-mastodon text-white"></span></div>
            <div>Follow me on Mastodon or send me a message to <strong>@samuel_p@social.tchncs.de</strong></div>
        </a>
        <a class="card mb-3 d-flex align-items-center text-decoration-none"
           href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
            <div class="pr-3"><img class="svg-icon" src="/img/matrix.svg" alt=""></div>
            <div>Write me on Matrix to <strong>@samuel-p:matrix.sp-codes.de</strong></div>
        </a>
        <a class="card mb-3 d-flex align-items-center text-decoration-none"
           href="https://blabber.im/i/samuel-p/dismail.de">
            <div class="pr-3"><img class="svg-icon" src="/img/xmpp.svg" alt=""></div>
            <div>Write me on XMPP to <strong>@samuel-p:dismail.de</strong></div>
        </a>
        <a class="card mb-3 d-flex align-items-center text-decoration-none"
           href="https://threema.id/YSCU6F6U">
            <div class="pr-3"><img class="svg-icon" src="/img/threema.svg" alt=""></div>
            <div>Write me on Threema to the ID <strong>YSCU6F6U</strong></div>
        </a>
    </div>
</div>