diff --git a/basic.html b/basic.html
index c500be7..aae6d39 100644
--- a/basic.html
+++ b/basic.html
@@ -1,6 +1,5 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
 <head>
     <!-- Required meta tags -->
     <meta charset="utf-8">
@@ -12,56 +11,44 @@
     <link rel="stylesheet" href="/style (2).css">
     <title>Never stop learning</title>
 </head>
-
 <body>
-    <!---=====Navbar======-->
-
-    <section class="nav justify-content-end ">
-
-        <li class="nav-item">
-            <a class="nav-link" style="color:white" aria-current="page" href="#">Home</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="mailto:amritanarang6@gmail.com">Contact US</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Want to <br> contribute?</a>
-        </li>
-
-    </section>
+    <!-- Navbar -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-dark justify-content-end">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="#">Home</a>
+            <a class="navbar-brand" href="mailto:amritanarang6@gmail.com">Contact US</a>
+            <a class="navbar-brand" href="#">Want to contribute?</a>
+        </div>
+    </nav>
 
-    <!---=====Three boxes======-->
-    <div class="container-fluid">
+    <!-- Three boxes -->
+    <div class="container-fluid mt-4">
         <div class="row">
-            <div class="col first" >
-                <div class="title" style="color:white" >
-                    <h1> basic programming and important topics</h1>
+            <div class="col first">
+                <div class="title">
+                    <h1>Basic programming and important topics</h1>
                     <a href="C:\Users\91701\Downloads\studybasics.html" style="color:white">CLICK HERE FOR INFORMATION</a>
                 </div>
-
             </div>
-
-
             <div class="col second">
                 <div class="title">
-                    <h1>Competitative Programming</h1>
+                    <h1>Competitive Programming</h1>
                 </div>
             </div>
-
             <div class="col third">
                 <div class="title">
-                    <h1>Open Source and fellowship</h1>
+                    <h1>Open Source and Fellowship</h1>
                 </div>
             </div>
-
         </div>
     </div>
-    <!---=====Section-1(Studies)======-->
-    <div class="container-sm-fluid">
+
+    <!-- Studies Section -->
+    <div class="container-sm-fluid mt-4">
         <div class="row">
             <div class="col-4 first">
                 <div class="title">
-                    <h1> <a id="dep" href="#" style="color:white"> Basic Programming and Important topics </a></h1>
+                    <h1>Basic Programming and Important Topics</h1>
                 </div>
                 <div class="bullets">
                     <ul>benefits</ul>
@@ -69,7 +56,7 @@ <h1> <a id="dep" href="#" style="color:white"> Basic Programming and Important t
                     <ul>other</ul>
                 </div>
             </div>
-            <div class="col-6 ">
+            <div class="col-6">
                 <h1 class="info_title">
 <pre class="info_title">
  Which is the best language
@@ -77,70 +64,82 @@ <h1 class="info_title">
  What are the best courses to learn?
  Youtube vs paid courses
  NEVER MISS OUT ON INFO
-
 </pre>
+                </div>
             </div>
-
         </div>
     </div>
 
-
-    <!---=====Section-2(OS & FS)======-->
-    <div class="container-fluid">
+    <!-- Competitive Programming Section -->
+    <div class="container-fluid mt-4">
         <div class="row">
-
-            <div class="col-8 ">
-                <div class="info_title"><pre id="pree">
-
-                Programmer's Fav Game
-                CP is one of the  best exercise to
-                learn about ds and algo
-
-              </pre>
-
-
-               </div>
+            <div class="col-8">
+                <div class="info_title">
+                    <pre>
+Programmer's Fav Game
+CP is one of the  best exercise to
+learn about ds and algo
+                    </pre>
+                </div>
             </div>
             <div class="col-4 second">
                 <div class="title">
-                    <h1>Competitative Programming</h1>
+                    <h1>Competitive Programming</h1>
                 </div>
             </div>
-
         </div>
     </div>
 
-
-      <!---=====Section-1(CP)======-->
-      <div class="container-sm-fluid">
+    <!-- Open Source Section -->
+    <div class="container-sm-fluid mt-4">
         <div class="row">
             <div class="col-4 third">
                 <div class="title">
