-
Notifications
You must be signed in to change notification settings - Fork 0
/
courses.html
196 lines (196 loc) · 6.88 KB
/
courses.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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Courses | Mini Minds</title>
<link rel="icon" type="image" href="images/logo.png">
<link rel="stylesheet" href="styles.css">
<!--Fonts links-->
<link href="https://fonts.googleapis.com/css2?family=Anek+Devanagari:wght@100..800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<!--Fonts links-->
<!--Animation js-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/ScrollTrigger.min.js"></script>
<!--Animation js-->
</head>
<body class="night">
<!--Loader animation-->
<div id="pulse-wrapper">
<div id="pulse">
<span></span>
<span></span>
</div>
</div>
<!--End of loader animation-->
<!--Navigation Bar Code Starts-->
<header>
<div class="logo">
<a href="index.html">Mini <span>Minds</span></a>
</div>
<nav>
<div id="menu-icon" class="menu-icon-1">☰</div>
<ul id="menu-items" class="menu-items-1">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="stories.html">Stories</a>
</li>
<li>
<a href="courses.html">Games</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</header>
<!--Navigation Bar Code ends-->
<!--Courses section Starts-->
<div class="our-courses">
<h2 class="heading">
Our Courses
</h2>
</div>
<div id="courses" class="courses space story-list">
<div class="space">
<p>Unleash your child's potential with our fun and educational games! Designed to make learning an adventure, our platform offers a captivating blend of numbers, letters, and science. Watch as your child's curiosity is ignited and their confidence grows with every challenge conquered. Our games are more than just entertainment; they're a pathway to a brighter future.</p><br>
<ul>
<div class="back-to-top">
<a href="#">
<i class="fa-solid fa-circle-arrow-up"></i>
</a>
</div>
<li class="fade-in-up-target">
<strong>Math Magician:</strong>
<p>Master addition, subtraction, multiplication, and division through fun puzzles and challenges.</p>
</li>
<li class="fade-in-up-target">
<strong>Alphabet Adventure:</strong>
<p>Embark on a journey to discover the magic of letters, words, and reading.</p>
</li>
<li class="fade-in-up-target">
<strong>Coding Corner:</strong>
<p>Learn the basics of coding while creating fun animations and games.</p>
</li>
<li class="fade-in-up-target">
<strong>Science Safari: </strong>
<p>Explore the wonders of the world with interactive experiments and quizzes.</p>
</li>
<li class="fade-in-up-target">
<strong>Logic Labyrinth:</strong>
<p>Sharpen problem-solving skills with engaging puzzles and brain teasers.</p>
</li>
</ul>
</div>
</div>
<!--Courses section Ends-->
<!--Course list section Starts-->
<div id="course-list" class="course-list">
<h2 class="heading">Our Courses</h2><br>
<div class="div-course">
<div class="box fade-in-up-target">
<img class="fade-in-up-target" src="images/English.png" alt="">
</div>
<div class="box fade-in-right-target">
<img src="images/Coding.png" alt="">
</div>
<div class="box fade-in-up-target">
<img class="fade-in-up-target" src="images/Maths.png" alt="">
</div>
<div class="box fade-in-right-target">
<img src="images/Laptop.png" alt="">
</div>
<div class="box fade-in-up-target">
<img class="fade-in-up-target" src="images/Pencil.png" alt="">
</div>
</div>
</div>
<!--Course list section Ends-->
<!--Contact Us section starts-->
<footer>
<!--Contact section intro div-->
<div class="footer-container">
<div class="footer-brand contact">
<a>@Mini
<span>Minds</span>
</a>
<p>Reach us out from contact section for any doubts</p>
</div>
<div class="footer-section" id="contact">
<h2 class="heading">Contacts</h2>
<div>
<p>
<strong>Address:</strong>
<br>AP, India
</p>
<p>
<strong>Contact:</strong>
<br>0123456789
</p>
</div>
</div>
<!--Contact section intro div-->
<!--Social links div starts-->
<div class=" footer-section social-links-div">
<h2 class="heading">Social</h2>
<ul class="quick-links">
<li>
<a class="icon" href="https://www.youtube.com/" target="_blank">
<i class="fab fa-youtube"></i> YouTube
</a>
</li>
<li>
<a class="icon" href="https://www.instagram.com/" target="_blank">
<i class="fab fa-instagram"></i> Instagram
</a>
</li>
<li>
<a class="icon" href="https://www.linkedin.com/" target="_blank">
<i class="fab fa-linkedin"></i> LinkedIn
</a>
</li>
<li>
<a class="icon" href="https://www.facebook.com/" target="_blank">
<i class="fab fa-facebook"></i> FaceBook
</a>
</li>
</ul>
</div>
<!--Social links div ends-->
<!--Quicks links div starts-->
<div class="links-div">
<div class="footer-section quick-links-div">
<h2 class="heading">Quick Links</h2>
<ul class="quick-links">
<li>
<a href="stories.html">Stories</a>
</li>
<li>
<a href="about.html">About Us</a>
</li>
<li>
<a href="courses.html">Courses</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
<!--Quicks links div ends-->
</div>
</footer>
<!--Contact Us section Ends-->
<!--linking javascript-->
<script src="script.js"></script>
<!--linking javascript-->
</body>
</html>