KeshavAnandCode/tscb-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add new sponsors and update website pages

Browse Source 
Adds two new sponsors, Samvidh Technologies and Radio Surabhi, to the homepage and sponsors page. Updates the state tournament page to include a dedicated sponsor section with interactive tooltips displaying partner roles.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: c39b933d-232d-4e2a-9cf0-eff0e819674d
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 908e6874-3f84-4506-9307-3cf7426e8fa5
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
Replit Agent
2026-07-23 23:35:56 +00:00
parent 9f36459833
commit 4ae844b652
5 changed files with 131 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
state-tournament.html
View File

@@ -250,6 +250,98 @@
</div>
<!-- Our Teams Section End -->
<!-- Sponsors Section Start -->
<style>
.state-sponsor-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 40px;
padding: 20px 0 40px;
}
.state-sponsor-item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
cursor: default;
}
.state-sponsor-item img {
max-width: 140px;
max-height: 80px;
object-fit: contain;
filter: grayscale(30%);
transition: filter 0.3s ease, transform 0.3s ease;
}
.state-sponsor-item:hover img {
filter: grayscale(0%);
transform: scale(1.05);
}
.state-sponsor-tooltip {
position: absolute;
bottom: calc(100% + 10px);
left: 50%;
transform: translateX(-50%);
background: rgba(10, 10, 10, 0.88);
color: #fff;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
white-space: nowrap;
padding: 7px 14px;
border-radius: 4px;
pointer-events: none;
opacity: 0;
transition: opacity 0.25s ease;
z-index: 10;
}
.state-sponsor-tooltip::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: rgba(10, 10, 10, 0.88);
}
.state-sponsor-item:hover .state-sponsor-tooltip {
opacity: 1;
}
</style>
<div class="our-sponsors-section">
<div class="container">
<div class="row section-row">
<div class="section-title">
<h3 class="wow fadeInUp">Our Sponsors</h3>
<h2 class="text-anime-style-2" data-cursor="-opaque">Our Proud <span>Sponsors</span></h2>
</div>
</div>
<div class="state-sponsor-grid wow fadeInUp" data-wow-delay="0.25s">
<div class="state-sponsor-item">
<img loading="lazy" src="images/samvidh.jpeg" alt="Samvidh Technologies">
<div class="state-sponsor-tooltip">Title Sponsor</div>
</div>
<div class="state-sponsor-item">
<img loading="lazy" src="images/ncca.jpg" alt="NCCA">
<div class="state-sponsor-tooltip">Operational and Development Partner</div>
</div>
<div class="state-sponsor-item">
<img loading="lazy" src="images/radio-surabhi.jpeg" alt="Radio Surabhi">
<div class="state-sponsor-tooltip">Promotions Partner</div>
</div>
<div class="state-sponsor-item">
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
<div class="state-sponsor-tooltip">Media and Content Partner</div>
</div>
</div>
</div>
</div>
<!-- Sponsors Section End -->
<!-- Footer Start -->
<footer class="main-footer">
<div class="container">