-                    <h1>open Source & fellowship</a></h1>
+                    <h1>Open Source & Fellowship</h1>
                 </div>
             </div>
-            <div class="col-6 ">
-                <div class="info"><pre id="pree">
-
-                info about the
-                open source
-                and fellow ships</pre> </div>
+            <div class="col-6">
+                <div class="info">
+                    <pre>
+info about the
+open source
+and fellowships
+                    </pre>
+                </div>
             </div>
+        </div>
+    </div>
 
+    <!-- New Section with Tabs for Programming Languages -->
+    <div class="container mt-4">
+        <h2 class="text-center">Programming Languages</h2>
+        <ul class="nav nav-tabs" id="myTab" role="tablist">
+            <li class="nav-item" role="presentation">
+                <button class="nav-link active" id="java-tab" data-bs-toggle="tab" data-bs-target="#java" type="button" role="tab" aria-controls="java" aria-selected="true">Java</button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="python-tab" data-bs-toggle="tab" data-bs-target="#python" type="button" role="tab" aria-controls="python" aria-selected="false">Python</button>
+            </li>
+            <li class="nav-item" role="presentation">
+                <button class="nav-link" id="javascript-tab" data-bs-toggle="tab" data-bs-target="#javascript" type="button" role="tab" aria-controls="javascript" aria-selected="false">JavaScript</button>
+            </li>
+        </ul>
+        <div class="tab-content mt-3" id="myTabContent">
+            <div class="tab-pane fade show active" id="java" role="tabpanel" aria-labelledby="java-tab">
+                <p>Java is a popular programming language...</p>
+            </div>
+            <div class="tab-pane fade" id="python" role="tabpanel" aria-labelledby="python-tab">
+                <p>Python is a versatile programming language...</p>
+            </div>
+            <div class="tab-pane fade" id="javascript" role="tabpanel" aria-labelledby="javascript-tab">
+                <p>JavaScript is the language of the web...</p>
+            </div>
         </div>
     </div>
-    <!-- Optional JavaScript; choose one of the two! -->
 
-    <!-- Option 1: Bootstrap Bundle with Popper -->
+    <!-- Optional JavaScript; choose one of the two! -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
         crossorigin="anonymous"></script>
-
-    <!-- Option 2: Separate Popper and Bootstrap JS -->
-    <!--
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
-    -->
 </body>
