forked from HirakSabui/ShelterSquad-HTML-CSS-JS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (147 loc) · 5.8 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Your Website</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="navbar">
<a href="#">Home</a>
<a href="#contact">About</a>
<a href="./members.html">Members</a>
<a href="./work.html">Our works</a>
<a href="./our.html">Contact Us</a>
<a href="./login.html">Connect with us</a>
</div>
<div class="logo">
<video src="./your.mp4" width="25%" autoplay
loop
muted></video>
</div>
<div class="section">
<h1 id="a">Welcome to Our Website</h1>
<p id="motto">
"Nurturing every creature, our motto reflects unwavering compassion. We
provide love, shelter, and care for all, from wildlife to pets. <br />We
unite in a shared mission to ensure their well-being, foster empathy,
and champion a world where every animal thrives in harmony with
humanity. <br />
Together, we ensure well-being, leaving a trail of hope, inspiring
respect for all life."
</p>
</div>
<section id="contact" class="section">
<h1>About Us</h1>
<div class="content-container">
<div class="about-text">
<p id="aboutus" class="about">
Shelter Squad Animal Rescue Community is a dedicated group committed
to providing love, care, and shelter to animals in need. Founded on
the principle that every life matters, we tirelessly work to make a
positive impact on animals' lives. Our community is built on
compassion, empathy, and an unwavering commitment to animal welfare.
We believe every animal deserves a chance at a happy, healthy life.
Our volunteers, donors, and supporters rescue, rehabilitate, and
find loving homes for animals. At Shelter Squad, we offer vital
medical care, nutritious food, and a safe haven for animals to heal.
We also focus on education and awareness to prevent animal
suffering, promoting responsible pet ownership and advocating for
animal rights. Join us in our mission to create a better world for
animals. Together, we ensure they receive the love and respect they
deserve.
</p>
</div>
<div class="video-container">
<video
src="./WhatsApp Video 2023-09-18 at 3.45.21 PM.mp4"
autoplay
loop
muted
width="70%"
height="70%"
></video>
</div>
</div>
</section>
<section id="about" class="section">
<h1>Awesome Features</h1>
<div class="textbox-container">
<div class="textbox-group">
<div class="textbox">
<h2>Lost and Found Database</h2>
<p>
A platform for posting lost and found animals within our community
to help reunite pets with their owners.
</p>
</div>
<div class="textbox">
<h2>Volunteer Management System</h2>
<p>
An online system for recruiting and managing volunteers, allowing
them to sign up for shifts, track their contributions, and receive
updates on rescue missions.
</p>
</div>
<div class="textbox">
<h2>Foster Care Network</h2>
<p>
Create a foster home network to provide temporary shelter for animals, facilitating their journey towards finding permanent, loving homes.
</p>
</div>
</div>
<div class="textbox-group">
<div class="textbox">
<h2>Pet Health Records</h2>
<p>
Conduct workshops, to educate pet owners on optimal care, training, and behavior for their animals.
</p>
</div>
<div class="textbox">
<h2>Pet Care Workshops</h2>
<p>
Host online and offline workshops on pet care, training, and
behavior to help pet owners provide the best possible environment
for their animals.
</p>
</div>
<div class="textbox">
<h2>Social Media Integration</h2>
<p>
Integrate social media sharing features into the platform to encourage
users to share animals in need, success stories, and donation campaigns.
</p>
</div>
</div>
<div class="textbox-group">
<div class="textbox">
<h2>Fundraising Campaigns</h2>
<p>
Launch targeted fundraising campaigns for specific rescue
missions, medical treatments, or facility improvements.
</p>
</div>
<div class="textbox">
<h2>Community Forum</h2>
<p>
A forum or discussion board for members to share stories,
advice, and connect with others who share their passion for animal rescue.
</p>
</div>
<div class="textbox">
<h2>Adoption Success Stories</h2>
<p>
Share heartwarming stories and updates about animals that have
found loving homes through your community, inspiring others to adopt.
</p>
</div>
</div>
</section>
</body>
<footer>
<div class="footer-content">
<p>© Sheltersquad | Terms of uses | Privacy Policy</p>
</div>
</footer>
</html>