An-NGO-Website/services.html at master · vinaysinghdev/An-NGO-Website · GitHub

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
<!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">
     <!-- fontawesome cdn -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

     <!-- Bootstrap cdn -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">

     <!-- aos cdn -->
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />

     <!-- link css, media and favicon -->
     <link rel="stylesheet" href="services-style.css">
     <link rel="stylesheet" href="home-print.css">

     <link rel="shortcut icon" href="assets/favicon.png" type="image/png">
     <script src="home-script.js"></script>

     <title> Facility | Panah </title>

	</script>

</head>
<body>

<nav class="navbar navbar-expand-lg sticky-top border-bottom" id="nav_bar">
    <div class="container-fluid px-md-5">
        <a class="navbar-brand" href="#"><img src="assets/logo.png" alt="" height="65px" id="nav_img"></a>
        <button
          class="navbar-toggler"
          type="button"
          data-bs-toggle="collapse"
          data-bs-target="#navbarNav"
          aria-controls="navbarNav"
          aria-expanded="false"
          aria-label="Toggle navigation">
          <span class="navbar-toggler"><i class="fa-solid fa-bars"></i></span>
        </button>
        <div class="collapse navbar-collapse justify-content-end text-center pe-3" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item" id="nav_a1" >
                    <a class="nav-link" href="home.html">Home</a>
                </li>
                <li class="nav-item" id="nav_a2">
                    <a class="nav-link active" href="services.html">Facility</a>
                </li>
                <li class="nav-item" id="nav_a3">
                  <a class="nav-link" href="animal-care.html">Animal Care</a>
                </li>
                <li class="nav-item" id="nav_a4">
                    <a class="nav-link" href="about.html">About Us</a>
                </li>
                <li class="nav-item" id="nav_a5">
                    <a class="nav-link" href="contact.html">Contact Us</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<section id="top">
    <div class="container-fluid">
        <div class="col-md-7   heading text-center  ">
            <h1>WE CREATE HAPPINESS</h1>
           <p> “No one is useless in this world who lightens the burdens of another.” </p>
        </div>
    </div>
</section>

<section class="why-us" id="why">
    <h1> Our Services</h1>
    <div class="container mt-5 ">
        <div class="row align-items-center">
            <div class="col-md-4">
                <img src="img/smile2.webp"  width="430px" height="400px">

            </div>
            <div class="col-md-8 text-left ">

                <ul class="list">
                    <li><i class="fa fa-home"></i><mark> Providing shelter to everyone.</mark></li>
                    <li><i class="fa fa-book"></i><mark>Education for childerns as well as whoever want to.</mark></li>
                    <li><i class="fa fa-hospital"></i><mark> Health camp every week.</mark></li>
                    <li><i class="fa fa-dog"></i><mark> Shelter for animals</mark></li>
                    <li><i class="fa fa-child"></i><mark> Adoption for childerns.</mark></li>
                    <li><i class="fa fa-heart"></i><mark> Adoption for Animals</mark></li>
                </ul>
            </div>
        </div>
    </div>
</section>
<section id="t-cards" class="mt-5">

    <div class="container text-center mt-5">

        <div class="row ">
            <h1>What We Do</h1>
            <div class="col-md-5 cols">
                        <img src="img/img-1.jpg" alt="" class="image-fluid" width="300px" height="250px">
            </div>
            <div class="col-md-7  cols2">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem deleniti repellat laudantium hic qui velit, possimus, nemo accusamus commodi perferendis cum animi! Maiores aliquam quasi nihil vel totam architecto odit.</p> <strong>- EDUCATION</strong>
            </div>

            <div class="col-md-7  cols2">
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem deleniti repellat laudantium hic qui velit, possimus, nemo accusamus commodi perferendis cum animi! Maiores aliquam quasi nihil vel totam architecto odit.</p><strong>- HEALTH</strong>
            </div>
            <div class="col-md-5 cols">
                <img src="img/health.jpg" alt="" class="image-fluid" width="300px" height="250px">
        </div>

            <div class="col-md-5 cols">
                <img src="img/img-3.jpg" alt="" class="image-fluid" width="300px" height="250px">
        </div>
        <div class="col-md-7  cols2">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem deleniti repellat laudantium hic qui velit, possimus, nemo accusamus commodi perferendis cum animi! Maiores aliquam quasi nihil vel totam architecto odit.</p>
     <strong>- SHLETER</strong>
        </div>

            <div class="col-md-7  cols2">
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem deleniti repellat laudantium hic qui velit, possimus, nemo accusamus commodi perferendis cum animi! Maiores aliquam quasi nihil vel totam architecto odit.</p>
        <strong>- ADOPTION</strong>
            </div>
            <div class="col-md-5 cols   ">
                <img src="img/img-4.jpg" alt="" class="image-fluid" width="300px" height="250px">
            </div>

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


 <section id="work">

    <div class="container-fluid mt-5">

        <div class="row text-center">
            <h1>OUR HELPING HAND</h1>
            <div class="col-md-8 para">
                Hospitality is always an act that benefits the host even more than the guest. The concept of hospitality arose in ancient times when the reciprocity was easier to see: in nomadic cultures, the food and shelter one gave to a stranger yesterday is the food and shelter one hopes to receive from a stranger tomorrow. By offering hospitality, one participates in the endless reweaving of a social fabric on which all can depend-thus the gift of sustenance for the guest becomes a gift of hope for the host.
            </div>
        </div>
    </div>


</section>

</body>
</html>