thefoxy23.github.io/contact.html at main · TheFoxy23/thefoxy23.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!--
Page dedicated to contact information and technical discussions for The Analytical Stack.
This page provides an email address for direct communication, a contact form for structured inquiries, and links to social media profiles for broader engagement.
The design is straightforward and professional, encouraging visitors to reach out with questions, collaboration ideas, or feedback related to the blog's content and projects.
-->

<!DOCTYPE html>
<html lang="it">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>The Analytical Stack | Contact</title>
    <link rel="shortcut icon" href="media/favicon-v2.png" />
    <meta
      name="description"
      content="Contact and professional references of Jake"
    />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
  </head>
  <body>
    <main class="container page-content">
      <section class="section">
        <h1>Contact</h1>
        <p>
          If you'd like to discuss a project, collaboration, or technical topic,
          you can contact me through the channels below.
        </p>
      </section>

      <section class="section card-grid">
  <article class="card twitter-card">
    <div style="display: inline-flex; align-items: center; gap: 12px; margin-bottom: 0.75rem;">
      <i class="fa-brands fa-x-twitter fa-fade" style="font-size: 1.6rem; color: #ffffff;"></i>
      <h2>Twitter</h2>
    </div>
    <p class="muted">To see the stoopid things that I publish.</p>
    <a href="https://x.com/giacomotarmati" target="_blank" rel="noopener noreferrer" class="inline-link">@giacomotarmati</a>
  </article>

  <article class="card github-card">
    <div style="display: inline-flex; align-items: center; gap: 12px; margin-bottom: 0.75rem;">
      <i class="fa-brands fa-github fa-fade" style="font-size: 1.6rem; color: #9a9a9a;"></i>
      <h2>GitHub</h2>
    </div>
    <p class="muted">Repository, codes or experiments</p>
    <a href="https://www.github.com/TheFoxy23" target="_blank" rel="noopener noreferrer" class="inline-link">github.com/TheFoxy23</a>
  </article>

  <article class="card linkedin-card">
    <div style="display: inline-flex; align-items: center; gap: 12px; margin-bottom: 0.75rem;">
      <i class="fa-brands fa-linkedin fa-fade" style="font-size: 1.6rem; color: #0a66c2;"></i>
      <h2>LinkedIn</h2>
    </div>
    <p class="muted">Profile and training path.</p>
    <a href="https://www.linkedin.com/in/giacomo-tarmati" target="_blank" rel="noopener noreferrer"  class="inline-link">linkedin.com/in/giacomo-tarmati</a>
  </article>
</section>

  <a
    href="https://ko-fi.com/thefoxy23"
    target="_blank"
    rel="noopener noreferrer"
    class="btn-support-hero"
  >
    <span class="support-icon">☕</span>
    <span>Buy me a second breakfast <br>(hobbit necessities) </span>
    </a>

    </main>

    <script src="https://unpkg.com/lucide@latest"></script>
    <script src="js/components.js"></script>
  </body>
</html>