Initiatives & Calendar

Author: Nivedhitha

IMG_4080.jpeg

@@ -464,7 +464,7 @@ <h1>Search</h1>
 
 
         <li class="nav-item">
-          <a class="nav-link " href="/projects/"><span>Projects</span></a>
+          <a class="nav-link " href="/projects/"><span>Initiatives</span></a>
         </li>
 
 
@@ -924,109 +924,47 @@ <h1>What is MSAIL?</h1>
 
 
 
+<!-- Talks + Calendar Section -->
+<section id="talks" class="home-section wg-pages py-5">
+  <div class="container">
+    <div class="row g-4">
 
-  <section id="talks" class="home-section wg-pages   "  >
-    <div class="container">
-      
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-  
-
-
-
-
-
-  
-
-
-
-
-<div class="row ">
-  
-    
-      <div class="col-12 col-lg-4 section-heading">
+      <!-- Talks Section -->
+      <div class="col-12 section-heading">
         <h1>Upcoming Talks</h1>
-        
-      </div>
-    
-  
-  <div class="col-12 col-lg-8">
-
-
-<div class="card-simple">
-
-  
-  <div class="article-metadata">
-    
-    <div>
-      
-
-  
-  <span style="font-weight: bold; font-size: 32px;">TBD !</span>
-
-    </div>
-    
-   
-    
-  </div>
-  
-  
-  
-  
-  
-
-</div>
-
-    
+        <div class="card-simple">
+          <!-- Replace this with your real image -->
+          <!-- <img src="IMG_4080.jpeg" alt="Upcoming Talk"> -->
+           <img src="IMG_4080.jpeg" alt="Upcoming Talk" style="width:300px; height:auto; border-radius:8px;">
+          <!-- <p style="font-size: 18px; font-weight: bold; margin: 0;">Details Coming Soon!</p> -->
+        </div>
 
-      <div class="see-all">
-        <a href="/talk/">
-          See all talks
-          <i class="fas fa-angle-right"></i>
-        </a>
+        <div class="see-all mt-3 text-center">
+          <a href="/talk/">
+            See all talks <i class="fas fa-angle-right"></i>
+          </a>
+        </div>
       </div>
-    
 
-  </div>
-</div>
+      <!-- Calendar Section -->
+      <div class="col-12 section-heading mt-5">
+        <h1>MSAIL Fall 2025 Calendar</h1>
+        <div style="overflow: hidden; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1);">
+          <iframe 
+            src="https://calendar.google.com/calendar/embed?src=c_1acd07e8dd75073266870b85a133f3b84bc52f7707701bfa0db69495bcca78cb%40group.calendar.google.com&ctz=America%2FDetroit" 
+            frameborder="0" 
+            scrolling="no" 
+            style="width:100%; height:500px;">
+          </iframe>
+        </div>
+      </div>
 
     </div>
-  </section>
+  </div>
+</section>
 
 
 
-