-
Notifications
You must be signed in to change notification settings - Fork 0
/
education.html
234 lines (193 loc) · 14 KB
/
education.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
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>Zoo Utopia - Educational Programs</title>
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="16x16" href="assets/img/zooLogo.png" >
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Quicksand:wght@600;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Vendor styles-->
<link rel="stylesheet" media="screen" href="assets/css/aos.css"/>
<link rel="stylesheet" media="screen" href="assets/css/theme.min.css">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Navbar Start -->
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top py-lg-0 px-4 px-lg-5" >
<a href="homepage.html" class="navbar-brand p-0">
<img class="img-fluid me-3" src="img/icon/icon-10.png" alt="Icon">
</a>
<div class="collapse navbar-collapse py-4 py-lg-0" id="navbarCollapse">
<div class="navbar-nav ms-auto">
<a href="homepage.html" class="nav-item nav-link active">Home</a>
<a href="aboutus.html" class="nav-item nav-link">About Us</a>
<a href="login.html" class="nav-item nav-link">Login</a>
<a href="visitorinformation.html" class="nav-item nav-link">Visitors Information</a>
<div class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">What we are upto</a>
<div class="dropdown-menu rounded-0 rounded-bottom m-0">
<a href="education.html" class="dropdown-item">Educational Programs</a>
<a href="events.html" class="dropdown-item">Events and Exhibitions</a>
<a href="donate.html" class="dropdown-item">Support by Donating</a>
</div>
</div>
<a href="contactus.html" class="nav-item nav-link">Contact Us</a>
</div>
<a href="tickets.html" class="btn btn-primary">Tickets<i class="fa fa-arrow-right ms-3"></i></a>
</div>
</nav>
<!-- Navbar End -->
<!-- Page Header Start -->
<div class="container-fluid header-bg py-5 mb-5">
<div class="container py-5">
<h1 class="display-4 text-white mb-3 animated slideInDown">Educational Programs</h1>
<nav aria-label="breadcrumb animated slideInDown">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item"><a class="text-white" href="#">Home</a></li>
<li class="breadcrumb-item"><a class="text-white" href="#">What we are upto</a></li>
<li class="breadcrumb-item text-primary active" aria-current="page">Educational Programs</li>
</ol>
</nav>
</div>
</div>
<!-- Page Header End -->
<!-- Features-->
<section class="bg-secondary py-5">
<div class="container py-md-2 py-lg-4 my-xl-2 my-xxl-3">
<!-- Item-->
<div class="row align-items-center py-3 py-sm-4 py-lg-5 mb-3 my-sm-2 my-md-3 my-lg-0 my-xl-2 my-xxl-4" data-aos="fade-up" data-aos-duration="600" data-aos-offset="280" data-disable-parallax-down="md">
<div class="col-md-6 col-xxl-5 offset-lg-1 offset-xl-2 offset-xxl-3 order-md-2 pb-1 pb-sm-2 pb-md-0 mb-4 mb-md-0">
<div class="position-relative"><img class="d-block rounded-1" src="assets/img/slider2.png" alt="Image">
<div class="d-none d-lg-block position-absolute top-0 end-0 translate-middle-y w-auto pe-1 me-4">
<div data-aos="fade-up" data-aos-duration="950" data-aos-offset="280">
<svg class="text-info" width="107" height="107" viewBox="0 0 107 107" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M106.192 53.0468C106.225 63.5385 103.146 73.8042 97.3443 82.5459C91.5426 91.2875 83.279 98.1125 73.5985 102.158C63.918 106.203 53.2553 107.287 42.9589 105.272C32.6624 103.257 23.1946 98.2343 15.7528 90.8387C8.31094 83.4431 3.22928 74.0068 1.15039 63.7231C-0.92849 53.4394 0.0887821 42.7702 4.07357 33.0647C8.05836 23.3591 14.8317 15.0531 23.537 9.19711C32.2424 3.34107 42.4887 0.197979 52.9804 0.16529L53.1457 53.2121L106.192 53.0468Z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-5 col-xl-4 order-md-1" data-aos="fade-up" data-aos-duration="800" data-aos-offset="180" data-disable-parallax-down="md">
<div class="pe-md-4 pe-lg-0">
<h2 class="h1 pb-sm-2 pb-lg-3">Wild Explorers Program</h2>
<h5 class="h6 pb-sm-2 pb-lg-3">Embark on a Virtual Safari of Knowledge</h5>
<ul>
<li>Explore the wonders of wildlife through our online tutoring sessions via Zoom, Microsoft Teams, Skype, and other interactive technologies.</li>
<li>Tailored for students globally, including those in remote areas or abroad.</li>
<li>Learning knows no bounds; sessions can be conducted anywhere with internet access.</li>
<li>Students have the freedom to choose specific topics for each engaging lesson.</li>
<li>Perfect for young explorers seeking an exciting educational adventure from the comfort of their homes.</li>
</ul>
</div>
</div>
</div>
<!-- Item-->
<div class="row align-items-center py-3 py-sm-4 py-lg-5 mb-3 my-sm-2 my-md-3 my-lg-0 my-xl-2 my-xxl-4" data-aos="fade-up" data-aos-duration="600" data-aos-offset="280" data-disable-parallax-down="md">
<div class="col-md-6 col-xxl-5 offset-xl-1 offset-xxl-2 order-md-2 pb-1 pb-sm-2 pb-md-0 mb-4 mb-md-0">
<div class="position-relative"><img class="d-block rounded-1 position-relative zindex-2" src="assets/img/slider3.png" alt="Image">
<div class="d-none d-lg-block position-absolute top-0 start-0 translate-middle-x w-auto pt-3 mt-5">
<div data-aos="fade-up" data-aos-duration="950" data-aos-offset="280">
<svg class="text-primary" width="160" height="160" viewBox="0 0 160 160" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<circle cx="80" cy="80" r="80"></circle>
</svg>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-xl-5 order-md-1" data-aos="fade-up" data-aos-duration="800" data-aos-offset="180" data-disable-parallax-down="md">
<div class="pe-md-4 pe-lg-0">
<h2 class="h1 pb-sm-2 pb-lg-3">Conservation Champions Academy</h2>
<h5 class="h6 pb-sm-2 pb-lg-3">Unleashing Environmental Heroes Online</h5>
<ul>
<li>Join our virtual academy committed to fostering environmental stewardship through online tutoring using Google Meet, Microsoft Teams, Skype, and cutting-edge technologies.</li>
<li>Accessible to students globally, connecting learners passionate about conservation.</li>
<li>Learning transcends geographical boundaries, with sessions adaptable to any location with internet access.</li>
<li>Ideal for aspiring eco-warriors who want to make a difference from the comfort of their homes.</li>
<li>Choose between personalized one-on-one lessons or collaborative group experiences with peers and educators.</li>
</ul>
</div>
</div>
</div>
<!-- Item-->
<div class="row align-items-center py-3 py-sm-4 py-lg-5 my-sm-2 my-md-3 my-lg-0 my-xl-2 my-xxl-4" data-aos="fade-up" data-aos-duration="600" data-aos-offset="280" data-disable-parallax-down="md">
<div class="col-md-6 col-xxl-5 offset-lg-1 offset-xl-2 offset-xxl-3 order-md-2 pb-1 pb-sm-2 pb-md-0 mb-4 mb-md-0">
<div class="position-relative"><img class="d-block rounded-1" src="assets/img/slider4.png" alt="Image">
<div class="d-none d-lg-block position-absolute top-0 start-50 translate-middle w-auto ms-2">
<div data-aos="fade-up" data-aos-duration="950" data-aos-offset="280">
<svg class="text-danger" width="108" height="111" viewBox="0 0 108 111" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
<path d="M68.9244 1.23484C69.1072 0.713703 69.6783 0.438641 70.1961 0.630706C78.5792 3.74012 86.1086 8.79818 92.1601 15.3932C98.4371 22.2339 102.93 30.5171 105.241 39.5091C107.552 48.501 107.61 57.9241 105.41 66.9438C103.209 75.9634 98.8179 84.3011 92.6254 91.2184C86.4328 98.1356 78.6299 103.419 69.9078 106.6C61.1857 109.782 51.8136 110.763 42.6217 109.457C33.4298 108.151 24.7018 104.598 17.2109 99.1136C9.98911 93.8259 4.13195 86.8998 0.117483 78.9106C-0.130486 78.4171 0.079957 77.8191 0.577752 77.5799L21.7446 67.4094C22.2425 67.1702 22.8384 67.3807 23.0936 67.8705C25.2883 72.084 28.4252 75.7403 32.2656 78.5522C36.3752 81.5612 41.1634 83.5102 46.2062 84.2266C51.2489 84.943 56.3905 84.4048 61.1756 82.6595C65.9606 80.9142 70.2414 78.0157 73.6387 74.2208C77.0359 70.426 79.4449 65.8518 80.6522 60.9036C81.8594 55.9553 81.8277 50.7857 80.5598 45.8526C79.2919 40.9196 76.827 36.3753 73.3834 32.6224C70.1654 29.1154 66.1855 26.4006 61.7558 24.6837C61.2409 24.4841 60.9659 23.9149 61.1488 23.3938L68.9244 1.23484Z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-5 col-xl-4 order-md-1" data-aos="fade-up" data-aos-duration="800" data-aos-offset="180" data-disable-parallax-down="md">
<div class="pe-md-4 pe-lg-0">
<h2 class="h1 pb-sm-2 pb-lg-3">ZooMinds Learning Hub</h2>
<h5 class="h6 pb-sm-2 pb-lg-3">Unlocking Nature's Mysteries Online </h5>
<ul>
<li>Tailored for students worldwide, eliminating geographic constraints for an inclusive learning experience.</li>
<li>Any location with internet access becomes a classroom, breaking down barriers to education.</li>
<li>Opt for personalized one-on-one guidance or collaborative group sessions led by our experienced educators.</li>
<li>Immerse yourself in the world of wildlife through our ZooMinds Learning Hub, offering online tutoring via Google Meet, Microsoft Teams, Skype, and innovative platforms.</li>
<li>Perfect for inquisitive minds seeking an enriching educational experience without leaving home.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer Start -->
<div class="container-fluid footer bg-dark text-light footer mt-5 pt-5">
<footer class="footer dark-mode bg-dark pb-3 pt-sm-0 py-md-0 py-lg-0">
<div class="container pt-lg-3 mt-xl-3">
<div class="border-bottom text-center pb-4">
<ul class="nav justify-content-center py-1 pb-sm-2">
<li class="nav-item"><a class="nav-link py-2 px-3 mx-1" href="homepage.html">Home</a></li>
<li class="nav-item"><a class="nav-link py-2 px-3 mx-1" href="contactus.html">Contact us</a></li>
<li class="nav-item"><a class="nav-link py-2 px-3 mx-1" href="aboutus.html">About us</a></li>
</ul>
</div>
<div class="d-sm-flex align-items-center justify-content-between pt-4 mt-2 mt-sm-0">
<div class="d-flex justify-content-center order-sm-2 mb-4 mb-sm-0">
<button type="button" class="btn btn-primary btn-floating mx-1">
<i class="fab fa-facebook-f"></i>
</button>
<button type="button" class="btn btn-primary btn-floating mx-1">
<i class="fab fa-twitter"></i>
</button>
<button type="button" class="btn btn-primary btn-floating mx-1">
<i class="fab fa-linkedin-in"></i>
</button>
</div>
<p class="fs-sm order-sm-1 text-center mb-0"><span class="opacity-70">Made By </span><a class="nav-link d-inline fw-normal p-0" href="img/thankyou.JPG" target="_blank" rel="noopener">Ishmal Faheem, Aleena Zahra, Ayman Irshad and Abdul Rafay</a></p>
</div>
</div>
</footer>
</div>
<!-- Footer End -->
<!-- Back to Top -->
<a href="#" class="btn btn-lg btn-primary btn-lg-square back-to-top"><i class="bi bi-arrow-up"></i></a>
<!-- JavaScript Libraries -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Vendor scripts: js libraries and plugins-->
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/smooth-scroll.polyfills.min.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="assets/js/aos.js"></script>
<!-- Main theme script-->
<script src="assets/js/theme.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>