-
-</html>
\ No newline at end of file
+</html>
diff --git a/competitive.html b/competitive.html
index cc36ac9..eb806da 100644
--- a/competitive.html
+++ b/competitive.html
@@ -1,158 +1,270 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <!-- Required meta tags -->
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <!-- Bootstrap CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
-        integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
-    <link rel="stylesheet" href="assests/openStyle.css">
-  
-    <title>Competitive Programming</title>
-</head>
-
-<body>
-    <!---=====Navbar======-->
-
-    <section class="nav justify-content-end ">
-
-        <li class="nav-item">
-            <a class="nav-link active" aria-current="page" href="#">Home</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">About US</a>
-        </li>
-        <li class="nav-item">
-            <a class="nav-link" href="#">Contibute</a>
-        </li>
-
-    </section>
-
-   
-
-
-        <!---=====Section-1(CP)======-->
-        <div class="container-sm-fluid">
-            <div class="row">
-                <div class="col-4 third">
-                    <div class="title">
-                        <h1>Competitive Programming</a></h1>
-                        <h2 class="title_text"> <i> “Make it work, make it right, make it fast.” </i> <br>– Kent Beck
-                        </h2>
-                    </div>
-                </div>
-                <div class="col-6 ">
-                    <div class="info">
-                        <div class="media">
-                            <img class="align-self-center mr-3" src=""
-                                alt="">
-                            <div class="media-body">
-                                <h2 class="info__title">Competitive Programming</h2>
-                                <p class="info__text">
-                                    Competitive programming is a mind sport usually held over the Internet or a local network, involving participants trying to program 
-                                    according to provided specifications. Contestants are referred to as sport programmers. 
-                                    Competitive programming is recognized and supported by several multinational software and Internet companies, such as <b>Facebook Apple Amazon Netflix
-                                         Google</b>. Some of the top platforms where you can Learn and Practice.
-                                </p>
-                                <ul class="list-group list-group-flush">
-                                    <li class="list-group-item"> 
-                                        <<li class="list-group-item"> 
-                                            <a href="https://www.topcoder.com/" target="_blank">
-                                                <img src="img\coding platforms\topCoder.png" alt="Top Coder Logo" width="100" height="50">
-                                            </a> 
-                                        </li>
-                                    </li>
-                                    <li class="list-group-item"> 
-                                        <img src="img\coding platforms\hackerRank.png" alt="HackerRank Logo" width="30" height="30">
-                                        <a href="https://www.hackerrank.com/" target="_blank"> HACKERRANK</a>
-                                    </li>
-                                    <li class="list-group-item"> 
-                                        <img src="img\coding platforms\hackerEarth.png" alt="HackerEarth Logo" width="30" height="30">
-                                        <a href="https://www.hackerearth.com/" target="_blank">HACKEREARTH</a> 
-                                    </li>
-                                    <li class="list-group-item"> 
-                                        <a href="https://www.codechef.com" target="_blank">
-                                            <img src="img\coding platforms\codeChef.png" alt="CodeChef Logo" width="100" height="30">
-                                        </a> 
-                                    </li>
-                                    <li class="list-group-item">
-                                        <a href="https://codeforces.com/" target="_blank">
-                                            <img src="img\coding platforms\codeForces.png" alt="CodeForces Logo" width="100" height="30">
-                                        </a>
-                                    </li>
-                                    <li class="list-group-item">
-                                        <img src="img\coding platforms\leetcode.png" alt="LeetCode Logo" width="30" height="30">
-                                        <a href="https://leetcode.com/" target="_blank">LEETCODE</a> 
-                                    </li>
-                                </ul>
-                            </div>
-                            <!------>
-                            <div class="media-body">
-                                <h2 class="info__title">Resources</h2>
-                                <p class="info__text">
-                                    Some important resources which helps to beat in the world of <b>War of Coding</b> 
-                                </p>
-                                <ul class="list-group list-group-flush">
-                                    <li class="list-group-item">
-                                        <img src="img\coding platforms\geeksforGeeks.png" alt="geeksForGeeks Logo" width="30" height="30"> <a href="https://www.geeksforgeeks.org/" target="_blank">GeeksForGeeks</a> </li>
-                                    <li class="list-group-item">
-                                        <img src="img\coding platforms\CP Algorthms.png" alt="geeksForGeeks Logo" width="30" height="30">
-                                         <a href="https://cp-algorithms.com/"target="_blank" > CP Algorithms</li>
-                                    <li class="list-group-item"> <img src="img\coding platforms\SPOJ.png" alt="geeksForGeeks Logo" width="30" height="30">
-                                        <a href="https://www.spoj.com/" target="_blank">SPOJ</a> </li>
-                                    <li class="list-group-item">
-                                         <a href="https://www.interviewbit.com/" target="_blank"><img src="img\coding platforms\Interview Bits.png" alt="geeksForGeeks Logo" width="120" height="30"></a> </li>
-                                  </ul>
-                            </div>
-
-
-
-
-
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="/CodingHustlers/assests/style.css" />
 
+    <title>Competitive Programming</title>
+  </head>
 
+  <body>
+    <!-- Navbar -->
+    <nav
+      class="navbar navbar-expand-lg navbar-dark bg-dark justify-content-end"
+    >
+      <div class="container-fluid">
+        <a class="navbar-brand" href="#">Home</a>
+        <a class="navbar-brand" href="#">About US</a>
+        <a class="navbar-brand" href="#">Contibute</a>
+      </div>
+    </nav>
 
