-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathpets.html
More file actions
145 lines (134 loc) · 6.85 KB
/
pets.html
File metadata and controls
145 lines (134 loc) · 6.85 KB
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
<!DOCTYPE html>
<html lang="en">
<!-- Setup Code -->
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<title>Pets</title>
</head>
<body style="margin-top:0;margin-left:50px;margin-right:50px;padding:5px">
<!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Projects</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="https://danawoodruff.github.io/Web-Design-Real-Estate/">Web
Design</a>
<a class="dropdown-item" href="https://github.com/danawoodruff/Excel">Excel</a>
<a class="dropdown-item" href="https://github.com/danawoodruff/Excel-VBA">Excel-VBA</a>
<a class="dropdown-item" href="https://github.com/danawoodruff/Python">Python</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
</li>
<li class="nav-item">
<a class="nav-link" href="cars.html">Cars</a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html">Resume</a>
</li>
</ul>
</div>
</nav>
<!-- Header and Introductory Paragraph -->
<div class="row content">
<div class="col-sm-12 col-md-12 col-lg-6">
<h3 class="text-left">“Animals are such agreeable friends—they ask no questions; they pass no criticisms.”
George Eliot, British Author</h3>
<hr class="my-4">
<figure>
<p align="center">
<img width="400" height="300" src="Images/ferretninja.JPG" hspace="20">
</p>
</figure>
<p>I am the major domo for two feisty ferrets, born September 2017. Lucas is a ferret-polecat mix while
George is a domestic ferret from Marshall farms.
</p>
<figure>
<p align="center">
<img width="425" height="300" src="Images/lucasbaby.JPG" hspace="20">
<figcaption align="center"><em>Lucas as a kit. Cute but with the ability and willingness to draw blood.
This is unusual for ferrets and i attribute it to his polecat blood. Years of love and training
to mitigate his instinct.</em></figcaption>
</p>
</figure>
<figure>
<p align="center">
<img width="350" height="450" src="Images/lucascouch.JPG">
<figcaption align="center"><em>Exploration is a ferret's instinct.</em></figcaption>
</p>
</p>
</figure>
<p>Ferrets are very playful with natural curiosity. Lucas weighs in at almost four pounds with tremendous
athletic ability...this is a challenge in the house.
</p>
<figure>
<p align="center">
<img width="300" height="300" src="Images/lucascouch2.JPG" hspace="20">
</p>
</figure>
<figure>
<p align="center">
<img width="300" height="300" src="Images/lucasme.JPG">
<figcaption align="center"><em>Lucas and me</em></figcaption>
</p>
</figure>
</div>
<!-- Images at Page Right -->
<div class="col-sm-12 col-md-12 col-lg-6">
<h2 class="text-left">George...</h2>
<hr class="my-4">
<figure>
<p align="center">
<img style="padding:10px;max-width: 100%;
height: auto;" src="Images/Georgerum.jpg" class="rounded float right thumbnail" alt="bike">
<figcaption align="center"><em>At two pounds George is a lightweight when it comes to his rum.</em>
</figcaption>
</p>
</figure>
<figure>
<p align="center">
<img style="padding:10px;max-width: 100%;
height: auto;" src="Images/georgeflowers.jpg" class="rounded float right thumbnail" alt="bridge">
<figcaption align="center"><em>George epitomizes a ferret's nature: sweet and curious.</em></figcaption>
</p>
</figure>
<figure>
<p align="center">
<img style="padding:10px;max-width: 100%;
height: auto;" src="Images/georgecouch.JPG" class="rounded float-left thumbnail" alt="Lucy">
<figcaption align="center"><em>George on his couch.</em>
</figcaption>
</p>
</figure>
<figure>
<p align="center">
<img style="padding:10px;max-width: 100%;
height: auto;" src="Images/ferretlaws.JPG" class="rounded float right thumbnail" alt="Walter">
<figcaption align="center"><em>Ferret Property Laws</em></figcaption>
</p>
</figure>
</div>
</div>
</body>