-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (109 loc) · 3.86 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>petshop</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<header>
<nav>
<span class="my-name">Davis</span>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Gallery</a>
<a href="">Reviews</a>
<a href="">Contact</a>
</nav>
<img src="images/cat-header.jfif" alt="cat-header" />
<div class="welcm-content">
<h1>PETSHOP</h1>
<p>
Let's travel with us we will start a new adventure together with full
of happiness and laughs
</p>
<button>View More Pets</button>
</div>
</header>
<section>
<div class="about section">
<h2>About US</h2>
<p>
We are a family-owned and operated pet shop dedicated to providing
exceptional service and products to our community. Our staff is
passionate about animals and is always happy to help you find the
perfect items for your furry friend.
</p>
<p>
Our friendly staff of animal enthusiasts isn't just knowledgeable,
they're true pet whisperers. Whether you're a seasoned pet parent or a
nervous first-time fur-ociuos guardian, they'll navigate you through
our extensive selection with genuine care and expert advice.
</p>
</div>
<div class="choose section">
<h2>Choose a Companion that suites you</h2>
<div class="cards">
<div class="card">
<img src="images/dog-card.jfif" alt="" />
<div class="card-desc">
<h3>Dogs</h3>
<p>
Tails wagging, hearts winning! This playful pup is always up for
an adventure. Find the perfect food, toys, and treats to keep
them happy and healthy.
</p>
<button>Read More</button>
</div>
</div>
<div class="card">
<img src="images/cat-card.jfif" alt="" />
<div class="card-desc">
<h3>Cats</h3>
<p>
Independent yet cuddly, this regal feline purrfers the finer
things in life. Discover luxurious treats, scratching posts, and
cozy beds to pamper your perfect pal.
</p>
<button>Read More</button>
</div>
</div>
<div class="card">
<img src="images/horse-card.jfif" alt="" />
<div class="card-desc">
<h3>Horses</h3>
<p>
Strong, spirited, and loyal, this noble creature deserves the
best. Explore our selection of premium feed, comfortable tack,
and grooming supplies to keep your equine partner thriving.
</p>
<button>Read More</button>
</div>
</div>
<div class="card">
<img src="images/bunny-card.jfif" alt="" />
<div class="card-desc">
<h3>Bunnies</h3>
<p>
Happy hearts and joyful leaps! This energetic fluffball brings
endless fun. Stock up on hay, pellets, and enrichment toys to
keep your bunny hopping for happiness
</p>
<button>Read More</button>
</div>
</div>
</div>
</div>
<div class="subscribe section">
<h2>Subscribe to our newsletter</h2>
<p>Get the latest update on our flower collections</p>
<form>
<input type="email" placeholder="Enter Email Address" />
<button>Subscribe</button>
</form>
</div>
</section>
<footer><p>@KAMPABITS DESIGNS 2024_Davis</p></footer>
</body>
</html>