Sport
With experienced coaches on board, we take pride in training our pupils in sports, especially football. We organize matches, training camps, and inter-school tournaments to help them develop their skills, teamwork, and confidence on the field.
Ballet Dance
With skilled instructors on board, we take pride in nurturing our pupils in the art of ballet dance. Through graceful training sessions, recitals, and stage performances, we help them build confidence, poise, discipline, and a deep love for the art.
Taekwondo
Our pupils are passionate about sports and athletics and have the freedom to choose the one they like and wish to take up. We also participate in inter-school, district, state and national level competitions.
Coding
Learning coding equips pupils with problem-solving skills, logical thinking, and creativity. It prepares them for future careers, boosts confidence, and helps them understand the technology shaping their world.
Kidigo Club
Kidigo Club sparks creativity and innovation in young minds through fun, hands-on activities. It inspires kids to explore, invent, and express their unique ideas confidently.
```
---
## Updated styles.css
```css
/* Banner */
.banner {
background: #0f9d58; /* Green header */
color: #fff;
padding: 4rem 0;
text-align: center;
}
.banner-title {
font-size: 2.4rem;
font-weight: bold;
}
.banner-sub {
font-size: 1.2rem;
margin-top: 0.5rem;
}
/* Layout */
.container {
width: 90%;
max-width: 1200px;
margin: auto;
}
.main-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
padding: 3rem 0;
}
/* Activity Cards */
.activity-card {
background: #fff;
border-radius: 10px;
padding: 1.5rem;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
.activity-img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 8px;
margin-bottom: 1rem;
}
.activity-title {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-639406f */.club-sec {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 25px;
padding: 30px 10px;
animation: fadeIn 1s ease-in-out forwards;
}
.club-card {
background: #ffffff;
border-radius: 14px;
padding: 20px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.10);
transition: transform 0.3s ease, box-shadow 0.3s ease;
opacity: 0;
animation: floatUp 0.8s ease-out forwards;
}
.club-card:nth-child(1) { animation-delay: 0.1s; }
.club-card:nth-child(2) { animation-delay: 0.2s; }
.club-card:nth-child(3) { animation-delay: 0.3s; }
.club-card:nth-child(4) { animation-delay: 0.4s; }
.club-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 22px rgba(0,0,0,0.18);
}
.club-card img {
width: 100%;
border-radius: 12px;
margin-bottom: 15px;
}
.club-card h3 {
font-weight: 700;
font-size: 18px;
margin-bottom: 10px;
color: #0F172A;
}
.club-card p {
font-size: 14px;
color: #333;
line-height: 1.5;
}
/* Animations */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes floatUp {
from { transform: translateY(20px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-9ef764d *//* Make Elementor carousel images equal size */
.elementor-swiper .swiper-slide img,
.elementor-image-carousel img {
width: 100%;
height: 260px; /* adjust height as needed */
object-fit: cover;
object-position: center;
border-radius: 8px; /* optional */
}/* End custom CSS */