starktech/index.html at main · StarkTechLabs/starktech · 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta charset="utf-8" />
  <meta name="description" content="" />
  <meta name="robots" content="index,follow" />
  <link rel="canonical" href="https://starktech.dev/">
  <link rel="icon" href="/public/assets/favicon.ico" />
  <meta property="og:locale" content="en_US" />
  <meta property="og:type" content="website" />
  <meta property="og:title" content="Stark Tech" />
  <meta property="og:image" content="https://starktech.dev/public/assets/banner.png" />
  <meta property="og:description" content="" />
  <meta property="og:url" content="https://starktech.dev" />
  <meta property="og:site_name" content="Stark Tech" />

  <title>Stark Tech LLC</title>
  <link rel="stylesheet" href="src/main.css" />

  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-WB50PXXNWR"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'G-WB50PXXNWR');
  </script>
</head>

<body class="darkGrey">
  <main>
    <div id="container"></div>
    <nav>
      <ul>
        <li><a href="/#home" title="Home" aria-label="Home"><svg xmlns="http://www.w3.org/2000/svg" height="48"
              viewBox="0 96 960 960" width="48">
              <path
                d="M220 876h150V626h220v250h150V486L480 291 220 486v390Zm-60 60V456l320-240 320 240v480H530V686H430v250H160Zm320-353Z" />
            </svg></a></li>
        <li><a href="/#about" title="About" aria-label="About"><svg xmlns="http://www.w3.org/2000/svg" height="48"
              viewBox="0 96 960 960" width="48">
              <path
                d="M453 776h60V536h-60v240Zm26.982-314q14.018 0 23.518-9.2T513 430q0-14.45-9.482-24.225-9.483-9.775-23.5-9.775-14.018 0-23.518 9.775T447 430q0 13.6 9.482 22.8 9.483 9.2 23.5 9.2Zm.284 514q-82.734 0-155.5-31.5t-127.266-86q-54.5-54.5-86-127.341Q80 658.319 80 575.5q0-82.819 31.5-155.659Q143 347 197.5 293t127.341-85.5Q397.681 176 480.5 176q82.819 0 155.659 31.5Q709 239 763 293t85.5 127Q880 493 880 575.734q0 82.734-31.5 155.5T763 858.316q-54 54.316-127 86Q563 976 480.266 976Zm.234-60Q622 916 721 816.5t99-241Q820 434 721.188 335 622.375 236 480 236q-141 0-240.5 98.812Q140 433.625 140 576q0 141 99.5 240.5t241 99.5Zm-.5-340Z" />
            </svg></a></li>
        <li><a href="/#contact" title="Contact" aria-label="Contact"><svg xmlns="http://www.w3.org/2000/svg" height="48"
              viewBox="0 96 960 960" width="48">
              <path d="M120 896V256l760 320-760 320Zm60-93 544-227-544-230v168l242 62-242 60v167Zm0 0V346v457Z" />
            </svg></a></li>
      </ul>
    </nav>
    <div class="parallax-container">
      <div class="buffer h-40"></div>
      <div class="section home">
        <a class="anchor" id="home"></a>
        <div class="title">Stark Tech</div>
        <div class="subtitle"></div>
        <div class="scroll-indicator">
          <p>Scroll to Continue</p>
          <svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48">
            <path d="M480 896 160 576l42-42 248 248V256h60v526l248-248 42 42-320 320Z" />
          </svg>
        </div>
      </div>
      <div class="buffer"></div>
      <div class="section about">
        <a class="anchor" id="about"></a>
        <div class="about-content">
          <div class="about-text">
            <h2>Transforming Ideas into Digital Reality</h2>
            <p>Stark Tech is a forward-thinking product and development agency that's revolutionizing the software
              development landscape. With our unique blend of human expertise and cutting-edge AI technology, we're
              setting new standards in digital innovation.</p>

            <div class="about-highlights">
              <div class="highlight">
                <span class="highlight-icon">🚀</span>
                <h3>Speed to Market</h3>
                <p>We accelerate your journey from concept to launch, ensuring you stay ahead of the competition.</p>
              </div>

              <div class="highlight">
                <span class="highlight-icon">💡</span>
                <h3>Innovation First</h3>
                <p>Leveraging AI and advanced technologies to solve complex challenges with elegant solutions.</p>
              </div>

              <div class="highlight">
                <span class="highlight-icon">👥</span>
                <h3>Expert Team</h3>
                <p>Our experienced engineers bring deep expertise across the full development stack.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="buffer"></div>
      <div id="tech" class="section tech">
        <a class="anchor" id="tech"></a>
        <div class="subtitle">What we typically work with</div>
        <br />
        <div class="tech-grid">
          <img src="public/assets/gcp.png" title="Google Cloud Platform" />
          <img src="public/assets/aws.png" title="Amazon Web Services" />
          <img src="public/assets/docker.webp" title="Docker" />
          <img src="public/assets/postgres.png" title="PostgreSQL" />
          <img src="public/assets/node_logo.png" title="Node.js" />
          <img src="public/assets/typescript_logo.png" title="TypeScript" />
          <img src="public/assets/react_logo.png" title="React" />
          <img src="public/assets/go_logo.svg" title="Go" />
          <img src="public/assets/materialui_logo.svg" title="Material UI" />
        </div>
      </div>
      <div class="buffer"></div>
      <div id="contact" class="section contact">
        <a class="anchor" id="contact"></a>
        <footer>
          <div class="subtitle">Ready to Transform Your Ideas into Reality?</div>
          <p class="contact-text">Reach out to discuss how we can help bring your project to life.</p>
          <div class="contact-options">
            <a href="mailto:michael@starktech.dev" class="contact-button" title="Email">
              <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
                <path d="M0 0h24v24H0z" fill="none" />
                <path
                  d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"
                  fill="#003049" />
              </svg>
              michael@starktech.dev
            </a>
          </div>
        </footer>
      </div>
      <div class="buffer"></div>
    </div>
  </main>

  <!-- Dependencies -->
  <script type="text/javascript" src="src/main.js"></script>

</body>

</html>