-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
339 lines (289 loc) · 11.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
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
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.2.0/remixicon.css">
<link href="style.css" rel="stylesheet">
<title>Pet Shop </title>
</head>
<body>
<header class="homepage">
<nav>
<input type="checkbox" id="check" />
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<label class="logo">
<img src="images/Logo.png"> </label>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Feedback</a></li>
</ul>
</nav>
<section id="home">
<div class="content">
<div class="hero-text">
<h5>Pawsitively Perfect:<br>Where Every Pet's<br>Dream Comes True!</h5>
<p>Welcome to Paws n' Play, the ultimate destination for pet lovers! Explore a world of tail-wagging joy and furry companionship with our wide range of products and services. From pampering essentials to playful toys, we're here to make every moment with your pet pawsitively perfect!"</p>
</div>
<div class="btn">
<a href="#">Shop Now</a></div>
</div>
</div>
</section>
</header>
<main>
<div class="shop-logo paw-logo">
<img src="images/pawLogo.png">
<span>Shop</span>
</div>
<div class="line">
<div id="verticle-line"></div>
</div>
<div class="shop">
<div class="shop-box">
<p>Featured Products</p>
<div class="search-bar">
<input type="text" placeholder="search" name="q">
</div>
<div class="shop-btn">
<button class="shop-btn-design">Random</button>
<button class="shop-btn-design">Cat</button>
<button class="shop-btn-design">Dogs</button>
<button class="shop-btn-design">Fish</button>
<button class="shop-btn-design">Birds</button>
</div>
<div class="shop-food">
<img class="food-img" src="images/Product01.png">
<img class="food-img" src="images/Product02.png">
<img class="food-img" class="food-img-3" src="images/Product03.png">
</div>
<p>View More >>></p>
</div>
</div>
</main>
<section>
<div class="services-logo paw-logo">
<img src="images/pawLogo.png">
<span>Services</span>
</div>
<div class="services-line">
<div id="verticle-line2"></div>
</div>
<div class="services">
<div class="services-box">
<div class="services-All-imgs">
<img class="img1 s-img" src="images/Frame 24.png" alt="">
<img class="img2 s-img" src="images/Frame 25.png" alt="">
<img class="img3 s-img" src="images/Frame 29.png" alt="">
<img class="img4 s-img" src="images/Frame 26.png" alt="">
<img class="img5 s-img" src="images/Frame 27.png" alt="">
</div>
</div>
</div>
</section>
<section id="about-us">
<div class="aboutUs-logo paw-logo">
<img src="images/pawLogo.png">
<span>About-us</span>
</div>
<div class="services-line aboutUs-line">
<div id="verticle-line2"></div>
</div>
<div class="about-us">
<div class="about-us-box">
<div class="aboutUs-img">
<img src="images/Group 1.png">
</div>
<div class="aboutUs-text">
<p>At Paws n' Play, our journey began with a simple yet profound love for animals. Inspired by the unwavering companionship and joy they bring to our lives, we embarked on a mission to create a haven where pets and their owners alike could experience unparalleled happiness and care.</p>
<p>Driven by our passion for animal welfare, we hand-select each product and service with meticulous attention to quality and sustainability. From nutritious food and enriching toys to expert grooming and healthcare, every offering is carefully curated to meet the unique needs of our beloved furry friends.</p>
<p>But our commitment doesn't end there. We're dedicated to fostering a community that celebrates the bond between pets and their human companions. Through educational resources, compassionate support, and memorable experiences, we strive to empower pet owners to provide the best possible care for their furry family members.</p>
<p>At Paws n' Play, customer satisfaction isn't just a goal it's our guiding principle. We go above and beyond to ensure every interaction leaves tails wagging and hearts smiling. From personalized recommendations to attentive service, we're here to make your journey with your pet as joyful and fulfilling as possible.</p>
<p>Join us in our mission to create a world where every pet is cherished, every need is met, and every tail wags with happiness. Welcome to Paws n' Play, where pets are family. and love knows no bounds.</p>
</div>
</div>
</div>
</section>
<section class="our-team">
<div class="ourTeam-logo paw-logo">
<img src="images/pawLogo.png">
<span>Our Team</span>
</div>
<div class="services-line aboutUs-line">
<div id="verticle-line2"></div>
</div>
<div class="team">
<div class="team-content">
<div class="box">
<img class="team-img" src="images/team 01.png">
<h3>Dr. Olivia Rhye</h3>
<h5>Senior Vetterinarian</h5>
<div class="icons">
<a href="#"> <i class="ri-twitter-x-line"></i></a>
<a href="#"> <i class="ri-linkedin-box-fill"></i></a>
<a href="#"> <i class="ri-instagram-fill"></i></a>
</div>
</div>
<div class="box">
<img class="team-img" src="images/team 02.png">
<h3>Phoenix Banker</h3>
<h5>Asst. Veterinarian</h5>
<div class="icons">
<a href="#"> <i class="ri-twitter-x-line"></i></a>
<a href="#"> <i class="ri-linkedin-box-fill"></i></a>
<a href="#"> <i class="ri-instagram-fill"></i></a>
</div>
</div>
<div class="box">
<img class="team-img" src="images/team 03.png">
<h3>Lana Steiner</h3>
<h5>Resident Veterinarian</h5>
<div class="icons">
<a href="#"> <i class="ri-twitter-x-line"></i></a>
<a href="#"> <i class="ri-linkedin-box-fill"></i></a>
<a href="#"> <i class="ri-instagram-fill"></i></a>
</div>
</div>
<div class="box">
<img class="team-img" src="images/team 04.png">
<h3>Demi Wilkinson</h3>
<h5>Intern Vetterinarian</h5>
<div class="icons">
<a href="#"> <i class="ri-twitter-x-line"></i></a>
<a href="#"> <i class="ri-linkedin-box-fill"></i></a>
<a href="#"> <i class="ri-instagram-fill"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="blog">
<div class="blog-logo paw-logo">
<img src="images/pawLogo.png">
<span>Blog</span>
</div>
<div class="services-line aboutUs-line">
<div id="verticle-line2"></div>
</div>
<div class="blog-video">
<video autoplay loop muted plays-inline>
<source src="video/dogvideo.mp4 " type="video/mp4">
</video>
</div>
<div class="blog-text">
<h3>Milestone: 20,000 Pets Treated</h3>
<p>We are thrilled to announce a remarkable milestone in our journey at Paws n' Play we have officially treated over 20,000 beloved pets! It fills us with immense pride and joy to have had the opportunity to care for so many furry, feathered, and scaly companions over the years. Each pet that walks through our doors holds a special place in our hearts, and we are deeply grateful for the trust and support of our loyal customers who have made this achievement possible. As we reflect on this milestone, we are reminded of our unwavering commitment to providing exceptional care and attention to every precious member of the pet community. Here's to the next 20,000 and beyond, as we continue our mission to keep tails wagging and hearts purring !
</p>
<h3>Renewed target</h3>
<p>As we celebrate surpassing the remarkable milestone of treating over 20,000 pets at Paws n' Play, we are also excited to announce our renewed targets for the future. Building on our success and dedication to pet care, we aim to expand our reach and impact by treating an additional 30,000 pets within the next year. This ambitious goal reflects our unwavering commitment to providing the highest quality care to every furry, feathered, and scaly friend that comes through our doors.</p>
</div>
<div class="btn">
<a>Read more</a></div>
</section>
<section class="gt">
<div class="get-in-touch">
<div class="touch-logo paw-logo">
<img src="images/fluent-emoji-flat_paw-prints.png">
<span>Get-in-touch</span>
<div class="touch-line">
<div id="verticle-line3"></div>
</div>
</div>
<div class="container">
<div class="content">
<div class="left-side">
<div class="address details">
<i class="fas fa-map-marker-alt"></i>
<div class="topic">office</div>
<div class="text-one">come say hello at our office HQ.</div>
<div class="text-two">232, Mumbai st. Maharastra</div>
</div>
<div class="phone details">
<i class="fas fa-phone-alt"></i>
<div class="topic">Phone</div>
<div class="text-one">Mon-Fri from 8am to 5pm</div>
<div class="text-two">+2222 4533 4758</div>
</div>
<div class="email details">
<i class="fas fa-envelope"></i>
<div class="topic">Email</div>
<div class="text-one">Our friendly team is here to help</div>
<div class="text-two">[email protected]</div>
</div>
</div>
<div class="right-side">
<div class="topic-text">Send us a message</div>
<form action="#">
<div class="input-box">
<input type="text" placeholder="Enter your name">
</div>
<div class="input-box">
<input type="text" placeholder="Enter your email">
</div>
<div class="input-box message-box">
<textarea placeholder="message"></textarea>
</div>
<div class="button">
<input type="button" value="Send Now" >
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container1">
<div class="row">
<div class="footer-col">
<h4>company</h4>
<ul>
<li><a href="#">about us</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">our services</a></li>
<li><a href="#">privacy policy</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Services</h4>
<ul>
<li><a href="#">Groomimg</a></li>
<li><a href="#">Boarding</a></li>
<li><a href="#">Training</a></li>
<li><a href="#">Vetinary</a></li>
<li><a href="#">Support</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Shop</h4>
<ul>
<li><a href="#">Pet Care</a></li>
<li><a href="#">Nutrition</a></li>
<li><a href="#">Pet Food</a></li>
<li><a href="#">Pet Adoption</a></li>
</ul>
</div>
<div class="footer-col">
<h4>follow us</h4>
<div class="social-links">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
<div class="footerBottom">
<p>CopyRight ©2024; Designed by Vedant</p>
</div>
</footer>
</body>
</html>