-                        </div>
-                    </div>
+    <!-- Competitive Programming Section -->
+    <div class="container-sm-fluid mt-4">
+      <div class="row">
+        <div class="col-4 third">
+          <div class="title">
+            <h1>Competitive Programming</h1>
+            <h2 class="title_text">
+              <i> “Make it work, make it right, make it fast.” </i> <br />– Kent
+              Beck
+            </h2>
+          </div>
+        </div>
+        <div class="col-6">
+          <div class="info">
+            <div class="media">
+              <img class="align-self-center mr-3" src="" alt="" />
+              <div class="media-body">
+                <h2 class="info__title">Competitive Programming</h2>
+                <p class="info__text">
+                  Competitive programming is a mind sport usually held over the
+                  Internet or a local network, involving participants trying to
+                  program according to provided specifications. Contestants are
+                  referred to as sport programmers. Competitive programming is
+                  recognized and supported by several multinational software and
+                  Internet companies, such as
+                  <b>Facebook Apple Amazon Netflix Google</b>. Some of the top
+                  platforms where you can Learn and Practice.
+                </p>
+                <ul class="list-group list-group-flush">
+                  <li class="list-group-item">
+                    <a href="https://www.topcoder.com/" target="_blank">
+                      <img
+                        src="img\coding platforms\topCoder.png"
+                        alt="Top Coder Logo"
+                        width="100"
+                        height="50"
+                      />
+                    </a>
+                  </li>
+                  <li class="list-group-item">
+                    <img
+                      src="img\coding platforms\hackerRank.png"
+                      alt="HackerRank Logo"
+                      width="30"
+                      height="30"
+                    />
+                    <a href="https://www.hackerrank.com/" target="_blank">
+                      HACKERRANK</a
+                    >
+                  </li>
+                  <li class="list-group-item">
+                    <img
+                      src="img\coding platforms\hackerEarth.png"
+                      alt="HackerEarth Logo"
+                      width="30"
+                      height="30"
+                    />
+                    <a href="https://www.hackerearth.com/" target="_blank"
+                      >HACKEREARTH</a
+                    >
+                  </li>
+                  <li class="list-group-item">
+                    <a href="https://www.codechef.com" target="_blank">
+                      <img
+                        src="img\coding platforms\codeChef.png"
+                        alt="CodeChef Logo"
+                        width="100"
+                        height="30"
+                      />
+                    </a>
+                  </li>
+                  <li class="list-group-item">
+                    <a href="https://codeforces.com/" target="_blank">
+                      <img
+                        src="img\coding platforms\codeForces.png"
+                        alt="CodeForces Logo"
+                        width="100"
+                        height="30"
+                      />
+                    </a>
+                  </li>
+                  <li class="list-group-item">
+                    <img
+                      src="img\coding platforms\leetcode.png"
+                      alt="LeetCode Logo"
+                      width="30"
+                      height="30"
+                    />
+                    <a href="https://leetcode.com/" target="_blank">LEETCODE</a>
+                  </li>
+                </ul>
+              </div>
 
-                </div>
+              <div class="media-body">
+                <h2 class="info__title">Resources</h2>
+                <p class="info__text">
+                  Some important resources which help to beat in the world of
+                  <b>War of Coding</b>
+                </p>
+                <ul class="list-group list-group-flush">
+                  <li class="list-group-item">
+                    <img
+                      src="img\coding platforms\geeksforGeeks.png"
+                      alt="geeksForGeeks Logo"
+                      width="30"
+                      height="30"
+                    />
+                    <a href="https://www.geeksforgeeks.org/" target="_blank"
+                      >GeeksForGeeks</a
+                    >
+                  </li>
+                  <li class="list-group-item">
+                    <img
+                      src="img\coding platforms\CP Algorthms.png"
+                      alt="geeksForGeeks Logo"
+                      width="30"
+                      height="30"
+                    />
+                    <a href="https://cp-algorithms.com/" target="_blank">
+                      CP Algorithms</a
+                    >
+                  </li>
+                  <li class="list-group-item">
+                    <img
+                      src="img\coding platforms\SPOJ.png"
+                      alt="geeksForGeeks Logo"
+                      width="30"
+                      height="30"
+                    />
+                    <a href="https://www.spoj.com/" target="_blank">SPOJ</a>
+                  </li>
+                  <li class="list-group-item">
+                    <a href="https://www.interviewbit.com/" target="_blank"
+                      ><img
+                        src="img\coding platforms\Interview Bits.png"
+                        alt="geeksForGeeks Logo"
+                        width="120"
+                        height="30"
+                    /></a>
+                  </li>
+                </ul>
+              </div>
             </div>
+          </div>
+        </div>
+      </div>
+    </div>
 
