Add new sponsors and update website pages
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
BIN
images/radio-surabhi.jpeg
Normal file
BIN
images/radio-surabhi.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 67 KiB |
BIN
images/samvidh.jpeg
Normal file
BIN
images/samvidh.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
@@ -447,12 +447,18 @@
|
||||
</div>
|
||||
|
||||
<div class="sponsors-logo-grid wow fadeInUp" data-wow-delay="0.25s">
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/samvidh.jpeg" alt="Samvidh Technologies">
|
||||
</div>
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/ncca.jpg" alt="NCCA">
|
||||
</div>
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy">
|
||||
</div>
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/radio-surabhi.jpeg" alt="Radio Surabhi">
|
||||
</div>
|
||||
<div class="sponsor-logo-item">
|
||||
<img loading="lazy" src="images/srisports.png" alt="Sri Sports">
|
||||
</div>
|
||||
|
||||
@@ -169,67 +169,74 @@
|
||||
|
||||
<!-- Team Grid Start -->
|
||||
<div class="row">
|
||||
<!-- Team 1: Plano East Panthers -->
|
||||
<!-- Samvidh Technologies -->
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-image">
|
||||
<figure class="image-anime">
|
||||
<img loading="lazy" src="images/samvidh.jpeg" alt="Samvidh Technologies" />
|
||||
</figure>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<h3>Samvidh Technologies</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Radio Surabhi -->
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<div class="team-image">
|
||||
<figure class="image-anime">
|
||||
<img loading="lazy" src="images/radio-surabhi.jpeg" alt="Radio Surabhi" />
|
||||
</figure>
|
||||
</div>
|
||||
<div class="team-content">
|
||||
<h3>Radio Surabhi</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Sri Sports -->
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<div class="team-image">
|
||||
<figure class="image-anime">
|
||||
<img loading="lazy" src="images/srisports.png" alt="Sri Sports" />
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-content">
|
||||
<h3>Sri Sports</h3>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
</div>
|
||||
<!-- Team Member Item End -->
|
||||
</div>
|
||||
|
||||
<!-- Team 2: Frisco Lone Star -->
|
||||
<!-- NCCA -->
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
|
||||
<div class="team-image">
|
||||
<figure class="image-anime">
|
||||
<img loading="lazy" src="images/ncca.jpg" alt="National College Cricket Association" />
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-content">
|
||||
<h3>National College Cricket Association</h3>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
</div>
|
||||
<!-- Team Member Item End -->
|
||||
</div>
|
||||
|
||||
<!-- Team 3: Prosper Predators -->
|
||||
<!-- Hit Fantasy -->
|
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4">
|
||||
<!-- Team Member Item Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
|
||||
<!-- Team Image Start -->
|
||||
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
|
||||
<div class="team-image">
|
||||
<figure class="image-anime">
|
||||
<img loading="lazy" src="images/hit-fantasy.jpg" alt="Hit Fantasy" />
|
||||
</figure>
|
||||
</div>
|
||||
<!-- Team Image End -->
|
||||
|
||||
<!-- Team Content Start -->
|
||||
<div class="team-content">
|
||||
<h3>Hit Fantasy</h3>
|
||||
</div>
|
||||
<!-- Team Content End -->
|
||||
</div>
|
||||
<!-- Team Member Item End -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Team Grid End -->
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user