-
Notifications
You must be signed in to change notification settings - Fork 0
/
stories.html
166 lines (166 loc) · 6.46 KB
/
stories.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stories | 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="courses.html">Games</a>
</li>
<li>
<a href="courses.html">Courses</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
</nav>
</header>
<!--Navigation Bar Code ends-->
<!--Introduction about the stories-->
<div class="our-stories">
<h2 class="heading">Stories</h2>
</div>
<div class="story-list" id="story">
<div class="space">
<ul>
<li class="fade-in-right-target">
<strong>Interactive Stories: A Launchpad for Young Minds</strong>
<p>Our interactive stories are meticulously crafted to captivate young minds while fostering essential skills. By immersing children in engaging narratives, we enhance their reading comprehension, sparking a vibrant imagination. Scientific research underscores the power of science fiction in sharpening analytical thinking and fueling creative problem-solving. Every tale we weave is a harmonious blend of entertainment and education, ensuring a delightful and enriching learning experience.</p>
</li>
<div class="back-to-top"><a href="#"><i class="fa-solid fa-circle-arrow-up"></i></a></div>
<li class="fade-in-right-target">
<strong>Learning Beyond the Book:</strong>
<p>learning should be an exciting adventure, not a chore. Our content goes beyond mere information, encouraging children to connect classroom knowledge with real-world scenarios. By making learning practical and relatable, we empower them to become curious explorers of the world around them. We are passionate about creating a nurturing environment where children can thrive. Our platform is being designed to be a haven for learning, laughter, and growth. </p>
</li>
</ul>
</div>
</div>
<!--Games section Ends-->
<!--Stories list section Starts-->
<div id="course-list" class="courses story-list">
<h2 class="heading">Stories</h2>
<br>
<div class="div-course">
<div class="box fade-in-up-target"><img class="fade-in-up-target" src="images/solar.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>
<!--Stories 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>