From 4a9e79da0ed3ac98a5fed9f0ab8a8d653589d3f1 Mon Sep 17 00:00:00 2001
From: abhiramtx <7253115-abhiramtx@users.noreply.replit.com>
Date: Sat, 8 Nov 2025 23:31:15 +0000
Subject: [PATCH] Apply consistent styling and layout across the entire website

Update CSS to apply common styles to `.stats-container` and `.content-container`. Modify `home.html` to wrap existing content within the new `.content-container` class for unified styling.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 5e584ab0-c340-4432-97ef-1972582b60e9
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 1accd9e0-f0b9-4975-b8bb-8604b59c9866
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/d0a1d46d-d203-4308-bc6a-312ac7c0243b/5e584ab0-c340-4432-97ef-1972582b60e9/ugJTFnH
---
 static/css/styles.css |  9 ++++++---
 templates/home.html   | 40 +++++++++++++++++++++-------------------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index bf39d29..405e695 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -454,7 +454,8 @@ hr {
     margin-bottom: 0;
 }
 
-.stats-container {
+.stats-container,
+.content-container {
     background: rgba(0, 0, 0, 0.03);
     backdrop-filter: blur(8px);
     -webkit-backdrop-filter: blur(8px);
@@ -1345,7 +1346,8 @@ span.emoji:hover::after {
         margin-top: 80px;
     }
 
-    .stats-container {
+    .stats-container,
+    .content-container {
         padding: 32px 24px;
         margin: 32px 0;
     }
@@ -1415,7 +1417,8 @@ span.emoji:hover::after {
         margin: 24px auto;
     }
 
-    .stats-container {
+    .stats-container,
+    .content-container {
         padding: 24px 16px;
         margin: 24px 0;
     }
diff --git a/templates/home.html b/templates/home.html
index c216388..4eb4c37 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -63,14 +63,14 @@
         <h1 class="heading"><span class="emoji gallary">Our mission</span></h1>
         <hr>
         <div class="home-info">
+            <div class="content-container">
+                <h1 class="sub-header">✊ One team, one goal.</h1>
+                <p class="sub-content">We aim to show individuals that with teamwork, creativity, and persistence, anyone
+                    can design, build, and code robots. Our mission is part of an outreach initiative to guide young minds
+                    toward STEM and skill-building opportunities in robotics and technology. Through this unifying goal, we
+                    want to empower young students to learn, grow, and join FTC in the future.</p>
 
-            <h1 class="sub-header">✊ One team, one goal.</h1>
-            <p class="sub-content">We aim to show individuals that with teamwork, creativity, and persistence, anyone
-                can design, build, and code robots. Our mission is part of an outreach initiative to guide young minds
-                toward STEM and skill-building opportunities in robotics and technology. Through this unifying goal, we
-                want to empower young students to learn, grow, and join FTC in the future.</p>
-
-            <div class="values-grid">
+                <div class="values-grid">
                 <div class="value-card">
                     <div class="value-icon">
                         <i data-feather="cpu"></i>
@@ -99,6 +99,7 @@
                     <h3 class="value-title">Community</h3>
                     <p class="value-description">From school events to local partnerships, we bring people together, showing how robotics can inspire collaboration and problem-solving.</p>
                 </div>
+                </div>
             </div>
 
             <div class="team-section">
@@ -119,26 +120,27 @@
         <hr>
 
         <div class="home-info">
-            <h1 class="sub-header">❤️ We couldn't have done it without...</h1>
-            
-            <p class="sub-content">We, FTC team Technical Turbulence, want to inspire the next generation by sharing our
-                journey in robotics and the exciting world of FTC. By showcasing the
-                engineering behind our robot, and with the help of our sponsors, we hope to spark curiosity in young minds about STEM fields.
-            </p>
+            <div class="content-container">
+                <h1 class="sub-header">❤️ We couldn't have done it without...</h1>
+                
+                <p class="sub-content">We, FTC team Technical Turbulence, want to inspire the next generation by sharing our
+                    journey in robotics and the exciting world of FTC. By showcasing the
+                    engineering behind our robot, and with the help of our sponsors, we hope to spark curiosity in young minds about STEM fields.
+                </p>
 
-            <div class="sponsors-container" id="sponnnnn">
+                <div class="sponsors-container" id="sponnnnn">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/ray.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/cen3.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/ti.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/twc.png') }}">
                 <img class="sponsors-card" src="{{ url_for('static', filename='images/fw.png') }}">
-            </div>
+                </div>
 
-            <div class="sponsors-more-container">
-                <button type="button" id="sponsors-more-button"
-                    onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
+                <div class="sponsors-more-container">
+                    <button type="button" id="sponsors-more-button"
+                        onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
+                </div>
             </div>
-
         </div>
 
     </div>