-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmoral.html
204 lines (186 loc) · 8.87 KB
/
moral.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
197
198
199
200
201
202
203
204
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MIND BOOSTING — moral stories videos and read e-books</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Watch and read a collection of mind boosting's moral stories for kids in hindi and english. Dive into the world of moral stories today. So why wait? watch and share with friends now." />
<meta name="keywords" content="moral stories for kids" />
<link rel="shortcut icon" href="./images/MBC-logo/favicon.png" type="image/x-icon">
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<script src="js/respond.min.js"></script>
</head>
<body>
<div class="fh5co-loader"></div>
<div id="page">
<nav class="fh5co-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-2">
<div id="fh5co-logo"><a href="index.html">Mind Boosting...</a></div>
</div>
<div class="col-md-6 col-xs-6 text-center menu-1">
<ul>
<li class="has-dropdown">
<a>Classes</a>
<ul class="dropdown">
<li><a href="https://www.youtube.com/@Mindboostingclasses/playlists?app=desktop&view=50&flow=list&shelf_id=4" target="_blank">class 3</a></li>
<li><a href="https://www.youtube.com/@Mindboostingclasses/playlists?app=desktop&view=50&flow=list&shelf_id=5" target="_blank">class 4</a></li>
<li><a href="https://www.youtube.com/@Mindboostingclasses/playlists?app=desktop&view=50&flow=list&shelf_id=6" target="_blank">class 5</a></li>
<li><a href="https://www.youtube.com/@Mindboostingclasses/playlists?app=desktop&view=50&flow=list&shelf_id=7" target="_blank">class 6</a></li>
<li><a href="https://www.youtube.com/@Mindboostingclasses/playlists?app=desktop&view=50&flow=list&shelf_id=9" target="_blank">class 7</a></li>
</ul>
</li>
<li class="has-dropdown">
<a>Courses</a>
<ul class="dropdown" style="width: 208.5px;">
<li><a href="https://www.youtube.com/playlist?list=PLjW63lGVlB1yD_VDzicyi59Y32uGVSYj7" target="_blank">English Speaking Course</a></li>
</ul>
</li>
<li><a href="https://www.youtube.com/c/mindboostingclasses" target="_blank">Our Channel</a></li>
<li><a href="about.html">About</a></li>
<li class="has-dropdown">
<a>Contact Us</a>
<ul class="dropdown" style="width: 208.5px;">
<li><a href="https://mail.google.com/mail/u/0/?hl=en#drafts?compose=GTvVlcRwRdnhWBmXkpXbTWjcVZVzPrjPddBfFTGkBKnkTxqzWqJmczttVrpxSqqbFWrRdNXzTkWJD" target="_blank">Gmail</a></li>
<li><a href="tel:+918383913879" target="_blank">Phone Number</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</nav>
<header id="fh5co-header" class="fh5co-cover fh5co-cover-sm" role="banner" style="background-color: greenyellow;">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2 text-center">
<div class="display-t">
<div class="display-tc animate-box" data-animate-effect="fadeIn">
<!-- <span class="moral-emoji">💐</span> -->
<h1 id="moral-text">💐 Moral Stories</h1>
<!-- <span class="moral-emoji">💐</span> -->
</div>
</div>
</div>
</div>
</div>
</header>
<div class="main-heading" style="padding-bottom: 0 !important;">
<div class="fh5co-heading">
<p>Watch and read a collection of mind boosting's moral stories for kids in hindi and english. Dive into the world of moral stories today. So why wait? watch and share with friends now.</p>
</div>
</div>
<div class="stories-container">
<div class="stories">
<div class="videos">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/p2HENTtZ_-E?list=PLjW63lGVlB1z8mgZHcCo4DdyXgKv7Gcec" title="The slave and the lion story in english || short moral story || english short story with moral" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="t-a-s">
<h3 class="title">The Slave And The Lion</h3>
<audio controls style="margin: 2.5% auto;">
<source src="./audios/The-Slave-And-The-Lion.mpeg" type="audio/mpeg">
browser does not support this audio
</audio>
<div class="pdf">
<img class="pdf-icon" src="./images/pdf.png" alt="">
<a href="./PDFs/The-Slave-And-The-Lion.pdf" target="_blank" class="pdf-link" style="font-size: 17.5px;">The Slave And The Lion</a>
<a href="./PDFs/The-Slave-And-The-Lion.pdf" download="The Slave And The Lion" class="pdf-download"><span class="material-symbols-outlined">download</span></a>
</div>
</div>
</div>
<div class="stories">
<div class="videos">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/VK17RO_qfAw?list=PLjW63lGVlB1z8mgZHcCo4DdyXgKv7Gcec" title="The farmer and the snake story in english || short moral story || english short story with moral" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="t-a-s">
<h3 class="title">The Farmer And The Snake</h3>
<audio controls style="margin: 2.5% auto;">
<source src="./audios/The-Farmer-And-The-Snake.mpeg" type="audio/mpeg">
browser does not support this audio
</audio>
<div class="pdf">
<img class="pdf-icon" src="./images/pdf.png" alt="">
<a href="./PDFs/The-Farmer-And-The-Snake.pdf" target="_blank" class="pdf-link" style="font-size: 17.5px;">The Farmer And The Snake</a>
<a href="./PDFs/The-Farmer-And-The-Snake.pdf" download="The Farmer And The Snake" class="pdf-download"><span class="material-symbols-outlined">download</span></a>
</div>
</div>
</div>
<div class="stories">
<div class="videos">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/QDNvGlxdt90" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="t-a-s">
<h3 class="title">ब्राह्मण और बकरी</h3>
<audio controls style="margin: 2.5% auto;">
<source src="./audios/braham-aur-bakri.mpeg" type="audio/mpeg">
browser does not support this audio
</audio>
<div class="pdf">
<img class="pdf-icon" src="./images/pdf.png" alt="">
<a href="./PDFs/brahman-aur-bakri.pdf" class="pdf-link" style="font-size: 17.5px;">ब्राह्मण और बकरी</a>
<a href="./PDFs/brahman-aur-bakri.pdf" download="The Farmer And The Snake" class="pdf-download"><span class="material-symbols-outlined">download</span></a>
</div>
</div>
</div>
</div>
<footer id="fh5co-footer" role="contentinfo">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-4 fh5co-widget">
<h3>Mind Boosting...</h3>
<p>Our goal is to sharpen your thinking.</p>
</div>
<div class="row copyright">
<div class="col-md-12 text-center">
<p>
<small class="block">© 2023 Mind Boosting... All Rights Reserved.</small>
</p>
<p>
<ul class="fh5co-social-icons">
<a href="https://www.youtube.com/c/mindboostingclasses"><img src="./images/youtube.png" alt="YouTube" width="30px" height="30px"></a>
</ul>
</p>
</div>
</div>
</div>
</footer>
</div>
<div class="gototop js-top">
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- countTo -->
<script src="js/jquery.countTo.js"></script>
<!-- Flexslider -->
<script src="js/jquery.flexslider-min.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
</body>
</html>