ntdigital.github.io/index.html at main · NTDigital/ntdigital.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
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="NT Digital builds modern, responsive websites for businesses with a focus on quality, performance, and direct communication."
    />
    <title>NT Digital | Modern Web Development</title>
    <link rel="icon" href="/assets/icons/NTDigital.ico" />
    <link rel="stylesheet" href="/assets/css/style.css" />
  </head>
  <body class="page-home">
    <div class="site-shell">
      <header class="site-header" id="site-header"></header>

      <main>
        <section class="section hero-section">
          <div class="hero-copy">
            <p class="eyebrow">NT Digital</p>
            <h1>Modern websites built with performance, accessibility, and clean design in mind.</h1>
            <p class="hero-text">
              I build polished websites for businesses that need a professional online presence without the noise of a large agency.
            </p>
            <div class="hero-actions">
              <a class="btn btn-primary" href="mailto:projects@ntdigital.is-a.dev">Start a project</a>
              <a class="btn btn-secondary" href="/services/">View services</a>
            </div>
            <ul class="hero-highlights">
              <li>Responsive layouts</li>
              <li>Fast loading pages</li>
              <li>Clear communication</li>
            </ul>
          </div>
          <div class="hero-media">
            <img src="/assets/images/hero/hero-illustration.svg" alt="Illustration of a modern website layout" />
          </div>
        </section>

        <section class="section intro-section">
          <div class="section-heading">
            <p class="eyebrow">About NT Digital</p>
            <h2>Independent web development with a personal approach.</h2>
          </div>
          <div class="content-grid two-up">
            <article class="card">
              <h3>I build with care</h3>
              <p>
                I create websites that feel dependable, simple to use, and built for long-term growth. Every project is shaped around the needs of the business and the people visiting the site.
              </p>
            </article>
            <article class="card">
              <h3>I work directly with clients</h3>
              <p>
                Communication stays straightforward and personal throughout the process, from planning to launch and beyond. You will always know what is happening and why.
              </p>
            </article>
          </div>
        </section>

        <section class="section">
          <div class="section-heading">
            <p class="eyebrow">Services</p>
            <h2>Practical services for a strong online presence.</h2>
          </div>
          <div class="card-grid three-up">
            <article class="service-card">
              <div class="service-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M4 5h16v14H4z"/><path d="M8 9h8M8 13h5"/></svg>
              </div>
              <h3>Custom Websites</h3>
              <p>Tailored websites that reflect your business and support your goals.</p>
            </article>
            <article class="service-card">
              <div class="service-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M4 6h16v12H4z"/><path d="M4 10h16"/></svg>
              </div>
              <h3>Landing Pages</h3>
              <p>Focused pages designed to introduce services and encourage action.</p>
            </article>
            <article class="service-card">
              <div class="service-icon" aria-hidden="true">
                <svg viewBox="0 0 24 24"><path d="M5 5h14v14H5z"/><path d="M8 15l3-3 2 2 3-4"/></svg>
              </div>
              <h3>Performance Optimization</h3>
              <p>Improved speed, structure, and reliability for a better experience.</p>
            </article>
          </div>
          <div class="section-link-row">
            <a class="text-link" href="/services/">Explore all services</a>
          </div>
        </section>

        <section class="section">
          <div class="section-heading">
            <p class="eyebrow">Why Choose NT Digital</p>
            <h2>A dependable approach to building websites that work well and look professional.</h2>
          </div>
          <div class="content-grid two-up">
            <article class="card">
              <h3>Built for real businesses</h3>
              <p>Every website is designed to support daily use, clear messaging, and strong first impressions.</p>
            </article>
            <article class="card">
              <h3>Thoughtful development</h3>
              <p>Responsive design, accessible structure, thoughtful performance, and clean code are part of the standard.</p>
            </article>
          </div>
        </section>

        <section class="section cta-section">
          <h2>Ready to build a website that represents your business well?</h2>
          <p>Let’s talk about your goals, your audience, and the next step for your online presence.</p>
          <a class="btn btn-primary" href="mailto:projects@ntdigital.is-a.dev">Contact NT Digital</a>
        </section>
      </main>

      <footer class="site-footer" id="site-footer"></footer>
    </div>

    <script src="/assets/js/main.js"></script>
  </body>
</html>