added logos

Author: basillatif

styles.css

@@ -343,5 +343,80 @@ th {
 
 td {
 	background-color: #ffffff; /* White background for data cells */
-}
+	text-align: center;
+	padding: 12px;
+	border-bottom: 1px solid #ddd;
+  }
+
+  /* Logo Grid Styles */
+  .logo-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+	gap: 30px;
+	margin: 30px 0;
+	max-width: 800px;
+  }
+
+  .logo-item {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	padding: 20px;
+	background-color: #ffffff;
+	border-radius: 8px;
+	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+	transition: transform 0.3s ease, box-shadow 0.3s ease;
+	min-height: 150px;
+  }
+
+  .logo-item:hover {
+	transform: translateY(-5px);
+	box-shadow: 0 4px 16px rgba(0,0,0,0.15);
+  }
+
+  .institution-logo {
+	max-width: 120px;
+	max-height: 80px;
+	width: auto;
+	height: auto;
+	object-fit: contain;
+	margin-bottom: 15px;
+	display: block;
+	margin-left: auto;
+	margin-right: auto;
+  }
+
+  .logo-item p {
+	font-size: 14px;
+	font-weight: 600;
+	color: #34495E;
+	text-align: center;
+	margin: 0;
+	width: 100%;
+  }
+
+  /* Responsive adjustments for logo grid */
+  @media (max-width: 768px) {
+	.logo-grid {
+	  grid-template-columns: repeat(2, 1fr);
+	  gap: 20px;
+	}
+	
+	.logo-item {
+	  padding: 15px;
+	}
+	
+	.institution-logo {
+	  max-width: 100px;
+	  max-height: 60px;
+	}
+  }
+
+  @media (max-width: 480px) {
+	.logo-grid {
+	  grid-template-columns: 1fr;
+	  gap: 15px;
+	}
+  }
 

teaching.html

@@ -32,7 +32,7 @@ <h1>Basil Latif's Teaching Portfolio</h1>
     <h2>Teaching Experience</h2>
     <ul>
       <li>In 2020, I started teaching by tutoring on Wyzant.com, the nation's largest network for tutors.</li>
-      <li>In 2021, I was hired as a lead instructor at ThriveDx, an edtech startup.</li>
+      <li>In 2021, I was hired as a lead instructor at ThriveDx, an edtech startup. They partnered with the universities listed in the table below to offer certificates in Data Science and Cybersecurity.</li>
       <li>In Fall 2023, taught a graduate-level course in databases (CMSI 620) at Loyola Marymount University.</li>
       <li>In Spring 2024, I taught Data Science (CMSI 533) at Loyola Marymount University.</li>
       <li>In Fall 2025, I taught Deep Learning (CMSI 6352) at Loyola Marymount University.</li>
@@ -48,6 +48,30 @@ <h2>Teaching Experience</h2>
       <a href="Teaching_Philosophy.pdf" download>Click to Download My Teaching Philosophy Document</a>
     </div>
   </div>
+
+  <!-- Teaching Logos Section -->
+  <div class="container">
+    <h2>Institutions & Organizations</h2>
+    <div class="logo-grid">
+      <div class="logo-item">
+        <img src="teaching_logos/lmu_logo.png" alt="Loyola Marymount University Logo" class="institution-logo">
+        <p>Loyola Marymount University</p>
+      </div>
+      <div class="logo-item">
+        <img src="teaching_logos/csulb_logo.jpg" alt="California State University Long Beach Logo" class="institution-logo">
+        <p>California State University, Long Beach</p>
+      </div>
+      <div class="logo-item">
+        <img src="teaching_logos/thrive_logo.png" alt="ThriveDx Logo" class="institution-logo">
+        <p>ThriveDx</p>
+      </div>
+      <div class="logo-item">
+        <img src="teaching_logos/psight_logo.jpg" alt="Pluralsight Logo" class="institution-logo">
+        <p>Pluralsight</p>
+      </div>
+    </div>
+  </div>
+
   <div class="container">
     <h2>Classes Taught</h2>
   </div>