feat: Create template

index.html

@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>My Website</title>
+    <link rel="stylesheet" href="styles/main.css" />
+  </head>
+  <body>
+    <header>
+      <nav>
+        <div class="nav-container">
+          <h1 class="logo">My Website</h1>
+          <ul class="nav-links">
+            <li><a href="index.html">Home</a></li>
+            <li><a href="about.html">About</a></li>
+            <li><a href="services.html">Services</a></li>
+            <li><a href="contact.html">Contact</a></li>
+          </ul>
+        </div>
+      </nav>
+    </header>
+
+    <main>
+      <section class="hero">
+        <div class="container">
+          <h2>Welcome to My Website</h2>
+          <p>
+            This is a simple, clean starter template for your static website.
+          </p>
+          <button class="cta-button">Get Started</button>
+        </div>
+      </section>
+
+      <section class="features">
+        <div class="container">
+          <h2>What We Offer</h2>
+          <div class="features-grid">
+            <div class="feature-card">
+              <h3>Quality Service</h3>
+              <p>We provide top-notch services tailored to your needs.</p>
+            </div>
+            <div class="feature-card">
+              <h3>Expert Team</h3>
+              <p>Our experienced team is here to help you succeed.</p>
+            </div>
+            <div class="feature-card">
+              <h3>24/7 Support</h3>
+              <p>Round-the-clock support whenever you need us.</p>
+            </div>
+          </div>
+        </div>
+      </section>
+    </main>
+
+    <footer>
+      <div class="container">
+        <p>&copy; 2024 My Website. All rights reserved.</p>
+      </div>
+    </footer>
+
+    <script src="scripts/main.js"></script>
+  </body>
+</html>