-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
84 lines (62 loc) · 2.95 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
<!DOCTYPE html>
<html lang="en">
<!-- Hit (alt+L, alt+O) to Open the Server and (alt+L, alt+C) to Stop the server ( -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="Styling/indexStyles.css">
<title>Home</title>
<meta name="keywords" content="animals, pets, cats, dogs, fish">
<meta name="description" content="PetShop, where you can find out all about you next best friend.">
<meta name="author" content="Marita-Thuri Anna">
</head>
<body>
<header>
<img src="images/logo.png" alt="logo" width="220" height="200">
<nav>
<a href="index.html">Home</a>
<a href="HomePages/contact.html">Contact</a>
<input type="text" placeholder="Search...">
</nav>
</header>
<div class="container">
<main>
<p>
<h1>All About Pets</h1>
<h3>Welcome to PetShop, your one-stop destination for everything you need to know about pets! Whether you're looking for a loyal companion, a playful friend, or a serene aquarium buddy, we have all the information you need to make an informed decision about your next best friend. Explore our resources, from tips on pet care to the latest pet products, and find out how to provide the best life for your furry, feathered, or finned companions.</h3>
</h3>
</p>
<p>
<h2>Browse By Pet</h2>
<p>
<div id="images">
<a href="HomePages/cats.html" class="image-wrapper">
<img src="images/cats1.jpg" alt="cats" width="200" height="250">
<div class="text-overlay">Cats</div>
</a>
<a href="HomePages/dogs.html" class="image-wrapper">
<img src="images/dogs1.jpg" alt="dogs" width="200" height="250">
<div class="text-overlay">Dogs</div>
</a>
<a href="HomePages/birds.html" class="image-wrapper">
<img src="images/birds.jpg" alt="birds" width="200" height="250">
<div class="text-overlay">Birds</div>
</a>
<a href="HomePages/fish.html" class="image-wrapper">
<img src="images/fish.jpg" alt="fish" width="200" height="250">
<div class="text-overlay">Fish</div>
</a>
</div>
</p>
</p>
<p>
<h3 style="font-family:Garamond">Discover a world of pets at PetShop! Our curated selection of animals and pet supplies ensures that you find exactly what you need to care for your pet, no matter what species they may be. We are passionate about pets, and our goal is to make pet ownership accessible and enjoyable for everyone. Browse through our extensive guides, expert advice, and quality products to start your journey into pet parenthood today!</h3>
</p>
</main>
<footer>
<p>©Copyright 2025 by nobody. All rigths reserved.</p>
<p>Made with 🤍 for out furry friends!</p>
</footer>
</div>
</body>
</html>