diff --git a/frontend/index.html b/frontend/index.html
index 1e56c24..15a6fc9 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,140 +1,13 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>codeX100 - Learn Programming</title>
-
-    <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=Poppins&display=swap" rel="stylesheet">
-    <link
-      rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
-    />
-
-    <link rel="stylesheet" href="styles.css" />
-  </head>
-  <body>
-    <!-- Navigation Bar -->
-    <nav class="navbar">
-      <div class="logo">
-        <a href="index.html">
-          <img src="./Images/codex100-logo.png" alt="codeX100 logo">
-        </a>
-      </div>
-      <div class="hamburger" id="hamburger">
-        <i class="fas fa-bars"></i>
-      </div>
-      <ul class="nav-links">  
-        <li><a href="#">Home</a></li>
-        <li><a href="course.html">Courses</a></li>
-        <li><a href="#">Notes</a></li>
-        <li><a href="IDE.html">IDE</a></li>
-        <li><a href="#">Contact Us</a></li>
-        <li><a href="#" class="btn">Sign Up</a></li>
-        <li><a href="#" class="btn">Login</a></li>
-      </ul>
-    </nav>
-
-    <!-- Main Section -->
-    <section class="hero-section">
-      <h2>Welcome to codeX100</h2>
-      <p>Master programming with live classes and curated content</p>
-      <a href="#" class="btn-primary">Explore Courses</a>
-    </section>
-
-     <!-- Course Recommendations Section -->
-     <section class="course-recommendations">
-      <h2>Your Courses</h2>
-      <div class="course-list">
-        <!-- Placeholder for purchased courses -->
-        <p>You haven't bought any courses yet.</p>
-      </div>
-    
-      <h3>Recommended Courses</h3>
-      <div class="recommended-courses">
-        <!-- Example courses with thumbnails -->
-        <div class="course-card">
-          <img src="./Images/c++-thumbnail.jpg" alt="Basics of C++" class="course-thumbnail">
-          <div class="course-info">
-            <h4>Basics of C++</h4>
-            <p>Learn the fundamentals of C++ programming.</p>
-            <button class="btn-secondary">View Course</button>
-          </div>
-        </div>
-        <div class="course-card">
-          <img src="./Images/java-thumbnail.jpg" alt="Data Structures in Java" class="course-thumbnail">
-          <div class="course-info">
-            <h4>Data Structures in Java</h4>
-            <p>Master DSA with Java from basics to advanced.</p>
-            <button class="btn-secondary">View Course</button>
-          </div>
-        </div>
-        <div class="course-card">
-          <img src="./Images/c++-thumbnail.jpg" alt="Basics of C++" class="course-thumbnail">
-          <div class="course-info">
-            <h4>Basics of C++</h4>
-            <p>Learn the fundamentals of C++ programming.</p>
-            <button class="btn-secondary">View Course</button>
-          </div>
-        </div>
-        <div class="course-card">
-          <img src="./Images/java-thumbnail.jpg" alt="Data Structures in Java" class="course-thumbnail">
-          <div class="course-info">
-            <h4>Data Structures in Java</h4>
-            <p>Master DSA with Java from basics to advanced.</p>
-            <button class="btn-secondary">View Course</button>
-          </div>
-        </div>
-      </div>
-    </section>
-    <footer class="site-footer">
-      <div class="footer-container">
-        <div class="footer-section">
-          <h3>Important Links</h3>
-          <ul>
-            <li><a href="/about">About Us</a></li>
-            <li><a href="/privacy">Privacy Policy</a></li>
-            <li><a href="/terms">Terms of Service</a></li>
-          </ul>
-        </div>
-        <div class="footer-section">
-          <h3>Connect With Us</h3>
-          <div class="social-icons">
-            <a
-              href="https://linkedin.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="social-icon linkedin"
-            >
-              <i class="fab fa-linkedin"></i>
-            </a>
-            <a
-              href="https://instagram.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="social-icon instagram"
-            >
-              <i class="fab fa-instagram"></i>
-            </a>
-            <a
-              href="https://youtube.com/"
-              target="_blank"
-              rel="noopener noreferrer"
-              class="social-icon youtube"
-            >
-              <i class="fab fa-youtube"></i>
-            </a>
-          </div>
-        </div>
-      </div>
-      <div class="footer-bottom">
-        <p>&copy; 2024 codeX100. All rights reserved.</p>
-      </div>
-    </footer>
-
-    <script src="script.js"></script>
-  </body> 
-
-</html>
-
+<section class="testimonials">
+  <h2>What our students are saying</h2>
+  <div class="testimonial-card">
+    <img src="images/student1.jpg" alt="Student 1 Image">
+    <p>"codeX100's structured learning helped me grasp programming concepts quickly. The live classes and interactive exercises were very beneficial."</p>
+    <h4>John Doe - Web Developer</h4>
+  </div>
+  <div class="testimonial-card">
+    <img src="images/student2.jpg" alt="Student 2 Image">
+    <p>"The courses at codeX100 are well-designed and cover all the essential topics. The instructors are knowledgeable and always ready to answer questions."</p>
+    <h4>Jane Smith - Software Engineer</h4>
+  </div>
+</section>