+    <!-- Form Section -->
+    <div class="container mt-4">
+      <h2 class="text-center">Submit Your Problem</h2>
+      <form>
+        <div class="mb-3">
+          <label for="problemTitle" class="form-label">Problem Title</label>
+          <input type="text" class="form-control" id="problemTitle" required />
+        </div>
+        <div class="mb-3">
+          <label for="problemDescription" class="form-label"
+            >Problem Description</label
+          >
+          <textarea
+            class="form-control"
+            id="problemDescription"
+            rows="3"
+            required
+          ></textarea>
+        </div>
+        <button type="submit" class="btn btn-primary">Submit</button>
+      </form>
+    </div>
 
+    <!-- Comments Section -->
+    <div class="container mt-4">
+      <h2 class="text-center">Comments</h2>
+      <div class="comments">
+        <!-- Sample Comment -->
+        <div class="comment">
+          <h5>User123</h5>
+          <p>This website is amazing! I've learned a lot from here.</p>
+        </div>
+        <!-- Sample Comment -->
+        <div class="comment">
+          <h5>Coder456</h5>
+          <p>
+            Can anyone help me with a problem related to dynamic programming?
+          </p>
+        </div>
+        <!-- Sample Comment -->
+        <div class="comment">
+          <h5>ProgrammingFan</h5>
+          <p>
+            I love competitive programming! Thanks for sharing these resources.
+          </p>
+        </div>
+      </div>
+    </div>
 
+    <!-- Footer -->
+    <footer class="footer">
+      <p class="footer__title">
+        "Programming isn't about what you know; it's about what you can figure
+        out.” <br />
+        - Chris Pine
+      </p>
+      <div class="footer__social">
+        <a
+          href="https://www.facebook.com/visionaryshruti/"
+          target="_blank"
+          class="footer__icon"
+          ><i class="bx bxl-facebook"></i
+        ></a>
+        <a
+          href="https://www.instagram.com/paint_with_shruti/"
+          class="footer__icon"
+          ><i class="bx bxl-instagram"></i
+        ></a>
+        <a href="mailto: visionary236@gmail.com" class="footer__icon">
+          <i class="bx bxl-google"></i
+        ></a>
+      </div>
+      <p>&#169; 2023 copyright all right reserved</p>
+    </footer>
 
-
-            <!---=====Footer======-->
-            <footer class="footer">
-                <p class="footer__title">"Programming isn't about what you know; it's about what you can figure out.”
-                    <br> -
-                    Chris Pine</p>
-                <div class="footer__social">
-                    <a href="https://www.facebook.com/visionaryshruti/" target="_blank" class="footer__icon"><i
-                            class='bx bxl-facebook'></i></a>
-                    <a href="https://www.instagram.com/paint_with_shruti/" class="footer__icon"><i
-                            class='bx bxl-instagram'></i></a>
-                    <a href="mailto: visionary236@gmail.com" class="footer__icon"> <i class='bx bxl-google'></i></a>
-                </div>
-                <p>&#169; 2023 copyright all right reserved</p>
-            </footer>
-            <!-- Optional JavaScript; choose one of the two! -->
-
-            <!-- Option 1: Bootstrap Bundle with Popper -->
-            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
-                integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
-                crossorigin="anonymous"></script>
-
-            <!-- Option 2: Separate Popper and Bootstrap JS -->
-            <!--
+    <!-- Optional JavaScript; choose one of the two! -->
+    <!-- Option 1: Bootstrap Bundle with Popper -->
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0"
+      crossorigin="anonymous"
+    ></script>
+    <!-- Option 2: Separate Popper and Bootstrap JS -->
+    <!--
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js" integrity="sha384-KsvD1yqQ1/1+IA7gi3P0tyJcT3vR+NdBTt13hSJ2lnve8agRGXTTyNaBYmCR/Nwi" crossorigin="anonymous"></script>
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.min.js" integrity="sha384-nsg8ua9HAw1y0W1btsyWgBklPnCUAFLuTMS2G72MMONqmOymq585AcH49TLBQObG" crossorigin="anonymous"></script>
     -->
-</body>
-
-</html>
\ No newline at end of file
+  </body>
+</html>
