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
This commit is contained in:
abhiramtx
2025-11-08 23:31:15 +00:00
parent 40cad1efca
commit 4a9e79da0e
2 changed files with 27 additions and 22 deletions

View File

@@ -454,7 +454,8 @@ hr {
margin-bottom: 0; margin-bottom: 0;
} }
.stats-container { .stats-container,
.content-container {
background: rgba(0, 0, 0, 0.03); background: rgba(0, 0, 0, 0.03);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
@@ -1345,7 +1346,8 @@ span.emoji:hover::after {
margin-top: 80px; margin-top: 80px;
} }
.stats-container { .stats-container,
.content-container {
padding: 32px 24px; padding: 32px 24px;
margin: 32px 0; margin: 32px 0;
} }
@@ -1415,7 +1417,8 @@ span.emoji:hover::after {
margin: 24px auto; margin: 24px auto;
} }
.stats-container { .stats-container,
.content-container {
padding: 24px 16px; padding: 24px 16px;
margin: 24px 0; margin: 24px 0;
} }

View File

@@ -63,7 +63,7 @@
<h1 class="heading"><span class="emoji gallary">Our mission</span></h1> <h1 class="heading"><span class="emoji gallary">Our mission</span></h1>
<hr> <hr>
<div class="home-info"> <div class="home-info">
<div class="content-container">
<h1 class="sub-header">✊ One team, one goal.</h1> <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 <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 can design, build, and code robots. Our mission is part of an outreach initiative to guide young minds
@@ -100,6 +100,7 @@
<p class="value-description">From school events to local partnerships, we bring people together, showing how robotics can inspire collaboration and problem-solving.</p> <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>
</div>
<div class="team-section"> <div class="team-section">
<div class="team-text"> <div class="team-text">
@@ -119,6 +120,7 @@
<hr> <hr>
<div class="home-info"> <div class="home-info">
<div class="content-container">
<h1 class="sub-header">❤️ We couldn't have done it without...</h1> <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 <p class="sub-content">We, FTC team Technical Turbulence, want to inspire the next generation by sharing our
@@ -138,7 +140,7 @@
<button type="button" id="sponsors-more-button" <button type="button" id="sponsors-more-button"
onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button> onclick="window.location.href = '{{ url_for('sponsors') }}' ; ">See more</button>
</div> </div>
</div>
</div> </div>
</div> </div>