<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>FutureTec | Future of AI Education</title> <!-- Bootstrap 5 CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap" rel="stylesheet"> <style> :root { --ft-green: #2e7d32; --ft-dark: #1a1a1a; --ft-accent: #ffd700; } body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; color: var(--ft-dark); } .navbar { background-color: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.05); padding: 1rem 0; } .navbar-brand { font-weight: 800; font-size: 1.5rem; color: var(--ft-green) !important; } .nav-link { font-weight: 600; color: var(--ft-dark) !important; margin: 0 10px; } .nav-link:hover { color: var(--ft-green) !important; } .btn-primary { background-color: var(--ft-green); border-color: var(--ft-green); } .btn-primary:hover { background-color: #1b5e20; border-color: #1b5e20; } .footer { background-color: var(--ft-dark); color: #fff; padding: 3rem 0; margin-top: 5rem; } .footer a { color: var(--ft-accent); text-decoration: none; } </style> <style> .hero-section { background: linear-gradient(135deg, #1a5e20 0%, #2e7d32 100%); color: #fff; padding: 6rem 0; text-align: center; } .hero-title { font-weight: 800; font-size: 3.5rem; margin-bottom: 1.5rem; } .hero-subtitle { font-size: 1.25rem; max-width: 800px; margin: 0 auto 2.5rem; opacity: 0.9; } .feature-card { border: none; border-radius: 15px; transition: transform 0.3s ease; height: 100%; } .feature-card:hover { transform: translateY(-10px); } .age-badge { background: #e8f5e9; color: #2e7d32; font-weight: 700; padding: 5px 15px; border-radius: 20px; display: inline-block; margin-bottom: 10px; } .flag-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px; } .flag-item { text-align: center; min-width: 80px; } .flag-icon { font-size: 2.5rem; display: block; margin-bottom: 5px; } .lang-name { font-size: 0.85rem; font-weight: 600; color: #ddd; }</style> </head><body> <nav class="navbar navbar-expand-lg sticky-top"> <div class="container"> <a class="navbar-brand" href="/"> 🧠 FUTURE<span style="color:#1a1a1a">TEC</span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ms-auto align-items-center"> <li class="nav-item"><a class="nav-link" href="/lessons/audio">🎧 Lessons</a></li> <li class="nav-item"><a class="nav-link" href="/syllabus">📚 Syllabus</a></li> <li class="nav-item"><a class="btn btn-primary btn-sm ms-2" href="/register">Join Scholarship</a></li> </ul> </div> </div> </nav> <main> <header class="hero-section"> <div class="container"> <h1 class="hero-title">Worldwide AI Education for Kids</h1> <p class="hero-subtitle">The largest global scholarship program for AI education. Using world-class unplugged activities and physical Mega-Kits in 17 languages.</p> <div class="d-flex justify-content-center gap-3"> <a href="/register" class="btn btn-warning btn-lg px-5 fw-bold text-dark">Register for Scholarship →</a> <a href="/lessons/audio" class="btn btn-outline-light btn-lg px-5">Explore Lessons</a> <a href="/syllabus" class="btn btn-outline-light btn-lg px-5">📚 View Syllabus</a> </div> </div></header> <section class="py-5 bg-white"> <div class="container text-center mb-5"> <h2 class="fw-bold">How Future<span style="color:var(--ft-green)">Tec</span> Works</h2> <p class="text-muted">A comprehensive 3-step path to AI mastery.</p> </div> <div class="container"> <div class="row g-4"> <div class="col-md-4 text-center"> <div class="p-4 bg-light rounded-4"> <h1 class="display-4 text-success mb-3">1</h1> <h5 class="fw-bold">Selection Test</h5> <p class="text-muted small">Take our logic-based scholarship exam in your Mother Tongue. Earn up to a 70% discount on your study program.</p> </div> </div> <div class="col-md-4 text-center"> <div class="p-4 bg-light rounded-4"> <h1 class="display-4 text-success mb-3">2</h1> <h5 class="fw-bold">Receive Mega-Kits</h5> <p class="text-muted small">Get a physical Mega-Kit every 3 months. Each box contains all the materials needed for the entire quarter.</p> </div> </div> <div class="col-md-4 text-center"> <div class="p-4 bg-light rounded-4"> <h1 class="display-4 text-success mb-3">3</h1> <h5 class="fw-bold">Global Community</h5> <p class="text-muted small">Join district-level meetups and access a worldwide portal of audio lessons in your own language.</p> </div> </div> </div> </div></section> <section class="py-5"> <div class="container"> <h2 class="text-center fw-bold mb-5">Targeted Learning Groups</h2> <div class="row row-cols-1 row-cols-md-3 row-cols-lg-5 g-4"> <div class="col"> <div class="card feature-card shadow-sm"> <div class="card-body"> <span class="age-badge">Group 1</span> <h5 class="card-title fw-bold">Ages 5-6</h5> <p class="small text-muted">Age 5–6 (Little Explorers)</p> <hr> <ul class="list-unstyled small"> <li>✅ Bilingual Exam</li> <li>✅ 3-Month Mega-Kit</li> <li>✅ Audio Lessons</li> </ul> </div> </div> </div> <div class="col"> <div class="card feature-card shadow-sm"> <div class="card-body"> <span class="age-badge">Group 2</span> <h5 class="card-title fw-bold">Ages 7-9</h5> <p class="small text-muted">Age 7–9 (Junior Coders)</p> <hr> <ul class="list-unstyled small"> <li>✅ Bilingual Exam</li> <li>✅ 3-Month Mega-Kit</li> <li>✅ Audio Lessons</li> </ul> </div> </div> </div> <div class="col"> <div class="card feature-card shadow-sm"> <div class="card-body"> <span class="age-badge">Group 3</span> <h5 class="card-title fw-bold">Ages 10-11</h5> <p class="small text-muted">Age 10–11 (Logic Builders)</p> <hr> <ul class="list-unstyled small"> <li>✅ Bilingual Exam</li> <li>✅ 3-Month Mega-Kit</li> <li>✅ Audio Lessons</li> </ul> </div> </div> </div> <div class="col"> <div class="card feature-card shadow-sm"> <div class="card-body"> <span class="age-badge">Group 4</span> <h5 class="card-title fw-bold">Ages 12-13</h5> <p class="small text-muted">Age 12–13 (AI Thinkers)</p> <hr> <ul class="list-unstyled small"> <li>✅ Bilingual Exam</li> <li>✅ 3-Month Mega-Kit</li> <li>✅ Audio Lessons</li> </ul> </div> </div> </div> <div class="col"> <div class="card feature-card shadow-sm"> <div class="card-body"> <span class="age-badge">Group 5</span> <h5 class="card-title fw-bold">Ages 14-16</h5> <p class="small text-muted">Age 14–16 (Tech Pioneers)</p> <hr> <ul class="list-unstyled small"> <li>✅ Bilingual Exam</li> <li>✅ 3-Month Mega-Kit</li> <li>✅ Audio Lessons</li> </ul> </div> </div> </div> </div> </div></section> <section class="py-5 bg-dark text-white"> <div class="container text-center"> <h2 class="fw-bold mb-4">We Speak Your Language</h2> <p class="lead opacity-75 mb-5">FutureTec is a truly global platform. Our curriculum and audio lessons are available in 20 languages to ensure every child can lead the AI future.</p> <div class="flag-container"> <div class="flag-item"><span class="flag-icon">🇱🇰</span><span class="lang-name">සිංහල</span></div> <div class="flag-item"><span class="flag-icon">🇮🇳</span><span class="lang-name">தமிழ்</span></div> <div class="flag-item"><span class="flag-icon">🇬🇧</span><span class="lang-name">English</span></div> <div class="flag-item"><span class="flag-icon">🇵🇰</span><span class="lang-name">اردو</span></div> <div class="flag-item"><span class="flag-icon">🇧🇩</span><span class="lang-name">বাংলা</span></div> <div class="flag-item"><span class="flag-icon">🇮🇳</span><span class="lang-name">ગુજરાતી</span></div> <div class="flag-item"><span class="flag-icon">🇨🇳</span><span class="lang-name">普通话</span></div> <div class="flag-item"><span class="flag-icon">🇹🇼</span><span class="lang-name">繁體中文</span></div> <div class="flag-item"><span class="flag-icon">🇭🇰</span><span class="lang-name">廣東話</span></div> <div class="flag-item"><span class="flag-icon">🇮🇩</span><span class="lang-name">Indonesian</span></div> <div class="flag-item"><span class="flag-icon">🇲🇾</span><span class="lang-name">Malay</span></div> <div class="flag-item"><span class="flag-icon">🇵🇭</span><span class="lang-name">Filipino</span></div> <div class="flag-item"><span class="flag-icon">🇿🇦</span><span class="lang-name">Afrikaans</span></div> <div class="flag-item"><span class="flag-icon">🇸🇦</span><span class="lang-name">العربية</span></div> <div class="flag-item"><span class="flag-icon">🇪🇬</span><span class="lang-name">العربية</span></div> <div class="flag-item"><span class="flag-icon">🇫🇷</span><span class="lang-name">Français</span></div> <div class="flag-item"><span class="flag-icon">🇩🇪</span><span class="lang-name">Deutsch</span></div> <div class="flag-item"><span class="flag-icon">🇮🇹</span><span class="lang-name">Italiano</span></div> <div class="flag-item"><span class="flag-icon">🇪🇸</span><span class="lang-name">Español</span></div> <div class="flag-item"><span class="flag-icon">🇳🇱</span><span class="lang-name">Nederlands</span></div> </div> </div></section> </main> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-4 mb-4"> <h5>FUTURE<span style="color:var(--ft-green)">TEC</span></h5> <p class="text-muted small">The first island-wide AI education platform using unplugged activities and physical Mega-Kits.</p> </div> <div class="col-md-4 mb-4"> <h5>Quick Links</h5> <ul class="list-unstyled small"> <li><a href="/">Home</a></li> <li><a href="/register">Register</a></li> <li><a href="/lessons/audio">Audio Portal</a></li> <li><a href="/syllabus">Academic Syllabus</a></li> <li><a href="/privacy">Privacy Policy</a></li> <li><a href="/terms">Terms of Service</a></li> </ul> </div> <div class="col-md-4 mb-4 text-md-end"> <h5>Contact</h5> <p class="small text-muted"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="0a646b786f4a7e6f69797863666b64616b24696567246661">[email protected]</a><br>0094779779668</p> </div> </div> <hr class="border-secondary"> <div class="text-center small text-muted"> © 2026 FutureTec Asia & Middle East HQ (Sri Lanka). All Rights Reserved. </div> </div> </footer> <!-- Bootstrap 5 JS Bundle --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> </body></html>
