-
Notifications
You must be signed in to change notification settings - Fork 0
/
animals.html
192 lines (184 loc) · 8.82 KB
/
animals.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>The Animal Sanctuary</title>
<meta name=description
content="The Animal Sanctuary - Animal Shelter based near Matakana is an established chicken, duck, farm animal and native bird rescue working for the health and welfare of animals across New Zealand">
<!-- Load external font-awesome CSS styles -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Load external Bootstrap CSS styles -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Load external Google fonts -->
<link href='https://fonts.googleapis.com/css?family=Source Sans Pro' rel='stylesheet'>
<!-- Custom CSS -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- Header -->
<header class="container-fluid custom-header-wrapper">
<a href="https://www.facebook.com/TheAnimalSanctuaryNZ" target="_blank"><img id="banner" src="images/sanctuary-banner.png"
alt="Animal Sanctuary Logo" class="img-fluid" /></a>
</header>
<!-- End Header -->
<!-- Navigation -->
<nav class="sticky-top navbar navbar-expand-xl custom-navbar">
<a class="d-lg-node d-xl-none navbar-brand" href="#"></a>
<button class="navbar-toggler custom-toggler shadow-none" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="justify-content-center navbar-collapse collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto navbar-custom">
<li class="nav-item px-3">
<a class="nav-link" href="index.html">HOME</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="about.html">ABOUT</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="animals.html">ANIMALS</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="adopt.html">ADOPT</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="shop.html">SHOP</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="help.html">DONATE/HELP</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="gallery.html">GALLERY</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="FAQ.html">FAQ</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="contact.html">CONTACT</a>
</li>
</ul>
</div>
</nav>
<!-- End Navigation -->
<!-- Content area cloud background -->
<div class="container-fluid custom-background">
<!-- Meet The Animals -->
<div class="container custom-content shadow-lg">
<h1>MEET THE ANIMALS</h1>
<div class="container">
<p>
<b>Because there are a number of rescue agencies set up for dogs and cats, The Sanctuary’s primary focus is on other creatures in need of help…
and in particular animals that have been ill-treated.</b>
</p>
<p>
The Sanctuary has so far provided a safe haven for a variety of donkeys, pigs, goats, battery hens, parrots, ducks, dogs, cats, a turtle and a turkey!
</p>
<p>
All of these animals were suffering from neglect or direct abuse, and desperately needed a good home with lots of tender loving care.
Once these beautiful animals realize that they won’t be hurt any more, they become the most gentle and caring companions with amazing personalities.
Click on the links below to meet some of our happy residents!
</p>
</div>
<div class="row">
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Equines</h4>
<img src="images/animals/animals-1-equines.jpg" alt="equines" class="card-img-top" />
<div class="card-img-overlay">
<a href="equines.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Goats</h4>
<img src="images/animals/animals-2-goats.jpg" alt="goats" class="card-img-top" />
<div class="card-img-overlay">
<a href="goats.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Pigs</h4>
<img src="images/animals/animals-3-pigs.jpg" alt="pigs" class="card-img-top" />
<div class="card-img-overlay">
<a href="pigs.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Parrots</h4>
<img src="images/animals/animals-4-parrots.jpg" alt="parrots" class="card-img-top" />
<div class="card-img-overlay">
<a href="parrots.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Ducks</h4>
<img src="images/animals/animals-5-ducks.jpg" alt="ducks" class="card-img-top" />
<div class="card-img-overlay">
<a href="ducks.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Peacocks</h4>
<img src="images/animals/animals-6-peacocks.jpg" alt="peacocks" class="card-img-top" />
<div class="card-img-overlay">
<a href="peacocks.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Hens</h4>
<img src="images/animals/animals-7-hens.jpg" alt="hens" class="card-img-top" />
<div class="card-img-overlay">
<a href="ourhens.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card custom-card-animals">
<h4 class="card-header custom-card-title-animals">Native Birds</h4>
<img src="images/animals/animals-8-nativebirds.jpg" alt="native birds" class="card-img-top" />
<div class="card-img-overlay">
<a href="nativebirds.html" class="btn custom-btn-animals">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Meet The Animals -->
<!-- Footer - within main container -->
<footer class="custom-footer">
<a href="https://www.facebook.com/TheAnimalSanctuaryNZ" target="_blank"><img id="facebook" src="images/followus.png"
alt="Animal Sanctuary Banner" class="img-fluid" /></a>
<p>
The Sanctuary is an animal refuge run by Shawn Bishop and Michael Dixon in Matakana, New Zealand. We provide a safe haven for abused and neglected animals,
and care for injured or orphaned native birds. A charitable trust has been established for this purpose.
</p>
<span><i class="fa fa-copyright"></i> 2024 The Animal Sanctuary</span>
</footer>
<!-- End Footer -->
</div>
<!-- End Content area -->
<!-- Load external Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
crossorigin="anonymous"></script>
</body>
</html>