update: enhance event layout with new styles and update page title

WassCodeur · WassCodeur · commit 3a4b2cc7546a · 2025-05-18T17:37:14.000Z
diff --git a/assets/css/events.css b/assets/css/events.css
@@ -9,7 +9,12 @@
     --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
-
+.event-container {
+    background-color: var(--light-gray);
+    padding: 20px;
+    border-radius: var(--border-radius);
+    box-shadow: var(--box-shadow);
+}
 .event-section {
     max-width: 1200px;
     margin: 0 auto;
@@ -379,4 +384,4 @@
     .speakers-grid {
         grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     }
-}
+}
diff --git a/events.html b/events.html
@@ -37,7 +37,7 @@
 
 
     <link rel="shortcut icon" href="assets/images/favicon.svg" type="image/x-icon">
-    <title>Python Togo | Code Of Conduct</title>
+    <title>Python Togo | Events </title>
 </head>
 
 <body>
@@ -108,6 +108,7 @@
     
 
     <!-- Main Content -->
+   <main class="event-container" >
     <div class="event-section">
         <h1 class="section-title">Python Togo Events</h1>
     
@@ -276,6 +277,7 @@ <h3>Register for this Event</h3>
             </div>
         </div>
     </template>
+   </main>
 
 
     <!-- Footer -->
