-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpets.html
54 lines (50 loc) · 2.44 KB
/
pets.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/style.css">
<title>Pets</title>
</head>
<body>
<a href = "#main">Skip to Main Content</a>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="pets.html">Pets</a></li>
<li><a href="travel.html">Travel</a></li>
<li><a href="recipes.html">Recipes</a></li>
</ul>
</nav>
<main>
<h1>Pets</h1>
<div>
<h2>Bacon Q Dog</h2>
<img src="images/bacon.jpg" width = "400" alt="Brown labradoodle wearing colorful lei">
<p>Bacon Q. Dog is a 9yr old labradoodle. He prefers to spend his days lounging among the three different beds/couches that his family has gifted him. He enjoys a walk or two around the neighborhood, as long as he can pretend that he doesn't see any of the other animals to avoid the embarrassment of not wanting to admit he has no wolf-like skills in chasing them.</p>
<P>At night just as the rest of the family is ready to relax, Bacon suddenly wants to release all of his energy. He will place his toys on a mini couch and frantically drag the couch around, giving his toys "a ride." There is also a lot of rolling. Lots and lots of rolling.</P>
<h3>Photo Gallery</h3>
<div class="grid-container">
<img src="images/bacon_bandana.JPG" width ="200" alt = "Brown labradoodle wearing an orange bandana">
<img src="images/bacon_graduation.JPG" width ="200" alt="Small labradoodle puppy wearing a graduation cap and gown">
<video width="200" controls>
<source src="images/bacon_agility.mov">
Your browser does not support the video tag. This was a video of a girl and dog demonstrating a sit and stay procedure
</video>
<img src="images/bacon_halloween.JPG" width ="200" alt="Brown labradoodle wearing a pirate costume">
</div>
<h3>Likes</h3>
<ul>
<li>Belly rubs</li>
<li>Playing tug-of-war</li>
<li>Sneaking onto the couch</li>
</ul>
<!-- Jackie Wolf -->
</div>
<div></div>
<div></div>
<div></div>
<div></div>
</main>
</body>
</html>