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

Compare commits

base: KeshavAnandCode:krishna/v2
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test
..
compare: KeshavAnandCode:krishna/v3
Branches Tags
KeshavAnandCode:main KeshavAnandCode:replit-ai-2 KeshavAnandCode:replit-ai KeshavAnandCode:krishna/v3 KeshavAnandCode:krishna/v2 KeshavAnandCode:krishna/opencode-test

9 Commits
krishna/v2 ... krishna/v3

Author SHA1 Message Date
Krishna Ayyalasomayajula
01443deb1c cleanup 2026-03-17 15:09:54 -05:00
Krishna Ayyalasomayajula
81579a82ed all done 2026-03-17 15:08:27 -05:00
Krishna Ayyalasomayajula
313e5ee462 docs: complete Phase 4 & 5 - testing report and documentation 2026-03-17 15:01:48 -05:00
Krishna Ayyalasomayajula
df0daa33ed fix: add responsive grid classes to austin page team members and footer 2026-03-17 15:00:06 -05:00
Krishna Ayyalasomayajula
1ea05002f7 fix: add responsive grid classes to dallas page team members and footer 2026-03-17 14:58:55 -05:00
Krishna Ayyalasomayajula
0a24dffc35 fix: add responsive grid classes to about page team members and footer 2026-03-17 14:57:49 -05:00
Krishna Ayyalasomayajula
3406096623 fix: add responsive grid classes to counter cards and footer 2026-03-17 14:56:20 -05:00
Krishna Ayyalasomayajula
0b897235e1 fix: add responsive grid classes to sponsor cards 2026-03-17 14:54:57 -05:00
Krishna Ayyalasomayajula
be8278453b style: add responsive CSS for team-member-item and images 2026-03-17 14:54:11 -05:00
7 changed files with 222 additions and 377 deletions
Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@@ -0,0 +1 @@
.opencode/**

40
about.html
View File

@@ -146,14 +146,14 @@
</div>
<div class="about-img-2">
<figure class="image-anime reveal">
<img
src="images/match.png"
alt=""
class="team-responsive-img"
/>
</figure>
</div>
<figure class="image-anime reveal">
<img
src="images/match.png"
alt=""
style="width: 348px; height: auto"
/>
</figure>
</div>
</div>
<!-- About Image End -->
</div>
@@ -369,7 +369,7 @@
<img
src="images/saim.png"
alt=""
class="vision-responsive-img"
style="width: 348px; height: 454px"
/>
</figure>
</div>
@@ -449,7 +449,7 @@
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp">
@@ -472,7 +472,7 @@
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.2s">
@@ -508,7 +508,7 @@
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.4s">
@@ -544,7 +544,7 @@
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.6s">
@@ -580,7 +580,7 @@
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="0.8s">
@@ -611,7 +611,7 @@
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="1s">
<div class="team-image">
<figure class="image-anime">
@@ -639,7 +639,7 @@
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="1.2s">
<div class="team-image">
<figure class="image-anime">
@@ -667,7 +667,7 @@
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<div class="team-member-item wow fadeInUp" data-wow-delay="1.4s">
<div class="team-image">
<figure class="image-anime">
@@ -964,7 +964,7 @@
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
@@ -978,7 +978,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
@@ -1001,7 +1001,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>

24
austin.html
View File

@@ -175,7 +175,7 @@
<!-- Team Grid Start -->
<div class="row">
<!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -197,7 +197,7 @@
</div>
<!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -219,7 +219,7 @@
</div>
<!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -241,7 +241,7 @@
</div>
<!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6">
<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.6s">
<!-- Team Image Start -->
@@ -263,7 +263,7 @@
</div>
<!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6">
<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.8s">
<!-- Team Image Start -->
@@ -285,7 +285,7 @@
</div>
<!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6">
<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="1s">
<!-- Team Image Start -->
@@ -307,7 +307,7 @@
</div>
<!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6">
<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="1.2s">
<!-- Team Image Start -->
@@ -329,7 +329,7 @@
</div>
<!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6">
<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="1.4s">
<!-- Team Image Start -->
@@ -351,7 +351,7 @@
</div>
<!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6">
<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="1.6s">
<!-- Team Image Start -->
@@ -429,7 +429,7 @@
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
@@ -443,7 +443,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
@@ -457,7 +457,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>

478
css/custom.css
View File

@@ -58,39 +58,6 @@
--dark-divider-color : #e9e9e9;
--error-color : rgb(230, 87, 87);
--default-font : "Fira Sans Condensed", sans-serif;
/* Typography scale using clamp() */
--font-size-xs: clamp(0.75rem, 0.7vw + 0.6rem, 0.875rem);
--font-size-sm: clamp(0.875rem, 0.8vw + 0.75rem, 1rem);
--font-size-base: clamp(1rem, 1vw + 0.75rem, 1.25rem);
--font-size-lg: clamp(1.125rem, 1.1vw + 0.875rem, 1.5rem);
--font-size-xl: clamp(1.25rem, 1.2vw + 1rem, 1.875rem);
--font-size-2xl: clamp(1.5rem, 1.5vw + 1.125rem, 2.25rem);
--font-size-3xl: clamp(1.875rem, 1.8vw + 1.25rem, 2.75rem);
--font-size-4xl: clamp(2.25rem, 2.2vw + 1.5rem, 3.5rem);
--font-size-5xl: clamp(2.75rem, 2.7vw + 1.75rem, 4.5rem);
/* Spacing scale */
--space-1: 0.25rem;
--space-2: 0.5rem;
--space-3: 0.75rem;
--space-4: 1rem;
--space-5: 1.25rem;
--space-6: 1.5rem;
--space-8: 2rem;
--space-10: 2.5rem;
--space-12: 3rem;
--space-16: 4rem;
--space-20: 5rem;
--space-24: 6rem;
--space-32: 8rem;
/* Container max widths */
--container-sm: 540px;
--container-md: 720px;
--container-lg: 960px;
--container-xl: 1140px;
--container-fluid: 100%;
}
/************************************/
@@ -99,7 +66,7 @@
body{
font-family: var(--default-font);
font-size: var(--font-size-base);
font-size: 16px;
font-weight: 400;
line-height: 1.6em;
background-color: var(--white-color);
@@ -129,158 +96,6 @@ figure{
img{
max-width: 100%;
height: auto;
display: block;
}
/* Ensure all images are responsive */
img, picture, video, canvas, svg{
display: block;
height: auto;
}
/* =========================================
SPONSOR SECTION - CRITICAL FIXES
========================================= */
/* Responsive sponsor images */
.responsive-sponsor-img {
width: 100%;
height: auto;
max-width: 400px;
aspect-ratio: 1 / 1;
object-fit: contain;
display: block;
}
/* Sponsor logo grid - replaces slider with responsive grid */
.sponsor-logo-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: clamp(16px, 4vw, 24px);
padding: var(--space-8) 0;
max-width: 1200px;
margin: 0 auto;
}
.sponsor-logo-item {
position: relative;
aspect-ratio: 16 / 9;
display: flex;
align-items: center;
justify-content: center;
background: var(--white-color);
border-radius: 8px;
padding: var(--space-4);
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sponsor-logo-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}
.sponsor-logo-item img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
filter: grayscale(100%);
opacity: 0.7;
transition: all 0.3s ease;
}
.sponsor-logo-item img:hover {
filter: grayscale(0%);
opacity: 1;
}
/* Mobile sponsorship fixes */
@media (max-width: 768px) {
.sponsor-logo-grid {
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: clamp(12px, 3vw, 16px);
}
.sponsor-logo-item {
aspect-ratio: 4 / 3;
}
}
/* Small mobile */
@media (max-width: 480px) {
.sponsor-logo-grid {
grid-template-columns: repeat(2, 1fr);
}
.sponsor-logo-item {
aspect-ratio: 1 / 1;
padding: var(--space-2);
}
}
/* Mission Image Responsive Styles */
.mission-responsive-img {
width: 100%;
height: auto;
max-width: 600px;
object-fit: cover;
border-radius: 8px;
}
.mission-circle-img {
width: 100%;
height: auto;
max-width: 200px;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 50%;
display: block;
margin: 0 auto;
}
/* Mobile optimization */
@media (max-width: 768px) {
.mission-responsive-img {
max-width: 100%;
}
.mission-circle-img {
max-width: 150px;
}
}
/* Vision Image Responsive Styles */
.vision-responsive-img {
width: 100%;
height: auto;
max-width: 500px;
object-fit: cover;
border-radius: 8px;
display: block;
}
/* Mobile optimization */
@media (max-width: 768px) {
.vision-responsive-img {
max-width: 100%;
}
}
/* Team Image Responsive Styles */
.team-responsive-img {
width: 100%;
height: auto;
max-width: 500px;
border-radius: 8px;
display: block;
}
/* Mobile optimization */
@media (max-width: 768px) {
.team-responsive-img {
max-width: 100%;
}
}
a{
@@ -303,15 +118,11 @@ body{
overflow-x: clip;
}
.container {
width: 100%;
max-width: min(90%, var(--container-xl));
margin-left: auto;
margin-right: auto;
padding-left: var(--space-4);
padding-right: var(--space-4);
.container{
max-width: 1300px;
}
.container,
.container-fluid,
.container-lg,
.container-md,
@@ -604,17 +415,16 @@ body{
}
.section-title h1{
font-size: var(--font-size-5xl);
font-size: 80px;
font-weight: 700;
line-height: 1.1;
line-height: 1.3em;
text-transform: uppercase;
margin-bottom: 0;
}
.section-title h2{
font-size: var(--font-size-3xl);
font-size: 44px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
margin-bottom: 0;
}
@@ -669,20 +479,14 @@ header.main-header .header-sticky.active{
right: 0;
border-radius: 0;
transform: translateY(0);
background: transparent;
background: var(--primary-color);
border-bottom: 1px solid var(--divider-color);
backdrop-filter: blur(30px);
}
.navbar{
padding: clamp(15px, 3vh, 25px) 0;
padding: 30px 0;
align-items: center;
transition: all 0.3s ease;
background: transparent;
}
.navbar.scrolled{
padding: clamp(10px, 2vh, 15px) 0;
}
.navbar-brand{
@@ -843,8 +647,7 @@ header.main-header .header-sticky.active{
}
.slicknav_menu{
position: relative;
z-index: 1000;
position: absolute;
width: 100%;
padding: 0;
background: var(--accent-color);
@@ -917,9 +720,8 @@ header.main-header .header-sticky.active{
background-size: cover;
min-height: 100vh;
overflow: hidden;
padding: clamp(100px, 20vh, 200px) 0;
margin-top: 0;
z-index: 1;
padding: 250px 0;
margin-top: -118px;
}
.hero::before{
@@ -930,7 +732,7 @@ header.main-header .header-sticky.active{
bottom: 0;
left: 0;
background-color: var(--primary-color);
opacity: 30%;
opacity: 60%;
width: 100%;
height: 100%;
z-index: 0;
@@ -974,7 +776,7 @@ header.main-header .header-sticky.active{
.hero-slider-layout .hero-slide{
position: relative;
min-height: 100vh;
padding: clamp(100px, 20vh, 200px) 0;
padding: 250px 0;
}
.hero.hero-slider:before{
@@ -1042,11 +844,10 @@ header.main-header .header-sticky.active{
background-color: var(--accent-color);
}
/* Responsive hero content */
.hero-content{
position: relative;
width: 100%;
max-width: min(90%, 1100px);
max-width: 1100px;
margin: 0 auto;
text-align: center;
z-index: 2;
@@ -1058,7 +859,7 @@ header.main-header .header-sticky.active{
.hero-content .section-title p{
width: 100%;
max-width: min(90%, 640px);
max-width: 640px;
margin: 0 auto;
margin-top: 20px;
color: var(--white-color);
@@ -1168,7 +969,7 @@ header.main-header .header-sticky.active{
/************************************/
.about-us{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.about-image{
@@ -1285,7 +1086,7 @@ header.main-header .header-sticky.active{
.join-worship{
background-color: var(--secondary-color);
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.join-worship .section-title{
@@ -1441,7 +1242,7 @@ header.main-header .header-sticky.active{
}
.counter-title h2{
font-size: var(--font-size-4xl);
font-size: 56px;
color: var(--white-color);
}
@@ -1463,7 +1264,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-mission{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.mission-content-body{
@@ -1530,7 +1331,7 @@ header.main-header .header-sticky.active{
.our-services{
background-color: var(--secondary-color);
padding: clamp(60px, 10vh, 80px) 0 clamp(40px, 6vh, 70px);
padding: 100px 0 70px;
}
.service-item{
@@ -1700,7 +1501,7 @@ header.main-header .header-sticky.active{
display: inline-flex;
align-items: center;
text-transform: uppercase;
font-size: clamp(40px, 8vw, 100px);
font-size: 100px;
line-height: 1em;
font-weight: 700;
color: transparent;
@@ -1711,13 +1512,6 @@ header.main-header .header-sticky.active{
opacity: 50%;
}
/* Mobile optimization */
@media (max-width: 768px) {
.service-ticker .scrolling-content span {
font-size: clamp(30px, 10vw, 60px);
}
}
.service-ticker .scrolling-content span img{
width: 100%;
max-width: 45px;
@@ -1740,7 +1534,7 @@ header.main-header .header-sticky.active{
.our-ministries{
background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
padding: clamp(60px, 10vh, 100px) 0 clamp(30px, 5vh, 50px);
padding: 100px 0 50px;
}
.our-ministries .section-title h2 span,
@@ -1849,7 +1643,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-sermons{
padding: clamp(40px, 8vh, 70px) 0;
padding: 50px 0 70px;
}
.sermons-item{
@@ -1980,7 +1774,7 @@ header.main-header .header-sticky.active{
background: var(--secondary-color) url('../images/verse-church-bg.png') no-repeat;
background-position: right center;
background-size: contain;
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.verse-church-btn{
@@ -2021,7 +1815,7 @@ header.main-header .header-sticky.active{
.cta-box{
background-color: var(--accent-color);
padding: clamp(40px, 8vh, 60px) 0;
padding: 50px 0;
}
.cta-box-content{
@@ -2068,7 +1862,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-event{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.event-image figure{
@@ -2168,7 +1962,7 @@ header.main-header .header-sticky.active{
background: url('../images/donate-now-bg.jpg') no-repeat;
background-position: center center;
background-size: cover;
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.video-play-button{
@@ -2299,7 +2093,7 @@ header.main-header .header-sticky.active{
/************************************/
.our-blog{
padding: clamp(60px, 10vh, 80px) 0;
padding: 100px 0 70px;
}
.blog-item{
@@ -2409,7 +2203,7 @@ header.main-header .header-sticky.active{
background: url('../images/subscribe-newsletter-bg.jpg') no-repeat;
background-position: center center;
background-size: cover;
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.subscribe-newsletter::before{
@@ -2490,7 +2284,7 @@ header.main-header .header-sticky.active{
/************************************/
.main-footer{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0 0;
background: var(--primary-color);
}
@@ -2648,8 +2442,8 @@ header.main-header .header-sticky.active{
background: url('../images/page-header-bg.jpg') no-repeat;
background-position: center center;
background-size: cover;
padding: clamp(120px, 15vh, 150px) 0 clamp(60px, 10vh, 80px);
margin-top: -50px;
padding: 190px 0 100px;
margin-top: -118px;
}
.page-header::before{
@@ -2672,7 +2466,7 @@ header.main-header .header-sticky.active{
}
.page-header-box h1{
font-size: var(--font-size-5xl);
font-size: 80px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
@@ -2680,12 +2474,6 @@ header.main-header .header-sticky.active{
margin-bottom: 25px;
}
@media (max-width: 768px) {
.page-header-box h1 {
font-size: var(--font-size-4xl);
}
}
.page-header-box h1 span{
color: var(--white-color);
}
@@ -2724,7 +2512,7 @@ header.main-header .header-sticky.active{
.vision-mission{
background-color: var(--secondary-color);
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.vision-mission .section-row .section-title{
@@ -2811,7 +2599,7 @@ header.main-header .header-sticky.active{
}
.what-we-do{
padding: clamp(60px, 10vh, 80px) 0;
padding: 100px 0 70px;
}
.what-we-item{
@@ -2858,7 +2646,7 @@ header.main-header .header-sticky.active{
.our-team{
background: linear-gradient(180deg, var(--accent-color) 68%, var(--white-color) 32%);
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0 20px;
}
.our-team .section-row .section-title h3::before{
@@ -2871,10 +2659,25 @@ header.main-header .header-sticky.active{
}
.team-member-item{
position: relative;
height: calc(100% - 30px);
margin-bottom: 30px;
z-index: 1;
position: relative;
height: calc(100% - 30px);
margin-bottom: 20px;
padding: 15px;
z-index: 1;
}
/* Tablet breakpoint: increase padding for larger screens */
@media (min-width: 768px) {
.team-member-item {
padding: 20px;
}
}
/* Desktop breakpoint (1200px+): maximum padding for optimal spacing */
@media (min-width: 1200px) {
.team-member-item {
padding: 25px;
}
}
.team-image{
@@ -2886,11 +2689,18 @@ header.main-header .header-sticky.active{
}
.team-image img{
width: 100%;
aspect-ratio: 1/1.22;
object-fit: cover;
border-radius: 0 0 80px 0;
transition: all 0.5s ease-in-out;
width: 100%;
aspect-ratio: 1/1.22; /* default desktop */
object-fit: cover;
border-radius: 0 0 80px 0;
transition: all 0.5s ease-in-out;
}
/* Mobile breakpoint (575px and below): square aspect ratio for better fit */
@media (max-width: 575px) {
.team-image img {
aspect-ratio: 1/1; /* square on mobile for better fit */
}
}
.team-member-item:hover .team-image img{
@@ -2969,7 +2779,7 @@ header.main-header .header-sticky.active{
}
.pastors-message{
padding: clamp(40px, 8vh, 80px) 0;
padding: 50px 0 100px;
}
.pastors-image{
@@ -3021,7 +2831,7 @@ header.main-header .header-sticky.active{
.core-value{
background-color: var(--secondary-color);
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.core-value-faqs-accordion .accordion-item{
@@ -3153,7 +2963,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-services{
padding: clamp(60px, 10vh, 80px) 0;
padding: 100px 0 70px;
}
.page-services .service-item{
@@ -3165,7 +2975,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-service-single{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.service-single-content{
@@ -3251,13 +3061,13 @@ header.main-header .header-sticky.active{
}
.service-entry h2{
font-size: var(--font-size-3xl);
font-size: 44px;
text-transform: uppercase;
margin-bottom: 20px;
}
.service-entry h3{
font-size: var(--font-size-base);
font-size: 20px;
text-transform: capitalize;
margin-bottom: 20px;
}
@@ -3444,7 +3254,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-blog{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.page-blog .blog-item{
@@ -3457,7 +3267,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-single-post{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.post-single-meta ol li.breadcrumb-item{
@@ -3517,34 +3327,54 @@ header.main-header .header-sticky.active{
margin: 0 0 0.6em;
}
.post-entry h1 { font-size: var(--font-size-4xl); }
.post-entry h1{
font-size: 54px;
}
.post-entry h2 { font-size: var(--font-size-3xl); }
.post-entry h2{
font-size: 44px;
}
.post-entry h3 { font-size: var(--font-size-2xl); }
.post-entry h3{
font-size: 40px;
}
.post-entry h4 { font-size: var(--font-size-xl); }
.post-entry h4{
font-size: 30px;
}
.post-entry h5 { font-size: var(--font-size-lg); }
.post-entry h5{
font-size: 24px;
}
.post-entry h6 { font-size: var(--font-size-base); }
.post-entry h6{
font-size: 18px;
}
.post-entry p {
.post-entry p{
margin-bottom: 20px;
font-size: var(--font-size-base);
}
.post-entry p:last-child{
margin-bottom: 0;
}
.post-entry p strong { font-size: var(--font-size-lg); }
.post-entry p strong{
color: var(--primary-color);
font-size: 18px;
font-weight: 600;
}
.post-entry ol{
margin: 0 0 30px;
}
.post-entry ol li { font-size: var(--font-size-base); }
.post-entry ol li{
margin-bottom: 20px;
font-size: 18px;
font-weight: 600;
color: var(--text-color);
}
.post-entry ul{
padding: 0;
@@ -3552,7 +3382,13 @@ header.main-header .header-sticky.active{
padding-left: 20px;
}
.post-entry ul li { font-size: var(--font-size-base); }
.post-entry ul li{
font-size: 18px;
font-weight: 500;
color: var(--primary-color);
position: relative;
margin-bottom: 18px;
}
.post-entry ul li:last-child{
margin-bottom: 0;
@@ -3581,7 +3417,12 @@ header.main-header .header-sticky.active{
margin-bottom: 30px;
}
.post-entry blockquote p { font-size: var(--font-size-lg); }
.post-entry blockquote p{
color: var(--primary-color);
font-size: 20px;
font-weight: 600;
line-height: 1.4em;
}
.post-entry blockquote p:last-child{
margin-bottom: 0;
@@ -3663,7 +3504,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-sermons{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.page-pagination{
@@ -3705,7 +3546,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-sermons-single{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.sermons-single-content{
@@ -3918,7 +3759,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-campaign{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.campaign-item{
@@ -4057,7 +3898,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-campaign-single{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.campaign-single-content{
@@ -4105,7 +3946,7 @@ header.main-header .header-sticky.active{
}
.campaign-donate-item h3{
font-size: var(--font-size-2xl);
font-size: 34px;
font-weight: 500;
color: var(--white-color);
margin-bottom: 10px;
@@ -4125,13 +3966,13 @@ header.main-header .header-sticky.active{
}
.campaign-entry h2{
font-size: var(--font-size-3xl);
font-size: 44px;
text-transform: uppercase;
margin-bottom: 20px;
}
.campaign-entry h3{
font-size: var(--font-size-base);
font-size: 20px;
text-transform: capitalize;
margin-bottom: 20px;
}
@@ -4357,7 +4198,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-ministries{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
/**************************************/
@@ -4365,7 +4206,7 @@ header.main-header .header-sticky.active{
/**************************************/
.page-ministry-single{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.ministry-single-content{
@@ -4416,13 +4257,13 @@ header.main-header .header-sticky.active{
}
.ministry-entry h2{
font-size: var(--font-size-3xl);
font-size: 44px;
text-transform: uppercase;
margin-bottom: 20px;
}
.ministry-entry h3{
font-size: var(--font-size-base);
font-size: 20px;
text-transform: capitalize;
margin-bottom: 20px;
}
@@ -4544,7 +4385,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-team{
padding: clamp(60px, 10vh, 80px) 0;
padding: 100px 0 70px;
}
/************************************/
@@ -4552,7 +4393,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-gallery{
padding: clamp(60px, 10vh, 80px) 0;
padding: 100px 0 70px;
}
.page-gallery-box .photo-gallery{
@@ -4579,7 +4420,7 @@ header.main-header .header-sticky.active{
/************************************/
.page-contact-us{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.contact-information{
@@ -4648,10 +4489,9 @@ header.main-header .header-sticky.active{
padding: 0;
}
.google-map-iframe {
.google-map-iframe{
width: 100%;
height: clamp(400px, 60vh, 700px);
border: 0;
height: 700px;
}
.google-map-iframe iframe{
@@ -4670,7 +4510,7 @@ header.main-header .header-sticky.active{
/************************************/
.error-page{
padding: clamp(60px, 10vh, 100px) 0;
padding: 100px 0;
}
.error-page-image{
@@ -4709,7 +4549,7 @@ header.main-header .header-sticky.active{
}
}
@media only screen and (max-width: 768px){
@media only screen and (max-width: 991px){
.slicknav_nav li,
.slicknav_nav ul{
@@ -5266,7 +5106,7 @@ header.main-header .header-sticky.active{
}
.service-entry h2{
font-size: var(--font-size-3xl);
font-size: 36px;
}
.service-catagery-list{
@@ -5320,11 +5160,17 @@ header.main-header .header-sticky.active{
margin-bottom: 20px;
}
.post-entry blockquote p { font-size: var(--font-size-lg); }
.post-entry blockquote p{
font-size: 18px;
}
.post-entry h2 { font-size: var(--font-size-3xl); }
.post-entry h2{
font-size: 36px;
}
.post-entry ul li { font-size: var(--font-size-base); }
.post-entry ul li{
font-size: 16px;
}
.post-tag-links{
padding: 0 0px;
@@ -5439,7 +5285,7 @@ header.main-header .header-sticky.active{
}
.campaign-donate-item h3{
font-size: var(--font-size-2xl);
font-size: 30px;
margin-bottom: 5px;
}
@@ -5452,7 +5298,7 @@ header.main-header .header-sticky.active{
}
.campaign-entry h2{
font-size: var(--font-size-3xl);
font-size: 36px;
}
.campaign-gallery img{
@@ -5503,7 +5349,7 @@ header.main-header .header-sticky.active{
}
.ministry-entry h2{
font-size: var(--font-size-3xl);
font-size: 36px;
}
.ministry-entry ul li{
@@ -5930,11 +5776,11 @@ header.main-header .header-sticky.active{
}
.service-entry h2{
font-size: var(--font-size-3xl);
font-size: 28px;
}
.service-entry h3{
font-size: var(--font-size-base);
font-size: 18px;
}
.service-entry ul{
@@ -5980,7 +5826,9 @@ header.main-header .header-sticky.active{
padding: 55px 20px 20px 20px;
}
.post-entry h2 { font-size: var(--font-size-3xl); }
.post-entry h2{
font-size: 28px;
}
.tag-links{
font-size: 20px;
@@ -6065,21 +5913,17 @@ header.main-header .header-sticky.active{
width: calc(33.33% - 13.33px);
}
.campaign-donate-item h3{
font-size: var(--font-size-2xl);
}
.campaign-entry h2{
font-size: var(--font-size-3xl);
.campaign-donate-item h3{
font-size: 26px;
}
.campaign-donate-item p{
font-size: 16px;
}
.campaign-entry h2{
font-size: var(--font-size-3xl);
}
.campaign-entry h2{
font-size: 28px;
}
.campaign-entry ul{
display: block;
@@ -6121,7 +5965,7 @@ header.main-header .header-sticky.active{
}
.ministry-entry h2{
font-size: var(--font-size-3xl);
font-size: 28px;
}
.ministry-entry ul li{

24
dallas.html
View File

@@ -174,7 +174,7 @@
<!-- Team Grid Start -->
<div class="row">
<!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -196,7 +196,7 @@
</div>
<!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -218,7 +218,7 @@
</div>
<!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -240,7 +240,7 @@
</div>
<!-- Team 4: Irving High Chargers -->
<div class="col-lg-4 col-md-6">
<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.6s">
<!-- Team Image Start -->
@@ -262,7 +262,7 @@
</div>
<!-- Team 5: Plano West Warriors -->
<div class="col-lg-4 col-md-6">
<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.8s">
<!-- Team Image Start -->
@@ -284,7 +284,7 @@
</div>
<!-- Team 6: Frisco Titans -->
<div class="col-lg-4 col-md-6">
<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="1s">
<!-- Team Image Start -->
@@ -306,7 +306,7 @@
</div>
<!-- Team 7: Prosper Patriots -->
<div class="col-lg-4 col-md-6">
<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="1.2s">
<!-- Team Image Start -->
@@ -328,7 +328,7 @@
</div>
<!-- Team 8: Irving Lions -->
<div class="col-lg-4 col-md-6">
<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="1.4s">
<!-- Team Image Start -->
@@ -350,7 +350,7 @@
</div>
<!-- Team 9: Plano Hawks -->
<div class="col-lg-4 col-md-6">
<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="1.6s">
<!-- Team Image Start -->
@@ -428,7 +428,7 @@
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
@@ -442,7 +442,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
@@ -456,7 +456,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>

26
index.html
View File

@@ -132,7 +132,7 @@
<div class="row align-items-center">
<div class="col-lg-6">
<div class="col-lg-15">
<!-- About Content Start -->
<div class="about-content">
<!-- Section Title Start -->
@@ -217,7 +217,7 @@
<div class="our-counter">
<div class="container">
<div class="row counter-box">
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
@@ -236,7 +236,7 @@
<!-- Counter Item End -->
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
@@ -255,7 +255,7 @@
<!-- Counter Item End -->
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
@@ -274,7 +274,7 @@
<!-- Counter Item End -->
</div>
<div class="col-lg-3 col-md-6">
<div class="col-12 col-sm-6 col-md-6 col-lg-3">
<!-- Counter Item Start -->
<div class="counter-item">
<!-- Counter Title Start -->
@@ -337,14 +337,14 @@
<!-- Mission Image Start -->
<div class="mission-img">
<figure class="image-anime reveal">
<img src="images/about.gif" alt="" class="mission-responsive-img">
<img src="images/about.gif" style="width: 450px; height: 750px;" alt="">
</figure>
</div>
<!-- Mission Image End -->
<!-- Mission Life Circle Start -->
<div class="mission-life-circle">
<img src="images/hero-bg.jpg" alt="" class="mission-circle-img">
<img src="images/hero-bg.jpg" alt="" style="width: 160px; height: auto;">
</div>
<!-- Mission Life Circle End -->
</div>
@@ -369,7 +369,7 @@
</div>
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="col-lg-18 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp">
<!-- Icon Box Start -->
@@ -401,7 +401,7 @@
<div class="col-lg-6 col-md-6">
<div class="col-lg-18 col-md-6">
<!-- Service Item Start -->
<div class="service-item wow fadeInUp" data-wow-delay="0.75s">
<!-- Icon Box Start -->
@@ -493,7 +493,7 @@
<div class="swiper-slide">
<div class="service-slider-image">
<figure>
<img src="images/srisports.png" alt="" class="responsive-sponsor-img">
<img src="images/srisports.png" style="width: 1200px; height: 1200px;" alt="">
</figure>
</div>
</div>
@@ -679,7 +679,7 @@
<!-- About Footer End -->
</div>
<div class="col-lg-2 col-md-3 col-6">
<div class="col-12 col-sm-6 col-md-3 col-lg-2">
<!-- About Links Start -->
<div class="footer-links">
<h3>quick links</h3>
@@ -693,7 +693,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-4 col-6">
<div class="col-12 col-sm-6 col-md-4 col-lg-3">
<!-- About Links Start -->
<div class="footer-links">
<h3>our cricket</h3>
@@ -707,7 +707,7 @@
<!-- About Links End -->
</div>
<div class="col-lg-3 col-md-5">
<div class="col-12 col-sm-6 col-md-5 col-lg-3">
<!-- About Links Start -->
<div class="footer-contact">
<h3>contact</h3>

6
sponsors.html
View File

@@ -180,7 +180,7 @@
<!-- Team Grid Start -->
<div class="row">
<!-- Team 1: Plano East Panthers -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -201,7 +201,7 @@
</div>
<!-- Team 2: Frisco Lone Star -->
<div class="col-lg-4 col-md-6">
<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 -->
@@ -222,7 +222,7 @@
</div>
<!-- Team 3: Prosper Predators -->
<div class="col-lg-4 col-md-6">
<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 -->