-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
115 lines (98 loc) · 6.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
<head>
<title>CodeKids Academy</title>
<link rel="stylesheet" href="assets/index.css"/>
</head>
<body>
<header>
<img class="logo" src="assets/media/designer-200h.png" alt="CodeKids Academy Logo">
<nav>
<a href="#">Features</a>
<a href="#">Services</a>
<a href="#">About Us</a>
<a href="#">Contact</a>
<a href="#">Courses</a>
</nav>
<button class="signupButton">SIGN UP</button>
</header>
<main>
<div class="main-container">
<div class="main-box">
<h1>CodeKids Academy</h1>
<p>CodeKids Academy offers engaging technology tutoring for young learners, fostering their digital literacy and creativity.</p>
<br>
<a><!--Get Started-->Join the waiting list!</a>
</div>
<div class="main-img">
<div class="main-box"><img src="assets/media/mainimg.jpg"></div></div>
</div>
</main>
<div class="stats">
<div class="stat">
<div class="title">Children Taught</div>
<div class="circle" data-target="500">0</div>
</div>
<div class="stat">
<div class="title">Books Donated</div>
<div class="circle" data-target="1200">0</div>
</div>
<div class="stat">
<div class="title">Projects Completed</div>
<div class="circle" data-target="75">0</div>
</div>
</div>
<div class="features">
<h2>Learn Coding. <span class="efficiently">Efficiently.</span></h2>
<div class="features-grid">
<div class="features-grid-item"><p>At CodeKids Academy, we revolutionize learning to code for young minds by providing interactive sessions that replace traditional methods, ensuring your child not only grasps essential tech skills but also enjoys the journey of exploration and creation, saving you from ineffective and time-wasting approaches.</p>
</div>
<div class="features-grid-item"></div>
<div class="features-grid-item"><img src="assets/media/features1.png"></div>
<div class="features-grid-item"><h3>Interactive Learning Pathways</h3>
<p>Explore our meticulously curated resources, where each topic is paired with engaging activities like practice sessions, coding challenges, quizzes, and more. If one method doesn't resonate, switch gears seamlessly to another, ensuring a dynamic and effective learning experience for your child.</p></div>
<div class="features-grid-item"><h3>Coding Proficiency Pathway</h3>
<p>Dive into Coding practice problems with our extensive array of resources tailored for various skill levels. From beginner basics to advanced challenges, unlock the power of Python, Java, ect. with our comprehensive learning materials, designed to elevate your coding journey.</p>
</div>
<div class="features-grid-item"><img src="assets/media/features2.png"></div>
<div class="features-grid-item"><img src="assets/media/features3.png"></div>
<div class="features-grid-item"><h3>Easy-to-use IDE</h3>
<p>With our user-friendly IDE software, tackling coding practice problems becomes a breeze. With features designed for learners of all levels, our IDE empowers students to write, debug, and test code seamlessly, fostering a smooth and enjoyable learning experience.</p>
</div>
<div class="features-grid-item"><h3>Instant Feedback & Detailed Results</h3>
<p>After running your code in our IDE, you'll receive instant feedback with a progress bar indicating the number of test cases passed. Each test case is accompanied by an expected result, allowing you to compare your output efficiently. Additionally, our detailed results display your output alongside the expected result, making it easy to identify any differences and iterate on your solution effectively.</p></div>
<div class="features-grid-item"><img src="assets/media/features4.png"></div>
</div>
</div>
<div class="options-grid">
<div class="options-grid-item"><h2>AP CSA</h2><br>
<p>Dive into the fundamentals of computer science with our AP CSA course. From mastering Java programming concepts to tackling complex algorithms, this course prepares students for success in the AP exam and beyond.</p>
<a>Learn More</a>
</div>
<div class="options-grid-item"><h2>AP CSP</h2>
<p>Explore the breadth of computer science with our AP CSP course. Through hands-on projects and interactive lessons, students will delve into topics such as computational thinking, data analysis, and the impact of technology on society, laying a solid foundation for further studies in computer science.</p>
<a>Learn More</a>
</div>
<div class="options-grid-item"><h2>Python for Beginners</h2>
<p>Embark on a journey into the world of programming with our Beginner Python Course. Whether you're new to coding or looking to expand your skills, this course offers a gentle introduction to Python, covering basic syntax, data types, and problem-solving techniques to kickstart your coding adventures.</p>
<a>Learn More</a>
</div>
<div class="options-grid-item"><h2>View All</h2>
<p>Explore our full range of courses and resources by browsing our comprehensive catalog. From introductory programming courses to advanced topics in computer science, there's something for every learner eager to explore the exciting realm of technology.</p>
<a>Learn More</a>
</div>
</div>
<div class="info-grid">
<div>
<h2>What's the story behind our initiative?</h2>
<h3>Founder & President - Aarush Kute</h3>
</div>
<p>Our initiative is deeply rooted in my personal journey, ignited by a pivotal moment in 4th grade when I first encountered an Arduino Uno. The sheer thrill of creating something tangible with technology sparked a profound interest that would shape my future. As I delved deeper into Arduino projects, I found myself not only fascinated but driven to push the boundaries of what I could achieve.
<br><br><br>
With each project came new challenges, and I discovered the power of programming to bring my ideas to life. I vividly remember the satisfaction of seeing my code pass all test cases on a particularly challenging problem—an achievement that fueled my passion for programming. This dedication and practice led me to remarkable successes, earning numerous awards on a national level and even placing in the top 40 globally in prestigious coding contests.
<br><br><br>
These experiences instilled in me a desire to share the wonders of technology with younger generations. I realized the transformative impact that early exposure to STEM fields can have, and I'm committed to providing opportunities for kids to develop a love for technology just as I did. Our initiative aims to inspire and empower the next generation of innovators, fostering a community where curiosity thrives and dreams take flight in the boundless world of technology.</p>
</div>
<script src="js/index.js"></script>
</body>
</html>