-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
293 lines (262 loc) · 16.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> About We Save Animals</title>
<link rel="icon" href="images/wsa_logo.png" />
<!-- ================================================
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=Montserrat:wght@300;400;500;600;700&display=swap"
rel="stylesheet" />
<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=Permanent+Marker&display=swap" rel="stylesheet">
<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=Comic+Neue:ital,wght@0,300;0,400;1,300&display=swap"
rel="stylesheet">
<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=Kalam:wght@300;400;700&family=Open+Sans:wght@700;800&display=swap"
rel="stylesheet">
<!-- ================================================
CSS
================================================== -->
<link rel="stylesheet" href="styles/general.css" />
<link rel="stylesheet" href="styles/header.css" />
<link rel="stylesheet" href="styles/about.css" />
<link rel="stylesheet" href="styles/footer.css" />
<!-- ================================================
FONT AWESOME
================================================== -->
<script src="https://kit.fontawesome.com/c346eaf8db.js" crossorigin="anonymous"></script>
</head>
<body>
<!-- ____________________________ Navigation bar ___________________________ -->
<header class="navigation_panel container">
<a href="index.html">
<img src="images/wsa_logo.png" alt="wsa-logo" class="wsa-logo large_screen">
</a>
<div class="wsa_medium_screen_logo">
<a href="index.html">
<img src="images/wsa_logo.png" alt="wsa-logo" class="wsa-logo">
</a>
<div class="wsa_name">
<p>We</p>
<p>Save</p>
<p>Animals<span class="wsa-name-dot">.</span></p>
</div>
</div>
<nav class="navbar">
<ul class="navbar-list">
<li><a href="index.html" class="navbar-link">Home</a></li>
<li><a href="about.html" class="navbar-link">About Us</a></li>
<li><a href="gallery.html" class="navbar-link">Gallery</a></li>
<li><a href="contact.html" class="navbar-link">Contact Us</a></li>
<a href="donate.html">
<button class="donate-btn">Donate</button>
</a>
</ul>
</nav>
<div class="hamburger-btn">
<i class="fa-solid fa-bars fa-3x hamburger-icon" style="color: #137136;"></i>
<i class="fa-solid fa-xmark fa-3x hamburger-icon" style="color: #137136;"></i>
</div>
</header>
<main>
<!-- _____________________________ sideBAR _____________________________ -->
<!-- ____________________________ LANDING SECTION ___________________________ -->
<section class="about_us_hero_section container">
<img src="images/aboutUs.png" alt="hero-backround" class="about-us-backround-image">
<div class="about_us_hero_title">
<p>
About Us
</p>
<h1>Creating Lasting Pawprints:<br> Our Story of Compassion and Impacts <span>..</span></h1>
</div>
</section>
<!-- ____________________________ STORY SECTION ___________________________ -->
<section class="story_section container">
<div><h1>OUR STORY</h1></div>
<div class="our_story_image">
<div class="image_cont">
<img src="images/gallery_banner.jpg" alt="">
</div>
</div>
<div class="div_story">
<div class="praveens_story">
<img src="images/founder.png" alt="">
<h2>Meet Praveen</h2>
<p>Praveen Kumar, a former gym instructor who made a life-changing decision. He sacrificed his job,
livelihood, family assets, and savings to establish We Save Animals (WSA) Welfare Trust. Praveen
dedicates himself to providing care, nourishment, and a loving home to a diverse range of
animals. His shelter brings happiness and comfort to these animals in need.</p>
</div>
<div class="begining">
<h2>How <span>We Save Animals </span>started?</h2>
<p>In 2013, Praveen's journey began when he rescued a kitten with a spinal injury. Though it didn't
survive, the experience fueled his determination to help countless voiceless animals. He started
by rescuing and caring for injured animals at his home. As the number of rescues grew, he sought
temporary shelters to accommodate them. News of his compassion spread, and he found himself
attending to approximately 4-5 cases daily, tagged by people on social media platforms like
Facebook. With support from Dr. Girish of Blue Cross and Dr. Lohith of Maruthi Pet Clinic, he
established accounts to ensure timely medical attention for injured animals, irrespective of
financial constraints. As the rescues increased, so did the clinic bills, but Praveen remained
undeterred. His reputation extended beyond South Bangalore, receiving calls for help from areas
like Mysore, Mandya, Chikmagalur, and Hosur. To streamline operations, Praveen formed a WhatsApp
group with just six people and dedicated himself full-time to these cases. Despite financial
challenges and leaving his job, Praveen persisted with unwavering support from his family,
determined to do whatever he could for the animals.</p>
</div>
</div>
</section>
<!-- ____________________________ WORK SECTION ___________________________ -->
<section class="our_work_section container">
<h2>Okay, enough history but, What do we do?</h2>
<h3>Let me brief you...</h3>
<p>These are the main aspects of our foundation</p>
<div class="three_steps container">
<img src="images/rescue.png" alt="" class="img1">
<img src="images/recovery_info.jpg " alt="" class="img2">
<img src="images/rehabilitation_info.jpg" alt="" class="img3">
</div>
</section>
<!-- ____________________________ Bhoomaga SECTION ___________________________ -->
<section class="dogs_section container">
<h2>MEET OUR HAPPY CUSTOMERS</h2>
<div class="dog_story">
<div class="dog pickachu">
<div class="div_img_cont">
<img src="images/pickachu.png" alt="">
</div>
<div class="dog_description">
<h2>Pikachu</h2>
<p>My name is Pikachu, and I once roamed the streets with a broken spine and legs. Initially,
the treatments I received didn't bring me much relief, but then I was discovered by the
compassionate souls at We Save Animals. They showered me with love and care, taking me to
their shelter and later to a special home for treatment. They called me Pikachu, and with
their dedicated efforts, I underwent laser treatment and received meticulous monitoring.
Nourishing food was always at my disposal, and I even made some furry friends along the way.
As the days passed, I felt a remarkable improvement, and soon my legs began to support me
again. Today, I am fully healed and forever grateful to We Save Animals for their unwavering
support. I can now climb, go downstairs, run, play, jump, and even engage in joyful doggy
antics, just like any other furry companion. My transformation is a testament to the
incredible impact of We Save Animals, and I am forever indebted to their compassion and
care.</p>
<a href="https://www.youtube.com/watch?v=qqIJh_yeW_I" target="_blank">
<button class="youtube-btn">
<i class=" fa-brands fa-youtube fa-1x"></i> Watch
</button></a>
</div>
</div>
<div class=" dog thimma">
<div class="div_img_cont">
<img src="images/thimma.png" alt="">
</div>
<div class="dog_description">
<h2>Timma</h2>
<p>Hey there, everyone! I'm Timma, and I know all too well what it's like to be a street dog.
Trust me, you never want to experience the agony of a severe skin infection. My skin felt
like it was on fire, and it was unbearable. But then, something wonderful happened. I was
taken in by the incredible team at WSA, the We Save Animals organization. They showed me a
level of love and affection I had never known before. They gave me medicated baths and
soothing oil massages, and slowly but surely, my skin started to heal. It was like magic! My
fur began to grow back, and before I knew it, I was looking like my old self again. I can't
express how grateful I am to the wonderful people at WSA. They truly saved me and gave me a
second chance at life. And guess what? I've been ADOPTED! I finally have a loving parent who
cherishes me. It's a feeling like no other. Thank you, WSA, for everything you've done for
me. I'll be forever grateful for your kindness and the amazing life I now have.</p>
<a href="https://www.youtube.com/watch?v=lfGfK98IADA&t=115s" target="_blank">
<button class="youtube-btn">
<i class=" fa-brands fa-youtube fa-1x"></i> Watch
</button></a>
</div>
</div>
<div class="dog bhoomaga">
<div class="div_img_cont">
<img src="images/bhoomaga.png" alt="">
</div>
<div class="dog_description">
<h2>Bhoomaga</h2>
<p>Hello there, everyone! I'm Bhoomaga, and my story begins on the streets. I was born into a
life where the streets were my home. I learned how to survive, searching for food and
enjoying the freedom to roam around town. But one fateful day, something terrible happened
, I won't go into the details, but I suffered a severe head
injury that left me feeling like my brain was exposed, with no protective layer. My head
started to rot, and I was lost and scared.
That's when We Save Animals came into my life. They rescued me from the depths of despair.
My head was infested with thousands of maggots, but they didn't give up on me. They removed
the maggots and provided the treatment I desperately needed. I didn't think I would survive,
but there was a glimmer of hope. Day by day, I fought to recover, and slowly but surely, I
started to heal. It took months of care and dedication, but here I am, back on my paws and
feeling like my old self again.
The love and compassion shown by We Save Animals, my perspective has changed. I am grateful to We
Save Animals for restoring my faith in humanity. They've shown me that not all humans are
alike, and for that, I am forever thankful.</p>
<a href="https://www.youtube.com/watch?v=k__ey_Unl54" target="_blank">
<button class="youtube-btn">
<i class=" fa-brands fa-youtube fa-1x"></i> Watch
</button></a>
</div>
</div>
</div>
</section>
</main>
<!-- _______________________ FOOTER ________________________ -->
<section>
<div class="peeping_pets container">
<img src="images/footer.png" alt="">
</div>
<div class="footer_social_media_sidebar container">
<a href="https://www.youtube.com/channel/UCoe7IQVULtg7o59XiWgIBSg">
<i class="s-media fa-brands fa-youtube fa-2x"></i>
</a>
<a href="https://www.facebook.com/WSA-We-Save-Animals-1663165890625653/?hc_ref=ARQ7vjLG3HV5adfBbiHtF6yOfhxAc-vHyBR6IC_l3cnIDUFiVYrMWs55MWhjJnGKdKw">
<i class="s-media fa-brands fa-facebook fa-2x"></i>
</a>
<a href="https://www.instagram.com/invites/contact/?i=23fdh7it96ti&utm_content=38eqpv2">
<i class="s-media fa-brands fa-instagram fa-2x"></i>
</a>
<a href="https://www.google.com/maps?ll=12.791543,77.491783&z=13&t=m&hl=en&gl=IN&mapclient=embed&cid=8536651001025645658">
<i class="s-media fa-solid fa-location-dot fa-fade fa-2x"></i>
</a>
</div>
<footer class="footer container">
<div class="footer_logo footer_grid ">
<img src="images/wsa_logo.png" alt="wsa-logo" class="footer-wsa-logo">
<div class="footer-wsa_name">
<p>We</p>
<p>Save</p>
<p>Animals<span class="footer-wsa-name-dot">.</span></p>
</div>
</div>
<div class="div_email footer_grid ">
<div class="subscribe">
<label for="email-id">Get updates from our Organisation :</label>
<input type="email" name="" id="email-id" placeholder="E-Mail">
<button type="submit" class="subscribe-btn">Subscribe</button>
</div>
<div class="contact_info">
<p class="our-mail">EMAIL - [email protected]</p>
<p class="our-phone">RESCUE LINE - +91-9632300046</p>
<p class="work-day">MONDAY - FRIDAY</p>
<p class="work-time">10:00AM - 05:00PM</p>
</div>
</div>
<div class=" dog_line_art footer_grid">
<img src="images/dogLineArt.png" alt="two_dogs" class="">
</div>
<div class="copyright">
Ⓒ 2023 We Save Animals. | All rights reserved.
</div>
</footer>
</section>
<script src="js/index.js"></script>
</body>
</html>