-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcats-for-adoption.html
250 lines (156 loc) · 7.7 KB
/
cats-for-adoption.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="The Cat Ark cat rescue in Galway, Ireland offers cats for adoption and rescues stray cats">
<meta name="keywords" content="cat adoption, cats, cat shelter, Galway, Ireland, cat rescue, animal charity, pet, The Cat Ark, donate, volunteer">
<link rel="stylesheet" href="assets/index.css/style.css">
<title>Cats For Adoption</title>
</head>
<body class="shape">
<header>
<!--header to be the same on each page as it is the logo and will link back to home page-->
<a href="index.html" class="logo">
<h1>The Cat Ark</h1>
</a>
<nav >
<ul id="menu">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="#cats-for-adoption.html" class="active">Adopt A Cat</a>
</li>
<li>
<a href="contact-us.html">Contact Us</a>
</li>
</ul>
</nav>
<h1 id="topadopt">Cats For Adoption</h1>
</header>
<div class="catadopt">
<img src="https://res.cloudinary.com/dhifyjuus/image/upload/v1658677730/The%20Cat%20Ark/pexels-wojciech-kumpicki-2071882-main-pic-2_kva7ra.jpg"
alt=" a young grey and black tabby cat for adoption">
<dl class="details">
<dt> Name</dt>
<dd>Milo</dd>
<dt>Type </dt>
<dd>Male domestic short hair tabby</dd>
<dt>Needs</dt>
<dd>Socialised with children and other cats. Needs a dog-free home.</dd>
<dt>About </dt>
<dd>Milo is a sweet grey tabby with black stripes. He is about a year old and is fully house-trained.
Milo loves head scrathes and playing with cat toys. He has lived in a foster home with children and other cats and is very well socialised.
He is not fond of dogs so would do better in a home without dogs.
If you think Milo would be a good match for your home, we would love to hear from you!
</dd>
</dl>
<br>
<!--orange link to contact-us page -->
<a href="contact-us.html">
<h3>Click Here To Contact Us</h3>
</a>
</div>
<br>
<div class="catadopt">
<img src="https://res.cloudinary.com/dhifyjuus/image/upload/v1658677659/The%20Cat%20Ark/pexels-cats-coming-1571076_qaw9z7.jpg"
alt="Nola, female cat for adoption with a white chest and ginger, grey markings on head and back">
<dl class="details">
<dt> Name:</dt>
<dd>Nola</dd>
<dt>Type:</dt>
<dd>Female domestic shorthair, white chest with ginger and grey markings on her head and back</dd>
<dt>Needs: </dt>
<dd>Socialised with dogs and children but prefers to be the only cat in the home</dd>
<dt>About: </dt>
<dd>Nola loves to sit on your lap to nap and be petted. She is very affectionate with people but gets intimadated by
other cats so would be better as an only cat. She is very patient with children and is fully-housetrained.
If you are interested in meeting Nola, click the link below.
</dd>
</dl>
<br>
<!--orange link to contact-us page -->
<a href="contact-us.html">
<h3>Click Here To Contact Us</h3>
</a>
</div>
<br>
<div class="catadopt">
<img src="https://res.cloudinary.com/dhifyjuus/image/upload/v1658677676/The%20Cat%20Ark/pexels-lilartsy-1132569_asryqj.jpg"
alt="Bella, female cat for adoption, white with black markings">
<dl class="details">
<dt> Name:</dt>
<dd>Bella</dd>
<dt>Type:</dt>
<dd>Female domestic shorthair, white with black markings</dd>
<dt>Needs: </dt>
<dd>Needs a quiet home, likes other cats but nervous around dogs, children and a lot of noise</dd>
<dt>About: </dt>
<dd>Bella is a sweetheart and loves nothing more than a cuddle and some love. She is a bit timid around too much
noise so would suit a quieter home but she is happy in the company of other cats. She is fully-housetrained.
</dd>
</dl>
<!--orange link to contact-us page -->
<a href="contact-us.html">
<h3>Click Here To Contact Us</h3>
</a>
</div>
<br>
<div class="catadopt">
<img src="https://res.cloudinary.com/dhifyjuus/image/upload/v1658677689/The%20Cat%20Ark/pexels-maree-zimny-2759566_peod9g.jpg" alt="Katniss, very fluffy female for adoption, white with ginger, grey and black markings">
<dl class="details">
<dt> Name:</dt>
<dd>Katniss</dd>
<dt>Type:</dt>
<dd>Female longer hair domestic cat, very fluffy with white chest and belly and ginger and black markings on top of head and back</dd>
<dt>Needs: </dt>
<dd>Socialised with children, other cats and with dogs. Very easy-going</dd>
<dt>About: </dt>
<dd>Katniss is usually found sitting in the middle of family life, watching everything that is going on and always ready to interact
with everyone. She is very friendly and affectionate and loves to watch nature documentaries.
</dd>
</dl>
<!--orange link to contact-us page -->
<a href="contact-us.html">
<h3>Click Here To Contact Us</h3>
</a>
</div>
<br>
<!--Footer..links for social media, menu, copyright-->
<footer>
<div class="footer-content">
<h3>The Cat Ark</h3>
<p>
Visit Us in Galway, Ireland
or follow us on social media for updates.
</p>
<!--social media links-->
<ul class="social-media">
<li>
<a href="https://facebook.com" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)"><i class="fab fa-facebook-square"></i></a>
</li>
<li>
<a href="https://twitter.com" target="_blank" rel="noopener"
aria-label="Visit our Twitter page (opens in a new tab)"><i class="fab fa-twitter-square"></i></a>
</li>
<li>
<a href="https://youtube.com" target="_blank" rel="noopener"
aria-label="Visit our YouTube page (opens in a new tab)"><i class="fab fa-youtube-square"></i></a>
</li>
<li>
<a href="https://instagram.com" target="_blank" rel="noopener"
aria-label="Visit our Instagram page (opens in a new tab)"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
<div class="footer-bottom">
<p>© Michelle Brady</p>
</div>
<!--font awesome script-->
<script src="https://kit.fontawesome.com/e576ca19f3.js" crossorigin="anonymous"></script>
</footer>
</body>
</html>