Kanza Landing Page /* CSS Variables */ :root { --keycolor: #ffc400; --bg-color-1: #0002a0; --bg-color-2: #0076f4; --main-color: #ffc400; --menu-color: #ffffff; --submenu-bg: #ffffff; --submenu-color: #222222; --menu-title-color: #222222; --footer-title: #ffffff; --footer-color: #ffffff; --footer-link: #ffffff; --dark-color: #222222; --body-font: 13px Poppins, sans-serif; --body-background-color: #ffffff; --body-text-color: #222222; --body-link-color: #ffc400; --body-color-blue: #4c5ef9; --posts-background-color: #ffffff; --posts-title-color: #222222; --posts-text-color: #222222; --posts-icons-color: #ffc400; --labels-background-color: #ffc400; --section-background: #f4f4f4; /* Gray background for sections */ --gradient-start: #0002a0; /* Blue color start */ --gradient-end: #0076f4; /* Blue color end */ } body { font-family: var(--body-font); background-color: var(--body-background-color); color: var(--body-text-color); margin: 0; padding: 0; } .navbar { display: flex; justify-content: space-between; align-items: center; background: var(--bg-color-1); padding: 1rem; color: var(--menu-color); } .navbar a { color: var(--menu-color); text-decoration: none; padding: 0.5rem 1rem; font-size: 1rem; } .navbar a:hover { background-color: var(--main-color); border-radius: 5px; } .hero-carousel { position: relative; height: 400px; overflow: hidden; background: var(--bg-color-2); } .hero-carousel img { width: 100%; height: 100%; object-fit: cover; } .hero-carousel .carousel-content { position: absolute; bottom: 20px; left: 20px; color: var(--menu-color); } .section { padding: 2rem; text-align: center; background-color: var(--section-background); } .about-us, .programs, .testimonials, .gallery { background: var(--section-background); } .about-us { background: var(--bg-color-1); color: var(--menu-color); } .programs { background: linear-gradient(var(--gradient-start), var(--gradient-end)); color: var(--menu-color); } .program-card, .gallery-item { background: var(--posts-background-color); margin: 1rem; padding: 1rem; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); } .testimonials { background: var(--section-background); padding: 2rem; } .testimonial { background: #fff; padding: 1rem; margin: 1rem auto; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); max-width: 800px; } .testimonials iframe { width: 100%; height: 315px; border: none; } .gallery-item { display: inline-block; width: calc(33.333% - 2rem); margin: 0.5rem; vertical-align: top; } .footer { background: var(--bg-color-1); color: var(--footer-color); padding: 1rem; text-align: center; } .footer .social-links a { color: var(--footer-link); margin: 0 0.5rem; text-decoration: none; } .footer .social-links a:hover { color: var(--main-color); } @media (max-width: 768px) { .gallery-item { width: calc(50% - 2rem); } } @media (max-width: 480px) { .gallery-item { width: calc(100% - 2rem); } }

Welcome to Kanza

Your journey to excellence starts here.

About Us

We are dedicated to providing top-notch educational experiences and opportunities for growth.

Our Programs

Program 1

Details about Program 1.

Price: $100

Program 2

Details about Program 2.

Price: $200

What Our Clients Say

Gallery

Caption for Image 1

Caption for Image 2