Update index.html

index.html

@@ -44,7 +44,7 @@
       margin-bottom:6px;cursor:pointer;font-weight:600;font-size:14px;
     }
     .navlist button.active{background:linear-gradient(90deg,var(--accent2),var(--accent1));color:#04263b}
-    .student-card{margin-top:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,0.015);color:var(--muted);font-size:13px}
+    .student-card{margin:12px 0 8px;padding:12px;border-radius:10px;background:rgba(255,255,255,0.015);color:var(--muted);font-size:13px}
     .student-card strong{color:#fff;display:inline-block;width:78px}
 
     /* PAGE AREA */
@@ -105,6 +105,14 @@
         </div>
       </div>
 
+      <!-- MOVED: Student details (Rani) placed at top; Srushti removed as requested -->
+      <div class="student-card" aria-label="Student details - Rani">
+        <div><strong>Name:</strong> <span style="color:#fff">Rani N B G</span></div>
+        <div><strong>Division:</strong> <span style="color:#fff">G</span></div>
+        <div><strong>Roll No:</strong> <span style="color:#fff">741</span></div>
+        <div><strong>USN:</strong> <span style="color:#fff">01FE25BCS465</span></div>
+      </div>
+
       <div class="navlist" role="list">
         <!-- Buttons correspond to pages below by index -->
         <button class="nav-btn active" data-index="0">Course Overview</button>
@@ -121,18 +129,6 @@
         <button class="nav-btn" data-index="11">Applications of Integrals</button>
         <button class="nav-btn" data-index="12">Summary & Reference</button>
       </div>
-
-      <div class="student-card" aria-label="Student details">
-        <div><strong>Name:</strong> Srushti G Joshi</div>
-        <div><strong>Division:</strong> S</div>
-        <div><strong>Roll No:</strong> 1913</div>
-        <div><strong>USN:</strong> 01FE24BAR014</div>
-        <hr style="border:none;border-top:1px solid rgba(255,255,255,0.03);margin:10px 0">
-        <div><strong>Name:</strong> Rani N B G</div>
-        <div><strong>Division:</strong> G</div>
-        <div><strong>Roll No:</strong> 741</div>
-        <div><strong>USN:</strong> 01FE25BCS465</div>
-      </div>
     </nav>
 
     <!-- PAGE AREA -->
@@ -523,9 +519,7 @@
 
       <!-- pager -->
       <div class="pager" role="navigation" aria-label="Page controls">
-        <div class="dots" id="dots">
-          <!-- dynamic dots will be created by JS -->
-        </div>
+        <div class="dots" id="dots"></div>
         <div style="display:flex;gap:8px">
           <button class="btn" onclick="prev()">Prev</button>
           <button class="btn" onclick="next()">Next</button>