-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
194 lines (181 loc) · 9.09 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
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
<!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-lg 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">
<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">
<!-- Home -->
<div class="container custom-content shadow-lg">
<!-- Welcome section -->
<h1>WELCOME TO THE ANIMAL SANCTUARY</h1>
<div class="row">
<div class="col-lg-6 mb-3">
<div class="container-iframe">
<iframe class="responsive-iframe"
src="https://player.vimeo.com/video/447269165?color&autopause=0&loop=1&muted=0&title=0&portrait=0&byline=0#t=">
</iframe>
</div>
</div>
<div class="col-lg-6">
<p>
<b>The Animal Sanctuary is run by Shawn Bishop and Michael Dixon based in Matakana, New Zealand.
We provide a safe haven for abused and neglected animals, and care for injured and orphaned native birds.</b>
</p>
<p>
Our 32 acre property has grazing land to permanently home abused animals, and is bordered by 400 acres of protected bush where we can
safely release rehabilitated native birds.
</p>
<p>
We currently care for around 100 animals in The Sanctuary: two-legged and four-legged, native and exotic, warm and cold-blooded –
all getting the care that they deserve.
</p>
<p class="text-center">
<b>You can <a href="https://player.vimeo.com/video/447269165?color&autopause=0&loop=1&muted=0&title=0&portrait=0&byline=0#t=" target="_blank" class="in-text-link">watch our video</a>
to learn more about what we do, and <a href="https://www.facebook.com/TheAnimalSanctuaryNZ" target="_blank" class="in-text-link-facebook">Follow us on Facebook</a> to see what we get up to.</b>
</p>
</div>
</div>
<!-- End Welcome section -->
<hr/>
<!-- What We Do -->
<div class="row">
<h3 class="mb-3">The Animal Sanctuary is a haven for all animals, with a focus on three main areas of work:</h3>
<div class="col-md-4">
<div class="card custom-card-home">
<img src=" images/home/nativebirds.jpg" alt="Two native wood pigeons - kereru" class="card-img" />
<div class="card-img-overlay">
<div class="card-body custom-card-body-home">
<h4 class="card-title custom-card-title-home">Native Birds</h4>
<p class="card-text custom-card-text-home">We rehabilitate and release native New Zealand birds back into the wild.</p>
<a href="nativebirds.html" class="btn custom-btn-home">Learn more</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card custom-card-home">
<img src="images/home/rescueanimals.jpg" alt="Young rescue goat" class="card-img" />
<div class="card-img-overlay">
<div class="card-body custom-card-body-home">
<h4 class="card-title custom-card-title-home">Rescue Animals</h4>
<p class="card-text custom-card-text-home">The Animal Sanctuary is a permanent home and refuge for abandoned, abused, and forgotten animals.</p>
<a href="animals.html" class="btn custom-btn-home">Learn more</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card custom-card-home">
<img src="images/home/batteryhens.jpg" class="card-img" alt="Battery Hens" />
<div class="card-img-overlay">
<div class="card-body custom-card-body-home">
<h4 class="card-title custom-card-title-home">Battery Hens</h4>
<p class="card-text custom-card-text-home">We rehabilitate and rehome ex-battery hens throughout the Auckland region.</p>
<a href="hens.html" class="btn custom-btn-home">Learn more</a>
</div>
</div>
</div>
</div>
</div>
<!-- End What We Do -->
<hr/>
<!-- Sponsorship request -->
<div class="container custom-content-green">
<h1 class="custom-h1-greenbg"><i>Would you spare a coffee for the animals?</i></h1>
<p>
<b>For the price of one good coffee a month, you can provide real help to injured and orphaned native birds and rescued abused animals.</b>
</p>
<p>
Become a Sanctuary Supporter with an automatic deduction of $5 or more per month.
You will be invited to exclusive Supporters events, can cuddle the animals and visit the birds, and will receive regular photos and updates.
And because we are a registered charity, you’ll even receive one-third of your donation each year back from the government.
Which means you can join for LESS than a cup of coffee each month! <a href="support.html" class="in-text-link-greenbg">Click here to become a supporter.</a>
</p>
</div>
<!-- End Sponsorship request -->
</div>
<!-- End Home -->
<!-- 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>