1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <title>Geared Kids | Educational Games for Preschoolers</title> 7 <meta name="description" content="Geared Kids makes playful preschool apps that mix laughter, learning, and bright character-led adventures for iOS and Android."> 8 <link rel="preconnect" href="https://fonts.googleapis.com"> 9 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 10 <link href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700;800&family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet"> 11 <link rel="stylesheet" href="CSS/custom.css" type="text/css"> 12 <link rel="shortcut icon" href="images/favicons/favicon.png"> 13</head> 14<body class="landing-page"> 15 <div class="site-shell"> 16 <header class="topbar"> 17 <a class="brand" href="#top" aria-label="Geared Kids home"> 18 <img class="brand-logo" src="images/Logo.png" alt="Geared Kids logo"> 19 </a> 20 21 <nav class="topnav" aria-label="Primary"> 22 <a href="#why" data-section-link="why">Why Families Love Us</a> 23 <a href="#apps" data-section-link="apps">Apps</a> 24 <a href="#proof" data-section-link="proof">Trusted</a> 25 <a href="contactUs.html">Contact</a> 26 </nav> 27 </header> 28 29 <main id="top"> 30 <section class="hero-section"> 31 <div class="hero-copy"> 32 <div class="hero-decor" aria-hidden="true"> 33 <span class="letter-tile tile-a">A</span> 34 <span class="letter-tile tile-b">B</span> 35 <span class="letter-tile tile-c">C</span> 36 </div> 37 <div class="hero-main"> 38 <div class="hero-copy-block"> 39 <p class="eyebrow">Phonics for Kids</p> 40 <h1>Helping young readers build confidence one sound at a time.</h1> 41 <p class="hero-text"> 42 <span class="product-name">Phonics for Kids</span> turns early reading practice into playful, approachable lessons that help 43 children learn letter sounds, blend words, and grow their reading confidence step by step. 44 </p> 45 46 <div class="hero-actions"> 47 <a class="button button-accent" href="#apps">Learn More</a> 48 <a class="store-badge" href="https://apps.apple.com/us/app/phonics-for-kids-games/id6761118641" target="_blank" rel="noopener noreferrer"> 49 <img src="images/appstore.svg" alt="Download Phonics for Kids on the App Store"> 50 </a> 51 <a class="store-badge store-badge-google" href="https://play.google.com/store/apps/details?id=com.gearedkids.phonicsforkids" target="_blank" rel="noopener noreferrer"> 52 <img src="images/Google_Play_Store_badge_EN.svg.webp" alt="Get Phonics for Kids on Google Play"> 53 </a> 54 </div> 55 </div> 56 57 <div class="hero-media-panel"> 58 <div class="sound-waves" aria-hidden="true"> 59 <span></span> 60 <span></span> 61 <span></span> 62 </div> 63 <a class="hero-video-link" href="https://www.youtube.com/shorts/qar159l4qro" target="_blank" rel="noopener noreferrer"> 64 <img src="images/Phonics/PhonicsThumbnail.jpg" alt="Phonics for Kids YouTube short thumbnail"> 65 <span class="play-pill">Watch Preview</span> 66 </a> 67 <div class="hero-media-copy"> 68 <p class="hero-card-label">From first sounds to first words</p> 69 <p>See how children move from hearing letter sounds to blending them into simple words.</p> 70 </div> 71 </div> 72 </div> 73 74 <ul class="hero-highlights" aria-label="Highlights"> 75 <li>No ads, no clutter, just focused play</li> 76 <li>Designed for preschool attention spans</li> 77 <li>Available on iOS and Android</li> 78 </ul> 79 </div> 80 81 <section class="educator-invitation" id="teachers" aria-labelledby="educator-heading"> 82 <div class="educator-art" aria-hidden="true"> 83 <video class="educator-video" muted loop playsinline preload="none" poster="images/teacher/teacher-poster.webp" width="560" height="560" tabindex="-1"> 84 <source data-src="images/teacher/teacher-wave.mp4" type="video/mp4"> 85 </video> 86 </div> 87 <div class="educator-copy"> 88 <p class="eyebrow">Weâd love to hear your ideas and experiences.</p> 89 <h2 id="educator-heading">A little hello to teachers & families</h2> 90 <p>Are you a teacher, education professional, or a parent or carer of a disabled child or a child with additional support needs? Weâd love to hear what helps them learn, what gets in the way, and how our apps could work better for them.</p> 91 <p class="educator-note">Your experiences and ideas can help shape what we create next.</p> 92 <a class="button button-primary" href="mailto:[email protected]?subject=Feedback%20from%20teachers%20and%20families">Share your thoughts <span aria-hidden="true">→</span></a> 93 </div> 94 </section> 95 96 97 </section> 98 99 <section class="value-section" id="why"> 100 <div class="section-heading"> 101 <p class="eyebrow">Why families love us</p> 102 <h2>Educational games that make early learning feel joyful.</h2> 103 <p>Fun first, learning always, and progress you can see.</p> 104 </div> 105 106 <div class="value-grid"> 107 <article class="value-card"> 108 <img src="images/dogSkateboard.png" alt="Dog character skateboarding"> 109 <h3>Laughter and learning</h3> 110 <p>Each app is designed to entertain first so preschoolers stay curious, engaged, and ready to learn.</p> 111 </article> 112 113 <article class="value-card"> 114 <img src="images/PrincessTable.png" alt="Princess character sitting at a table"> 115 <h3>Core preschool skills</h3> 116 <p>Literacy, numeracy, patterns, memory, and problem-solving are woven into every interaction.</p> 117 </article> 118 119 <article class="value-card"> 120 <img src="images/DogTruck.png" alt="Dog character driving a truck"> 121 <h3>Big cartoon energy</h3> 122 <p>Colorful worlds, voice-led play, and bold character animation make each lesson feel like an adventure.</p> 123 </article> 124 </div> 125 </section> 126 127 <section class="spotlight-section" id="apps"> 128 <div class="section-heading"> 129 <p class="eyebrow">Featured now</p> 130 <h2>A playful path into early reading.</h2> 131 <p><span class="product-name">Phonics for Kids</span> helps children build letter sounds, word recognition, and reading confidence step by step.</p> 132 </div> 133 134 <article class="spotlight-card"> 135 <div class="spotlight-media"> 136 <div class="phone-gallery"> 137 <div class="phone-shot"> 138 <img src="images/Phonics/Screenshot_ExploreLetter_android.png" alt="Phonics for Kids explore letter screenshot"> 139 </div> 140 <div class="phone-shot"> 141 <img src="images/Phonics/Screenshot_PracticeLetters_android.png" alt="Phonics for Kids hear letter sounds screenshot"> 142 </div> 143 <div class="phone-shot"> 144 <img src="images/Phonics/Screenshot_SoundMatch_android.png" alt="Phonics for Kids match sounds screenshot"> 145 </div> 146 <div class="phone-shot"> 147 <img src="images/Phonics/Screenshot_buildWord_android.png" alt="Phonics for Kids learn to read with phonics screenshot"> 148 </div> 149 </div> 150 </div> 151 152 <div class="spotlight-copy"> 153 <p class="spotlight-tag">Featured app</p> 154 <h3>Phonics for Kids</h3> 155 <p>
156 <span class="product-name">Phonics for Kids</span> helps children learn to read with phonics step-by-step, 157 using playful progression and approachable early-reading practice. 158 </p> 159 160 <ul class="check-list"> 161 <li>Step-by-step lessons that build real reading skills</li> 162 <li>Learn letter sounds and blend them into words</li> 163 <li>Simple, interactive activities children can use independently</li> 164 <li>Clear English pronunciation for every sound</li> 165 <li>Designed for beginners and early readers</li> 166 <li>Fun, engaging gameplay that keeps kids learning</li> 167 </ul> 168 169 <div class="store-links"> 170 <a href="https://www.youtube.com/shorts/qar159l4qro" class="button button-secondary" target="_blank" rel="noopener noreferrer">Watch App Preview</a> 171 <div class="store-badge-row"> 172 <a class="store-badge" href="https://apps.apple.com/us/app/phonics-for-kids-games/id6761118641" target="_blank" rel="noopener noreferrer"> 173 <img src="images/appstore.svg" alt="Download Phonics for Kids on the App Store"> 174 </a> 175 <a class="store-badge store-badge-google" href="https://play.google.com/store/apps/details?id=com.gearedkids.phonicsforkids" target="_blank" rel="noopener noreferrer"> 176 <img src="images/Google_Play_Store_badge_EN.svg.webp" alt="Get Phonics for Kids on Google Play"> 177 </a> 178 </div> 179 </div> 180 181 <div class="supporting-link-row" aria-label="Sample phonics lesson on YouTube"> 182 <p class="supporting-link-label">Also from Geared Kids</p> 183 <p class="supporting-link-copy"> 184 Want to see the teaching style too? 185 <a class="text-link" href="https://youtu.be/mljUVTgzCkY" target="_blank" rel="noopener noreferrer">Watch a sample phonics lesson on YouTube</a> 186 </p> 187 </div> 188 189 </div> 190 191 <div class="testimonial-inline testimonial-inline-wide"> 192 <p class="testimonial-inline-label">What families are saying</p> 193 <blockquote class="testimonial-card testimonial-card-inline"> 194 <p>âWeâve tried a few reading apps, but this is the first one my child actually enjoys. Itâs simple, clear, and easy to follow.â</p> 195 <cite>Parent review of Phonics for Kids</cite> 196 </blockquote> 197 </div> 198 </article> 199 200 <div class="app-library"> 201 <div class="app-library-heading"> 202 <div> 203 <p class="eyebrow">More to explore</p> 204 <h3>A growing app shelf for curious little learners.</h3> 205 </div> 206 <p class="app-library-intro">Playful apps that help young children build confidence while they learn.</p> 207 </div> 208 209 <div class="app-library-grid"> 210 <article class="app-card"> 211 <div class="app-card-art"> 212 <img src="images/DinoPortfolio.png" alt="Dinosaur Preschool promotional art"> 213 </div> 214 <div class="app-card-copy"> 215 <p class="app-status app-status-live">Released app</p> 216 <h3>Dinosaur Preschool</h3> 217 <p>Counting, letters, shapes, and beginner problem-solving in a dinosaur-filled preschool world.</p> 218 <div class="app-card-actions"> 219 <a class="text-link" href="https://apps.apple.com/us/app/dinosaur-puzzles-for-toddlers/id1015864791" target="_blank" rel="noopener noreferrer">See on the App Store</a> 220 </div> 221 </div> 222 </article> 223 224 <article class="app-card"> 225 <div class="app-card-art"> 226 <img src="images/AnimalAdventure_portfolio.png" alt="Animal Adventure app artwork"> 227 </div> 228 <div class="app-card-copy"> 229 <p class="app-status app-status-live">Released app</p> 230 <h3>
230Animal Adventure</h3> 231 <p>Kid-friendly animal learning games with playful activities designed to build early skills through exploration.</p> 232 <div class="app-card-actions"> 233 <a class="text-link" href="https://apps.apple.com/us/app/animal-games-for-kids-learning/id6759580615" target="_blank" rel="noopener noreferrer">See on the App Store</a> 234 <a class="text-link" href="https://play.google.com/store/apps/details?id=com.gearedkids.play.farmanimals" target="_blank" rel="noopener noreferrer">Get it on Google Play</a> 235 </div> 236 </div> 237 </article> 238 239 <article class="app-card"> 240 <div class="app-card-art"> 241 <img src="images/BlockBuddyPortfolio.png" alt="Block Buddy trailer art"> 242 </div> 243 <div class="app-card-copy"> 244 <p class="app-status app-status-soon">Coming soon</p> 245 <h3>Block Buddy</h3> 246 <p>Playful mini-games designed to keep preschoolers engaged while they build early learning skills.</p> 247 <div class="app-card-actions"> 248 <a class="text-link" href="https://www.youtube.com/watch?v=rg2Ll5cdFjo" target="_blank" rel="noopener noreferrer">See the trailer</a> 249 </div> 250 </div> 251 </article> 252 253 </div> 254 </div> 255 </section> 256 257 <section class="jlpt-section" aria-labelledby="jlpt-heading"> 258 <h2 id="jlpt-heading">Also from Geared Kidsâfor Japanese learners</h2> 259 <article class="app-card app-card-featured-jlpt"> 260 <div class="app-card-copy app-card-copy-featured"> 261 <p class="app-status app-status-live">Now on the App Store</p> 262 <p class="featured-app-kicker">New for Japanese learners</p> 263 <h3>JLPT N5 Step by Step</h3> 264 <p>Learn beginner Japanese with clear lessons, quick practice, and smart review built for JLPT N5.</p> 265 <ul class="featured-app-list" aria-label="JLPT app highlights"> 266 <li>Simple bite-sized lessons with clear explanations</li> 267 <li>N5-style practice that explains every mistake</li> 268 <li>Flashcards and progress tracking to keep momentum up</li> 269 </ul> 270 <div class="store-links"> 271 <div class="store-badge-row"> 272 <a class="store-badge" href="https://apps.apple.com/us/app/id6775156386" target="_blank" rel="noopener noreferrer"> 273 <img src="images/appstore.svg" alt="Download JLPT N5 Step by Step on the App Store"> 274 </a> 275 </div> 276 </div> 277 <div class="mascot-note" aria-label="JLPT app note"> 278 <img class="featured-mascot" src="images/Mascot_1024.png" alt="Japanese learning app mascot holding a kana card"> 279 <div class="mascot-note-copy"> 280 <p class="mascot-note-title">What is JLPT?</p> 281 <p>JLPT is the Japanese-Language Proficiency Test. N5 is the beginner level, covering core words, grammar, and simple reading practice.</p> 282 </div> 283 </div> 284 </div> 285 <div class="app-card-art app-card-art-featured"> 286 <img src="images/JLPT_Screenshot_1.jpg" alt="JLPT N5 Step by Step lesson screen preview"> 287 </div> 288 </article> 289 </section> 290 291 <section class="proof-section" id="proof"> 292 <div class="section-heading"> 293 <p class="eyebrow">
293A reputation families trust</p> 294 <h2>Made for kids, trusted by parents.</h2> 295 <p>Our apps combine playful design with the kind of quality, polish, and feedback families look for.</p> 296 </div> 297 298 <div class="stats-grid"> 299 <article class="stat-card stat-card-trust"> 300 <div class="stat-header"> 301 <div class="stat-title-group"> 302 <p class="stat-kicker">Recognition</p> 303 <h3 class="stat-value">Teacher Approved</h3> 304 </div> 305 </div> 306 <p>Highlighted by Google Play's Teacher Approved program for quality apps designed for children and families.</p> 307 </article> 308 309 <article class="stat-card stat-card-downloads"> 310 <div class="stat-header"> 311 <div class="stat-title-group"> 312 <p class="stat-kicker">Downloads</p> 313 <h3 class="stat-value">154K+</h3> 314 </div> 315 </div> 316 <p>More than 154,000 downloads show that families continue to play and trust Geared Kids titles.</p> 317 </article> 318 319 <article class="stat-card stat-card-reviews"> 320 <div class="stat-header"> 321 <div class="stat-title-group"> 322 <p class="stat-kicker">Reviews</p> 323 <h3 class="stat-value">4.7 stars</h3> 324 </div> 325 </div> 326 <p>Based on 281 reviews, families describe our apps as clear, engaging, and easy for young learners to follow.</p> 327 </article> 328 </div> 329 330 </section> 331 332 <section class="cta-section"> 333 <div class="cta-panel"> 334 <div> 335 <p class="eyebrow">Keep exploring</p> 336 <h2>Start your learning adventure.</h2> 337 <p>Explore our apps, watch the latest short, or get in touch to learn more about Geared Kids.</p> 338 </div> 339 <div class="cta-actions"> 340 <a class="button button-primary" href="contactUs.html">Contact Us</a> 341 <a class="button button-secondary" href="privacy.html">Privacy Policy</a> 342 </div> 343 </div> 344 </section> 345 </main> 346 <footer class="utility-footer"> 347 <a class="utility-footer-link" href="where-was-i.html"> 348 <img src="images/where-was-i/app-icon.png" alt=""> 349 <span> 350 <strong>Where Was I?</strong> 351 <small>Save your place. Pick up where you left off.</small> 352 </span> 353 <span class="utility-footer-arrow" aria-hidden="true">â</span> 354 </a> 355 </footer> 356 </div> 357
357<script> 358 // Repeat the greeting while visible; keep the poster for reduced motion. 359 const teacherVideo = document.querySelector('.educator-video'); 360 const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)'); 361 if (teacherVideo && 'IntersectionObserver' in window) { 362 let hasGreeted = false; 363 const greetingObserver = new IntersectionObserver((entries) => { 364 const visible = entries[0].isIntersecting; 365 if (!visible || reducedMotion.matches) { 366 teacherVideo.pause(); 367 return; 368 } 369 if (!hasGreeted) { 370 hasGreeted = true; 371 const source = teacherVideo.querySelector('source'); 372 source.src = source.dataset.src; 373 teacherVideo.load(); 374 } 375 if (!teacherVideo.ended) teacherVideo.play().catch(() => {}); 376 }, { threshold: 0.35 }); 377 greetingObserver.observe(teacherVideo); 378 reducedMotion.addEventListener('change', () => { 379 if (reducedMotion.matches) { 380 teacherVideo.pause(); 381 teacherVideo.currentTime = 0; 382 } 383 }); 384 } 385 386 const sectionLinks = document.querySelectorAll("[data-section-link]"); 387 const sectionIds = [...sectionLinks].map((link) => link.dataset.sectionLink); 388 const observedSections = sectionIds 389 .map((id) => document.getElementById(id)) 390 .filter(Boolean); 391 const heroSection = document.querySelector(".hero-section"); 392 393 if (sectionLinks.length && observedSections.length && "IntersectionObserver" in window) { 394 const setActiveLink = (activeId) => { 395 sectionLinks.forEach((link) => { 396 const isActive = link.dataset.sectionLink === activeId; 397 link.classList.toggle("is-active", isActive); 398 if (isActive) { 399 link.setAttribute("aria-current", "page"); 400 } else { 401 link.removeAttribute("aria-current"); 402 } 403 }); 404 }; 405 406 const clearActiveLink = () => { 407 sectionLinks.forEach((link) => { 408 link.classList.remove("is-active"); 409 link.removeAttribute("aria-current"); 410 }); 411 }; 412 413 const observer = new IntersectionObserver( 414 (entries) => { 415 if (heroSection) { 416 const heroBottom = heroSection.getBoundingClientRect().bottom; 417 if (heroBottom > window.innerHeight * 0.35) { 418 clearActiveLink(); 419 return; 420 } 421 } 422 423 const visibleEntries = entries 424 .filter((entry) => entry.isIntersecting) 425 .sort((a, b) => b.intersectionRatio - a.intersectionRatio); 426 427 if (visibleEntries.length > 0) {
428 setActiveLink(visibleEntries[0].target.id); 429 } else { 430 clearActiveLink(); 431 } 432 }, 433 { 434 rootMargin: "-25% 0px -45% 0px", 435 threshold: [0.2, 0.35, 0.5, 0.7] 436 } 437 ); 438 439 observedSections.forEach((section) => observer.observe(section)); 440 } 441 </script>
441 442</body> 443</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.