update uni

css/styles.css

@@ -58,10 +58,53 @@ body {
     z-index: 1000;
 }
 
-/* 设置特定标题的颜色 */
 .about-section h2,
 .services-section h2,
 .technology-section h2,
 .contact-section h2{
     color: #BBE1FA;
 }
+
+.school-item {
+    width: calc(16.666% - 20px);
+    margin: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+    transition: transform 0.3s ease;
+}
+
+.school-logo {
+    width: 100%;
+    height: 100px;
+    object-fit: contain;
+    background-color: rgba(255, 255, 255, 0.1);
+    padding: 10px;
+    border-radius: 8px;
+    transition: transform 0.3s ease;
+}
+
+.school-logo:hover {
+    transform: scale(1.1);
+    transform: translateY(-5px);
+}
+
+.school-caption {
+    margin-top: 8px;
+    color: #ffffff;
+    font-size: 0.9rem;
+    font-weight: 500;
+}
+
+@media (max-width: 1024px) {
+    .school-item {
+        width: calc(33.333% - 20px);
+    }
+}
+
+@media (max-width: 640px) {
+    .school-item {
+        width: calc(50% - 20px);
+    }
+}

index.html

@@ -33,15 +33,6 @@ <h1 class="text-5xl md:text-6xl font-bold mb-4">Next-Gen <span class="gradient-t
             </div>
         </section>
 
-        <section id="about" class="about-section py-20">
-            <div class="container mx-auto px-4">
-                <h2 class="text-3xl font-bold mb-8 text-center">About Us</h2>
-                <p class="text-xl max-w-3xl mx-auto text-center">
-                    Albert Maxwell Technologies is a proprietary trading firm at the forefront of crypto trading, leveraging cutting-edge AI and high-frequency trading technologies to deliver exceptional results in the dynamic world of digital assets. The founding team hails from Imperial College London, Northeastern University, Yale University, Stony Brook University, Shanghai Jiao Tong University, and Fudan University.
-                </p>
-            </div>
-        </section>
-
         <section id="services" class="services-section py-20 bg-gray-900">
             <div class="container mx-auto px-4">
                 <h2 class="text-3xl font-bold mb-12 text-center">Our Services</h2>
@@ -87,6 +78,50 @@ <h3 class="text-2xl font-bold mb-4">Powered by Cutting-Edge AI</h3>
             </div>
         </section>
 
+        <section id="about" class="about-section py-20 bg-gray-900">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold mb-8 text-center">About Us</h2>
+                <p class="text-xl max-w-3xl mx-auto text-center">
+                    Albert Maxwell Technologies is a proprietary trading firm at the forefront of crypto trading, leveraging cutting-edge AI and high-frequency trading technologies to deliver exceptional results in the dynamic world of digital assets.
+                </p>
+            </div>
+        </section>
+
+        <section id="team" class="about-section py-20">
+            <div class="container mx-auto px-4">
+                <h2 class="text-3xl font-bold mb-8 text-center">Our Team</h2>
+                <p class="text-xl max-w-3xl mx-auto text-center">
+                    Bringing together top talent from world-renowned institutions to revolutionize crypto trading.
+                </p>
+                <div class="flex justify-between items-stretch flex-wrap">
+                    <div class="school-item">
+                        <img src="images/imperial-college-logo.png" alt="Imperial College London" class="school-logo">
+                        <p class="school-caption">Imperial College London</p>
+                    </div>
+                    <div class="school-item">
+                        <img src="images/northeastern-logo.png" alt="Northeastern University" class="school-logo">
+                        <p class="school-caption">Northeastern University</p>
+                    </div>
+                    <div class="school-item">
+                        <img src="images/yale-logo.jpeg" alt="Yale University" class="school-logo">
+                        <p class="school-caption">Yale University</p>
+                    </div>
+                    <div class="school-item">
+                        <img src="images/stony-brook-logo.jpeg" alt="Stony Brook University" class="school-logo">
+                        <p class="school-caption">Stony Brook University</p>
+                    </div>
+                    <div class="school-item">
+                        <img src="images/shanghai-jiaotong-logo.png" alt="Shanghai Jiao Tong University" class="school-logo">
+                        <p class="school-caption">Shanghai Jiao Tong University</p>
+                    </div>
+                    <div class="school-item">
+                        <img src="images/fudan-logo.png" alt="Fudan University" class="school-logo">
+                        <p class="school-caption">Fudan University</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
         <section id="contact" class="contact-section py-20 bg-gray-900">
             <div class="container mx-auto px-4">
                 <h2 class="text-3xl font-bold mb-12 text-center">Contact Us</h2>