home.php

<?php include 'header.php'; ?>

<div class="container-fluid my-5">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-2">
                <img src="./images/logo.PNG" class="rounded-pill" alt="">
            </div>
            <div class="col-7 mt-5">
                <h1 class="text-success">
                    <i>A SMALL HELPING HANDS TOWARDS THE ANIMAL COMMUNITY CAN MAKE A BIG CHANGE AND CAN RESULTS IN
                        COMFORT FOR THE ANIMALS.</i>
                </h1>
            </div>
        </div>
    </div>
</div>



<div class="container-fluid my-5 cathideback">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-6">
                <h3>About People for <span class="text-info">Animals</span></h3>
                <p class="text-secondary abouttext">
                    Animal welfare is not just about animals. It is about us. Our living conditions, our children, our
                    earth. Cruelty to
                    animals has a significant and irreversible impact on peaceful societies, human health, the economy,
                    and the environment.

                    People for Animals, PFA, is India's largest Non-Governmental Animal Welfare Organization with a
                    nationwide network of 26
                    hospitals, 165 units, 60 mobile units, and 2.5 Lakh members. We work to rescue and rehabilitate sick
                    and needy animals.
                    We set up and run shelters, ambulance services, sterilization programs, treatment camps and disaster
                    rescue missions for
                    animals. We conduct education programs in schools, fight cases in court, and lobby on animal issues
                    in parliament.

                    PFA aims to set up an animal welfare centre in each of the nation's 600 districts.
                </p>
            </div>
            <div class="col-6">

            </div>
        </div>
    </div>
</div>


<div class="container-fluid py-5 my-5">
    <div class="container  pb-5 mb-5">
        <h1 class="text-center">All The <span class="text-info">Animals</span> on the planet are essential</h1>
        <p class="text-secondary">

        </p>
        <div class="row justify-content-between">
            <div class="col-12">
                <img src="./images/groupanimals.jpg" alt="">
            </div>
            <div class="col-6">

            </div>
        </div>
    </div>
</div>

<div class="row mb-5 x">
    <h3 class="text-center text-info mb-5">We Should</h3>
    <div class="col-3">
        <img src="./images/1.jpg" class="rounded-3 col1" alt="">
        <h5 class="text-center">Donate for them</h5>
    </div>
    <div class="col-3">
        <img src="./images/2.jpg" class="rounded-3 col1" alt="">
        <h5 class="text-center">Adopt them</h5>
    </div>
    <div class="col-3">
        <img src="./images/3.jpg" class="rounded-3 col1" alt="">
        <h5 class="text-center">Feed them</h5>
    </div>
    <div class="col-3">
        <img src="./images/4.jpg" class="rounded-3 col1" alt="">
        <h5 class="text-center">Care for them</h5>
    </div>
</div>

<?php include 'footer.php'; ?>

<style>
.abouttext {
    font-size: 20px;
}

.cathideback {
    background-image: url("./images/hidingcat1.jpg");
    background-repeat: no-repeat;
    background-position: right;

}

img:hover {
    /* border: 2px solid; */
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
    transition: 1s ease;
}

.x h5 {
    font-size: 35px;
}
</style>