Update index.html

ShivamMaurya2002 · web-flow · commit 4d1949af36f6 · 2025-07-19T22:31:33.000+05:30
diff --git a/index.html b/index.html
@@ -1,97 +1,51 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Interview Questions</title>
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css"
     integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
   <style>
-    body {
-      background: #f7f7f7;
-    }
-    .navbar {
-      box-shadow: 0 2px 10px rgba(0,0,0,0.08);
-    }
     .navbar-nav .nav-link {
-      background-color: #ececec;
-      color: #222 !important;
-      border-radius: 8px;
-      padding: 8px 18px;
-      margin: 4px;
-      font-weight: 500;
-      transition: background 0.2s;
-    }
-    .navbar-nav .nav-link:hover, .navbar-nav .active .nav-link {
-      background-color: #cfd8dc;
-      color: #111 !important;
-    }
-    .section-title {
-      margin: 22px 0 12px 0;
-      text-align: center;
-      font-size: 2rem;
-      color: #3a3a3a;
-      font-weight: 600;
-      letter-spacing: 1px;
-    }
-    .iframe-container {
-      background: #fff;
+      background-color: #bab6b6;
+      color: rgb(14, 14, 14) !important;
       border-radius: 10px;
-      box-shadow: 0 2px 12px rgba(0,0,0,0.1);
-      padding: 18px;
-      margin-bottom: 32px;
-    }
-    iframe {
-      border: none;
-      width: 100%;
-      height: 540px;
-      border-radius: 8px;
-      background: #fcfcfc;
+      padding: 5px 10px;
+      margin: 5px;
     }
-    @media (max-width: 768px) {
-      .iframe-container {
-        padding: 6px;
-      }
-      iframe {
-        height: 420px;
-      }
-      .section-title {
-        font-size: 1.3rem;
-      }
+
+    .navbar-nav .nav-link:hover {
+      background-color: #acaca8;
     }
   </style>
 </head>
+
 <body>
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
-    <a class="navbar-brand font-weight-bold text-primary" href="#">Interview Questions</a>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
       aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="navbar-nav mr-auto">
-        <li class="nav-item"><a class="nav-link" href="./JS/JS.html" target="tag">JavaScript</a></li>
-        <li class="nav-item"><a class="nav-link" href="./HTML/HTML.html" target="tag">HTML</a></li>
-        <li class="nav-item"><a class="nav-link" href="./CSS/CSS.html" target="tag">CSS</a></li>
-<!--         <li class="nav-item"><a class="nav-link" href="./React/React.html" target="tag">React</a></li>
-        <li class="nav-item"><a class="nav-link" href="./Node/Node.html" target="tag">Node.js</a></li> -->
-        <!-- Add more categories if needed -->
+        <li class="nav-item active"><a class="nav-link" href="./JS/JS.html" target="tag">JavaScript<span
+              class="sr-only">(current)</span></a></li>
+
       </ul>
-      <!-- Optional search bar
-      <form class="form-inline my-2 my-lg-0">
-        <input class="form-control mr-sm-2" type="search" placeholder="Search Questions" aria-label="Search">
-        <button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
-      </form>
-      -->
+      <!-- <form class="form-inline my-2 my-lg-0">
+            <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+          </form> -->
     </div>
   </nav>
-
-  <div class="container">
-    <div class="section-title">Select a Topic to View Interview Questions</div>
-    <div class="iframe-container">
-      <iframe name="tag"></iframe>
-    </div>
-  </div>
+  <section>
+    <iframe name="tag" style="border-style: none;  
+               width: 100%; 
+               height: 520px;">
+    </iframe>
+  </section>
 
   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
     integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
@@ -103,4 +57,5 @@
     integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
     crossorigin="anonymous"></script>
 </body>
+
 </html>
