first commit

Vibsu · Jun 15, 2023 · 05711ea · 05711ea
commit 05711ea
Show file tree

Hide file tree

Showing 25 changed files with 937 additions and 0 deletions.
diff --git a/WallPaperDog.jpg b/WallPaperDog.jpg
diff --git a/adoption.jpeg b/adoption.jpeg
diff --git a/bgimg.jpg b/bgimg.jpg
diff --git a/donation.jpeg b/donation.jpeg
diff --git a/founder.jpeg b/founder.jpeg
diff --git a/happy-pup-1.png b/happy-pup-1.png
diff --git a/index.html b/index.html
@@ -0,0 +1,216 @@
+<!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">
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">
+
+    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.11/typed.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
+    <title>We Save Animals</title>
+
+</head>
+<body>
+    <div class="scroll-up-btn">
+        <i class="fas fa-angle-up"></i>
+    </div>
+    <nav class="navbar">
+        <div class="max-width">
+            <div class="logo"><a href="index.html"><img src="logo.png"></a></div>
+            <ul class="menu">
+                <li><a href="#" class="menu-btn">Home</a></li>
+                <li><a href="#Sobre" class="menu-btn">About</a></li>
+                <li><a href="#Parceiros" class="menu-btn">Services</a></li>
+                <li><a href="#Donate" class="menu-btn">Donate</a></li>
+                <li><a href="#Contato" class="menu-btn">Contact</a></li>
+            </ul>
+            <div class="menu-btn">
+                <i class="fas fa-bars"></i>
+            </div>
+        </div>
+    </nav>
+    <!-- home section start -->
+    <section class="home" id="home">
+        <div class="max-width">
+            <div class="home-content">
+
+                <div class="text-2">Welcome to We Save Animals</div>
+                <div class="text-1">(WSA) Welfare Trust</div>
+                <div class="text-3">A better Life For Stray Animals</div>
+                <a href="#Adocao">Know more</a>
+            </div>
+        </div>
+    </section>
+
+    <!-- skills section start -->
+    <section class="skills" id="Sobre">
+        <div class="max-width">
+            <h2 class="title">About The Founder</h2>
+            <div class="skills-content">
+                <div class="column left">
+                    <div class="text">Praveen Kumar L,</div>
+                    <p> also called Rider Praveen is an ex-gym instructor who gave up his job, his means of livelihood, all his and his family's assets and savings to start(WSA) Welfare Trust. From paralysed, blind, old aged animals to accident cases, cruelty cases and terminally ill animals-he takes them all in, giving them happiness, food and a home in his shelter.<br><br>It started for Praveen in 2013,when he resued a kitten with a spinal injury. He nursed it at home,but it passed away after a week,leaving Praveen to wonder what he could do to help numerous animals like this,that sufer in silence.So he started by rescuing injured animals, and keeping them at home. Soon, as the number of rescues increased, he started looking for temporary shelters to house them. Eventually, the news of his rescue got around and he started attending to approximately 4-5 cases in a day were People Use to tag him in social media Like Facebook etc. He took the help of Dr. Girish from Blue Cross and Dr. Lohith frm Maruthi pet clinic and started an account in their respective clinics, so that injured animals could be attended to, without a delay due to the finances. So as the number of rescues went up, so did the bill amount in the clinics.<br><br>The word spread, and Praveen, who was initially contacted for rescues only around South Bangalore, started getting calls for help for cases in Mysore, Mandya, Chikmagalur Hosur etc. To manage things better, Praveen started a WhatsApp group With Just 6 People And started attending To this cases full-time. He had no option but to give up his job, financial help was low, but with his family standing behind him, praveen kept doing whatever he could for the animals.</p>
+                </div>
+                <div class="column right">
+                    <img src="founder.jpeg" alt="founder img">
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- services section start -->
+    <section class="services" id="Parceiros">
+        <div class="max-width">
+            <h2 class="title">Services Offered</h2>
+            <div class="serv-content">
+                <div class="card">
+                    <div class="box">
+                        <img src="new2.jpeg" width="250px"height="300px"> </img>
+                        <div class="text">Medical treatment </div>
+
+                    </div>
+                </div>
+                <div class="card">
+                    <div class="box">
+                        <img src="adoption.jpeg" width="250px"height="300px"></img>
+                        <div class="text">Adoption awareness</div>
+
+                    </div>
+                </div>
+                <div class="card">
+                    <div class="box">
+                        <img src="rehabilitation.jpeg" width="250px"height="300px"></img>
+                        <div class="text">Rehabilitation Centre</div>
+
+                    </div>
+                </div>
+               </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- about section start -->
+    <section class="about" id="Adocao">
+        <div class="max-width">
+            <h2 class="title">What we do?</h2>
+            <div class="about-content">
+                <div class="column left">
+                    <iframe width="560" height="315" src="new1.jpeg" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+                </div>
+                <div class="column right">
+                    <div class="text"></div>
+                    <p>WSA provides shelter for sick, old and abandoned dogs, cats, cows and every other animal. The dogs are not chained or caged, they have enough space to walk, run, play and chase other dogs. At the shelter, it is indeed a dog's life! There are only few cages in the shelter for those that are undergoing treatment.</p>
+                </div>
+            </div>
+        </div>
+    </section>
+
+
+    <section class="about" id="Depoimentos">
+        <div class="max-width">
+            <h2 class="title">Testimonials</h2>
+            <div class="wrapper">
+                <div class="box">
+                  <i class="fas fa-quote-left quote"></i>
+                  <p>I have visited WSA shelter with my friends and family every year. No matter the time of the day or place, if he can help an animal in distress, he will do it. This shelter is a temple for many dogs who are hurt and can't be on the streets. I feel WSA shelter is not just any shelter. Unlike others where the animals are caged, here, they roam freely and happily. 
+
+                    Praveen is doing a good job keeping them free. All the animals enjoy their freedom with good, healthy food and a clean environment. The staff is very helpful too.
+
+                    Praveen is doing a really good job. He is a Godfather for the animals.</p>
+                  <div class="content">
+                    <div class="info">
+                      <div class="name">Tarinishri</div>
+                    </div>
+                    <div class="image">
+                      <img src="tharini.png" alt="">
+                    </div>
+                  </div>
+                </div>
+
+                <div class="box">
+                  <i class="fas fa-quote-left  quote"></i>
+                  <p>I have been closely associated with WSA for about two years now and I have got to see Praveen's passion and dedication for the voiceless first hand.  Today these animals are a living testimony to how unflinching care and compassion can make miracles happen and Praveen has made a lot of such miracles happen at his shelter. 
+
+                    It gives me a great sense of satisfaction to be associated with WSA. A visit to this shelter puts a big smile on my heart, the very sight of animals who seem to be leading a "happily ever after" lives came here when they were battling for their very existence!
+
+
+                    </p>
+                  <div class="content">
+                    <div class="info">
+                      <div class="name">Tejaswini</div>
+                    </div>
+                    <div class="image">
+                      <img src="tejaswini.png" alt="">
+                    </div>
+                  </div>
+                </div>
+              </div>
+        </div>
+    </section>
+
+    <section class="donate" id="Donate">
+        <div class="max-width">
+            <h2 class="title">Donations</h2>
+
+            <div class="don">
+
+                <img src="donation.jpeg" width="400px"height="400px"></div>
+
+            </div>
+        </div>
+
+    </section>
+
+
+    <section class="contact" id="Contato">
+        <div class="max-width">
+            <h2 class="title">Contact info</h2>
+            <div class="contact-content">
+                <div class="column left">
+                    <div class="text">Hours of operation</div>
+                    <p>At the shelter,staff members are in the office and available most week days<br>MONDAY-FRIDAY<br>10:00 AM-5:00 PM<br><br><br></p>
+                    <div class="icons">
+                        <div class="row">
+                            <i class="fas fa-map-marker-alt"></i>
+                            <div class="info">
+                                <div class="head">Address</div>
+                                <div class="sub-title">Sy.No. 18/2,K.Chudahalli,Somanahalli Post,Near Guhantra Resort & KMS Farm,Kanakpura Main Road,<br>Bangalore-560082</div>
+                            </div>
+                        </div>
+                        <br>
+                        <div class="row">
+                            <i class="fas fa-envelope"></i>
+                            <div class="info">
+                                <div class="head">Email</div>
+                                <div class="sub-title">[email protected]</div>
+                            </div>
+                        </div>
+                        <div class="row">
+                            <i class="fas fa-phone-alt"></i>
+                            <div class="info">
+                                <div class="head">Rescue Line</div>
+                                <div class="sub-title">(19) +91-9632300046</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="column right">
+
+                </div>
+            </div>
+        </div>
+    </section>
+
+    <!-- footer section start -->
+    <footer>
+        <span>  <span class="far fa-copyright"></span> 2023 We Save Animals(WSA) Welfare Trust.<br>All Rights Reserved. </span>
+    </footer>
+
+
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/logo.png b/logo.png
diff --git a/medical.jpeg b/medical.jpeg
diff --git a/new1.jpeg b/new1.jpeg
diff --git a/new2.jpeg b/new2.jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.09.29 PM.jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.09.29 PM.jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.09.40 PM (1).jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.09.40 PM (1).jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.09.53 PM.jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.09.53 PM.jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.10.37 PM.jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.10.37 PM.jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.10.45 PM.jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.10.45 PM.jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.11.50 PM.jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.11.50 PM.jpeg
diff --git a/pictures/WhatsApp Image 2023-06-13 at 5.12.17 PM.jpeg b/pictures/WhatsApp Image 2023-06-13 at 5.12.17 PM.jpeg
diff --git a/rehabilitation.jpeg b/rehabilitation.jpeg
diff --git a/rescue.jpeg b/rescue.jpeg
diff --git a/script.js b/script.js
@@ -0,0 +1,72 @@
+$(document).ready(function(){
+    $(window).scroll(function(){
+        // sticky navbar on scroll script
+        if(this.scrollY > 20){
+            $('.navbar').addClass("sticky");
+        }else{
+            $('.navbar').removeClass("sticky");
+        }
+
+        // scroll-up button show/hide script
+        if(this.scrollY > 500){
+            $('.scroll-up-btn').addClass("show");
+        }else{
+            $('.scroll-up-btn').removeClass("show");
+        }
+    });
+
+    // slide-up script
+    $('.scroll-up-btn').click(function(){
+        $('html').animate({scrollTop: 0});
+        // removing smooth scroll on slide-up button click
+        $('html').css("scrollBehavior", "auto");
+    });
+
+    $('.navbar .menu li a').click(function(){
+        // applying again smooth scroll on menu items click
+        $('html').css("scrollBehavior", "smooth");
+    });
+
+    // toggle menu/navbar script
+    $('.menu-btn').click(function(){
+        $('.navbar .menu').toggleClass("active");
+        $('.menu-btn i').toggleClass("active");
+    });
+
+    // typing text animation script
+    var typed = new Typed(".typing", {
+        strings: ["YouTuber", "Developer", "Blogger", "Designer", "Freelancer"],
+        typeSpeed: 100,
+        backSpeed: 60,
+        loop: true
+    });
+
+    var typed = new Typed(".typing-2", {
+        strings: ["YouTuber", "Developer", "Blogger", "Designer", "Freelancer"],
+        typeSpeed: 100,
+        backSpeed: 60,
+        loop: true
+    });
+
+    // owl carousel script
+    $('.carousel').owlCarousel({
+        margin: 20,
+        loop: true,
+        autoplayTimeOut: 2000,
+        autoplayHoverPause: true,
+        responsive: {
+            0:{
+                items: 1,
+                nav: false
+            },
+            600:{
+                items: 2,
+                nav: false
+            },
+            1000:{
+                items: 3,
+                nav: false
+            }
+        }
+    });
+});