-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
344 lines (310 loc) · 13.3 KB
/
about.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
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Orbitor,business,company,agency,modern,bootstrap4,tech,software">
<meta name="author" content="themefisher.com">
<title>Novena- Health & Care Medical template</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
<!-- bootstrap.min css -->
<link rel="stylesheet" href="plugins/bootstrap/css/bootstrap.min.css">
<!-- Icon Font Css -->
<link rel="stylesheet" href="plugins/icofont/icofont.min.css">
<!-- Slick Slider CSS -->
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick.css">
<link rel="stylesheet" href="plugins/slick-carousel/slick/slick-theme.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="css/style.css">
</head>
<body id="top">
<header>
<div class="header-top-bar">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<ul class="top-bar-info list-inline-item pl-0 mb-0">
<li class="list-inline-item"><a href="mailto:support@gmail.com"><i class="icofont-support-faq mr-2"></i>umbrellabtc2022@gmail.com</a></li>
<li class="list-inline-item"><i class="icofont-location-pin mr-2"></i>Address Trivandrum,Kerala,India</li>
</ul>
</div>
<div class="col-lg-6">
<div class="text-lg-right top-right-bar mt-2 mt-lg-0">
<a href="tel:+23-345-67890" >
<span>Call Now : </span>
<span class="h4">+91 7403304301</span>
</a>
</div>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-lg navigation" id="navbar">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="" class="img-fluid logo" >
</a>
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarmain" aria-controls="navbarmain" aria-expanded="false" aria-label="Toggle navigation">
<span class="icofont-navigation-menu"></span>
</button>
<div class="collapse navbar-collapse" id="navbarmain">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="service.html">Services</a></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="doctor.html" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Fix Appoinment <i class="icofont-thin-down"></i></a>
<ul class="dropdown-menu" aria-labelledby="dropdown03">
<li><a class="dropdown-item" href="appoinment.html">Appoinment</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section class="page-title bg-1">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="block text-center">
<span class="text-dark">About Us</span>
<h1 class="text-capitalize mb-5 text-lg">Umbrella</h1>
<!-- <ul class="list-inline breadcumb-nav">
<li class="list-inline-item"><a href="index.html" class="text-white">Home</a></li>
<li class="list-inline-item"><span class="text-white">/</span></li>
<li class="list-inline-item"><a href="#" class="text-white-50">About Us</a></li>
</ul> -->
</div>
</div>
</div>
</div>
</section>
<section class="section about-page">
<div class="container">
<div class="row">
<div class="col-lg-4">
<h2 class="title-color">Personal care for your children</h2>
</div>
<div class="col-lg-8">
<p>Raising a child with special needs can be a lot of work. You want to provide them with the best support and services to maximize their potential while protecting them from being hurt.</p>
<img src="images/about/sign.png" alt="" class="img-fluid">
</div>
</div>
</div>
</section>
<section class="fetaure-page ">
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="section-header">
<h2>Our Mission </h2>
<p>"Autism is functionally reversible (or) improved from existing severity in majority of clients through early intervention using integrated approach."</p>
</div>
<div class="row gy-4 mt-5">
<div class="col-lg-6">
<h3>"At the end of the day, we don’t dream our lives…WE LIVE THEM!"</h3>
<img src="images/about/family.jpg" class="img-fluid rounded-4 mb-4" alt="">
<p>Autism spectrum disorder (ASD) is a developmental disability caused by differences in the brain. People with ASD often have problems with social communication and interaction, and restricted or repetitive behaviors or interests. People with ASD may also have different ways of learning, moving, or paying attention.</p>
<p>Collaborate with therapists and teachers. Talk about ways that you can work together to create consistency in building skills and fostering independence. Open communication allows you to share strategies that are or aren’t working well and come up with new approaches so you’re all on the same page.</p>
</div>
<div class="col-lg-6">
<div class="content ps-0 ps-lg-5">
<p class="fst-italic">
Provide choices. One easy way of starting to build independence is by giving your child choices so they are more in control of their life. This can be applied to many situations, whether it’s deciding between wearing a blue shirt or a green shirt, picking a banana or an orange for snack, or choosing whether to brush their teeth or put on pajamas first. They are able to advocate for their preferences.
</p>
<ul>
<li><i class="bi bi-check-circle-fill"></i> To improve the quality of life for individuals and their families.
</li>
<li><i class="bi bi-check-circle-fill"></i>To be the premiere resource for specialized Autism Services.</li>
<li><i class="bi bi-check-circle-fill"></i> To give access to quality mental health care to individuals and their families.</li>
</ul>
<p>
To optimize human potential, increase quality of life and maximize engagement with life and values.
</p>
<div class="position-relative mt-4">
<img src="images/about/family2.jpeg" class="img-fluid rounded-4" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<div class="container-xxl py-5 mt-3 bg-gray">
<div class="container">
<div class="row g-5">
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="position-relative overflow-hidden h-100" style="min-height: 400px;">
<img class="position-absolute w-100 h-100 pt-5 pe-5" src="images/about/about-2 copy.jpg " alt="" style="object-fit: cover;">
<img class="position-absolute top-0 end-0 bg-white ps-2 pb-2" src="images/about/about-1 copy.jpg" alt="" style="width: 200px; height: 200px;">
</div>
</div>
<div class="col-lg-6 wow fadeInUp" data-wow-delay="0.5s">
<div class="h-100">
<h1 class="display-6 mb-5">We Help People In Need Around The World</h1>
<div class="bg-light border-bottom border-5 border-primary rounded p-4 mb-4">
<p class="text-dark mb-2">BEHAVIOUR THERAPIST</p>
<span class="text-primary">Saranya Mohan, Founder</span>
</div>
<p class="mb-5">Umbrella which is in the Trivandrum city, provide services for students educator and parents, in an aim to develop each student’s academic, social potential and to over come development delays and learning difficulties.</p>
<a class="btn about-btn btn-primary py-2 px-3 me-3" href="">
Learn More
<div class="d-inline-flex btn-sm-square bg-white text-primary rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a>
<a class="btn about-btn btn-outline-primary py-2 px-3" href="">
Contact Us
<div class="d-inline-flex btn-sm-square bg-primary text-white rounded-circle ms-2">
<i class="fa fa-arrow-right"></i>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<section class="section testimonial mt-3">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-6">
<div class="section-title">
<h2 class="mb-4">What they say about us</h2>
<div class="divider my-4"></div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-lg-6 testimonial-wrap offset-lg-6">
<div class="testimonial-block">
<div class="client-info ">
<h4>Amazing service!</h4>
<span>Sree Lekshmi</span>
</div>
<p>
The session at Umbrella was very good. Need lot of help in reversing autism in him, I put him into a meaningful track
</p>
<i class="icofont-quote-right"></i>
</div>
<div class="testimonial-block">
<div class="client-info">
<h4>Expert doctors!</h4>
<span>Nandhini</span>
</div>
<p>
Complete process was explained in very nice and appropriate ways. Explanations were done with appropriate examples which are connected to our daily life routine.
</p>
<i class="icofont-quote-right"></i>
</div>
<div class="testimonial-block">
<div class="client-info">
<h4>Good Support!</h4>
<span>Abhiram</span>
</div>
<p>
Session was very detailed, nicely explained. Doctor gave all the time we need it to explain the topic and took all questions patiently.
</p>
<i class="icofont-quote-right"></i>
</div>
<div class="testimonial-block">
<div class="client-info">
<h4>Nice Environment!</h4>
<span>Jeevan</span>
</div>
<p>
Got a very good advice on the anxiety aspect of my son and various solutions to overcome the same.
</p>
<i class="icofont-quote-right"></i>
</div>
</div>
</div>
</div>
</section>
<!-- footer Start -->
<footer class="footer section bg-white">
<div class="container">
<div class="row">
<div class="col-lg-4 mr-auto col-sm-6">
<div class="widget mb-5 mb-lg-0">
<div class="logo mb-4">
<img src="images/logo.png" alt="" class="img-fluid">
</div>
<p>Online Consultation, Assessment, Training, Treatment.</p>
<ul class="list-inline footer-socials mt-4">
<li class="list-inline-item"><a href="https://www.facebook.com/profile.php?id=100087289132585&mibextid=ZbWKwL"><i class="icofont-facebook"></i></a></li>
<li class="list-inline-item"><a href="https://instagram.com/umbrella_btc2022"><i class="icofont-instagram"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="widget widget-contact mb-5 mb-lg-0">
<h4 class="text-capitalize mb-3">Get in Touch</h4>
<div class="divider mb-4"></div>
<div class="footer-contact-block mb-4">
<div class="icon d-flex align-items-center">
<i class="icofont-email mr-3"></i>
<span class="h6 mb-0">Support Available for 24/7</span>
</div>
<h4 class="mt-2"><a href="tel:+23-345-67890">umbrella_btc2022@email.com</a></h4>
</div>
<div class="footer-contact-block">
<div class="icon d-flex align-items-center">
<i class="icofont-support mr-3"></i>
<span class="h6 mb-0">Mon to Fri : 08:30 - 18:00</span>
</div>
<h4 class="mt-2"><a href="tel:+23-345-67890">+91 7403304301</a></h4>
</div>
</div>
</div>
</div>
<div class="footer-btm py-4 mt-5">
<div class="row align-items-center justify-content-between">
<div class="col-lg-6">
<div class="copyright">
© Copyright Reserved to <span class="text-color">Umbrella</span></a>
</div>
</div>
<div class="col-lg-6">
<div class="subscribe-form text-lg-right mt-5 mt-lg-0">
<form action="#" class="subscribe">
<input type="text" class="form-control" placeholder="Your Email address">
<a href="#" class="btn btn-main-2 btn-round-full">Subscribe</a>
</form>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4">
<a href="https://api.whatsapp.com/send?phone=7403304301" class="float" target="_blank">
<i style="margin-top: 5px;" class="icofont-whatsapp my-float"></i>
</a>
</div>
</div>
</div>
</div>
</footer>
<!--
Essential Scripts
=====================================-->
<!-- Main jQuery -->
<script src="plugins/jquery/jquery.js"></script>
<!-- Bootstrap 4.3.2 -->
<script src="plugins/bootstrap/js/popper.js"></script>
<script src="plugins/bootstrap/js/bootstrap.min.js"></script>
<script src="plugins/counterup/jquery.easing.js"></script>
<!-- Slick Slider -->
<script src="plugins/slick-carousel/slick/slick.min.js"></script>
<!-- Counterup -->
<script src="plugins/counterup/jquery.waypoints.min.js"></script>
<script src="plugins/shuffle/shuffle.min.js"></script>
<script src="plugins/counterup/jquery.counterup.min.js"></script>
<!-- Google Map -->
<script src="plugins/google-map/map.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAkeLMlsiwzp6b3Gnaxd86lvakimwGA6UA&callback=initMap"></script>
<script src="js/script.js"></script>
<script src="js/contact.js"></script>
</body>
</html>