diff --git a/index.html b/index.html
new file mode 100644
index 0000000000..098c56d811
--- /dev/null
+++ b/index.html
@@ -0,0 +1,226 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title>Silicon</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <meta property="og:title" content="">
+  <meta property="og:type" content="">
+  <meta property="og:url" content="">
+  <meta property="og:image" content="">
+  <link rel="apple-touch-icon" href="favicon.svg">
+  <meta name="msapplication-tap-highlight" content="no" />
+
+  <!-- Custom styles -->
+  <link rel="stylesheet" href="css/main.css">
+
+  <!-- Icons -->
+  <script src="https://use.fontawesome.com/14d215a0c7.js"></script>
+  
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" rel="stylesheet">
+  <meta name="theme-color" content="#fafafa">
+</head>
+
+<body>
+  <header class="header">
+    <nav class="nav">
+      <div class="container">
+        <a class="logo" href="#"><img src="images/logo.png" alt="logo"></a>
+        <button class="menu-toggle" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="menu-icon"></span>
+        </button>
+        <div class="menu" id="main-menu">
+          <ul class="menu-list">
+            <li class="menu-item">
+              <a class="menu-link active" href="#">Features</a>
+            </li>
+            <li class="menu-item">
+              <a class="menu-link sign-in" href="#"><img src="images/user.svg" alt="user"> Sign in / up</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+  </header>
+  
+  <section class="banner">
+    <div class="container">
+      <h1 class="banner-title mobile-hidden">Manage All Your<br> Money in One App</h1>
+      <div class="grid">
+        <div class="grid-half">
+          <div class="content">
+            <h1 class="banner-title desktop-hidden">Manage All Your<br> Money in One App</h1>
+            <p class="banner-text">We offer a new generation of mobile banking.<br> Save, spend & manage money easily.</p>
+            <div class="button-group">
+              <a href="#"><img src="images/google_play.png" alt=""></a>
+              <a href="#"><img src="images/apple_play.png" alt=""></a>
+            </div>
+            <a href="#more" class="scroll-down"><span><i class="fa fa-angle-down"></i></span> Discover More</a>
+          </div>
+        </div>
+        <div class="grid-half mobile-hidden">
+          <div class="image">
+            <img src="images/banner.png" alt="">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="clients" id="more">
+    <div class="container">
+      <div class="clients-grid">
+        <div class="client"><img src="images/brand.png" alt="Brand 1"></div>
+        <div class="client"><img src="images/brand2.png" alt="Brand 2"></div>
+        <div class="client"><img src="images/brand3.png" alt="Brand 3"></div>
+        <div class="client"><img src="images/brand-4.png" alt="Brand 4"></div>
+      </div>
+    </div>
+  </section>
+
+  <section class="features">
+    <div class="container">
+      <div class="grid">
+        <div class="grid-quarter">
+          <div class="image desktop-visible">
+            <img src="images/visa.png" alt="Visa">
+          </div>
+        </div>
+        <div class="grid-three-quarters">
+          <div class="content">
+            <h2 class="title">App Features</h2>
+            <p class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin volutpat mollis egestas. Nam luctus facilisis ultrices. Pellentesque volutpat ligula est. Mattis fermentum, at nec lacus.</p>
+            <div class="feature-list">
+              <div class="feature">
+                <img src="images/icon/payments.svg" alt="Payments">
+                <h4 class="feature-title">Easy Payments</h4>
+                <p class="feature-description">Id mollis consectetur congue egestas egestas suspendisse blandit justo.</p>
+              </div>
+              <div class="feature">
+                <img src="images/icon/statistics.svg" alt="Statistics">
+                <h4 class="feature-title">Cost Statistics</h4>
+                <p class="feature-description">Mattis urna ultricies non amet, purus in auctor non. Odio vulputate ac nibh.</p>
+              </div>
+              <div class="feature">
+                <img src="images/icon/cashback.svg" alt="Cashback">
+                <h4 class="feature-title">Regular Cashback</h4>
+                <p class="feature-description">Sit facilisis dolor arcu, fermentum vestibulum arcu elementum imperdiet eleifend.</p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="work">
+    <div class="container text-center">
+      <h2 class="section-title">How Does It Work?</h2>
+      <img src="images/Container.png" alt="" class="mobile-hidden">
+      <img src="images/mobile-how.png" alt="" class="mobile-visible">
+      <div class="content">
+        <h4 class="title">Latest transaction history</h4>
+        <p class="description">Enim, et amet praesent pharetra. Mi non ante hendrerit amet sed. Arcu sociis tristique quisque hac in consectetur condimentum.</p>
+      </div>
+    </div>
+  </section>
+
+  <section class="image-section">
+    <div class="container">
+      <div class="grid align-center">
+        <div class="grid-half">
+          <div class="content">
+            <h3 class="title">Make your money<br>transfer simple and clear</h3>
+            <ul>
+              <li><img src="images/icon/arrow_circle.svg" alt="">Banking transactions are free for you</li>
+              <li><img src="images/icon/arrow_circle.svg" alt="">No monthly cash commission</li>
+              <li><img src="images/icon/arrow_circle.svg" alt="">Manage payments and transactions online</li>
+            </ul>
+            <a href="" class="primary-button">Learn More <img src="images/icon/arrow.svg"></a>
+          </div>
+        </div>
+        <div class="grid-half">
+          <div class="image align-right">
+            <img src="images/chart.png" alt="Chart">
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="testimonials">
+    <div class="container">
+      <div class="grid">
+        <div class="grid-third">
+          <h2 class="title">Clients are<br>Loving Our App</h2>
+        </div>
+        <div class="grid-two-thirds">
+          <div class="testimonials-list">
+            <div class="testimonial">
+              <div class="quote"><img src="images/quotes.svg" alt="Quote"></div>
+              <img src="images/rating.svg" class="rating" alt="Rating">
+              <p class="testimonial-text">Sit pretium aliquam tempor, orci dolor sed maecenas rutrum sagittis...</p>
+              <div class="author-info">
+                <img src="images/female.png" alt="Fannie Summers">
+                <h5 class="author-name">Fannie Summers</h5>
+                <span class="author-role">Designer</span>
+              </div>
+            </div>
+            <!-- Repeat for more testimonials -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="contact">
+    <div class="container">
+      <div class="grid">
+        <div class="grid-third">
+          <h3 class="contact-title">Any questions?<br>Check out the FAQs</h3>
+          <p class="contact-text">Still have unanswered questions?</p>
+        </div>
+        <div class="grid-two-thirds">
+          <div class="accordion">
+            <!-- Accordion content here -->
+          </div>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="newsletter">
+    <div class="container">
+      <div class="grid">
+        <div class="grid-half">
+          <div class="content">
+            <img src="images/icon/notification.svg" alt="Notification">
+            Subscribe to our newsletter <span class="desktop-visible">to stay informed about the latest updates</span>
+          </div>
+        </div>
+        <div class="grid-half">
+          <form class="newsletter-form">
+            <div class="form-field">
+              <input type="email" class="form-control" placeholder="Your Email">
+              <i class="fa fa-envelope-o"></i>
+            </div>
+            <button type="submit" class="primary-button">Subscribe</button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <footer class="footer">
+    <div class="container">
+      <p>© 2024 Silicon. All rights reserved. Credit MadrasThemes</p>
+    </div>
+  </footer>
+
+  <!-- Scripts -->
+  <script src="js/main.js"></script>
+</body>
+</html>
