GKY-WEB/index.html at main · Kennnnnnyyyyyyyyy/GKY-WEB · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>GKY E‑Systems</title>
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <header>
    <nav class="nav" aria-label="Main Navigation">
      <div class="nav__logo">
        <a href="index.html">
          <img src="assets/gky-logo.svg" alt="GKY Logo" />
        </a>
      </div>
      <ul class="nav__links">
        <li><a href="index.html" class="nav__active">Home</a></li>
        <li><a href="solutions.html">Solutions</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="why-choose-us.html">Why Choose Us</a></li>
        <li><a href="careers.html">Careers</a></li>
        <li><a href="contact.html">Contact</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <!-- Hero Section -->
    <section id="hero" class="hero" aria-label="Hero">
      <video class="hero__bg-video" src="3129671-uhd_3840_2160_30fps.mp4" autoplay loop muted playsinline></video>
      <div class="hero__content">
        <h1 class="hero__headline">Secure. Empower. Enable.</h1>
        <p class="hero__tagline">Modern IT infrastructure & cybersecurity for ambitious businesses.</p>
        <a class="hero__cta" href="solutions.html"><span>Explore Solutions</span></a>
      </div>
    </section>
    <!-- Short Intro -->
    <section class="intro" aria-label="Intro">
      <div class="intro__content">
        <h2 class="intro__headline">Your Trusted Partner in IT Infrastructure</h2>
        <p class="intro__desc">GKY E‑Systems delivers enterprise-grade hardware, software, and security solutions to power your business growth. Discover our expertise and experience the difference.</p>
      </div>
    </section>
  </main>
  <!-- Footer -->
  <footer>
    <!-- Will be replaced with modular footer.html content in next steps -->
    <!--#include file="sections/footer.html" -->
  </footer>
  <script src="js/script.js"></script>
</body>
</html>