-
Notifications
You must be signed in to change notification settings - Fork 0
/
hens.html
183 lines (171 loc) · 8.54 KB
/
hens.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
<!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">
<!-- Container for Hens -->
<div class="container custom-content shadow-lg">
<h1>EX-BATTERY HENS</h1>
<div class="custom-wrap-img text-center">
<img src="images/adopt/hen.jpg" class="rounded" alt="An ex-battery rescue hen ready for adoption">
</div>
<p class="custom-wrap-text">
<b>The Sanctuary works closely with animal welfare groups to rescue, rehabilitate and re-home battery hens.
Hens make wonderful companions as they are low-maintenance, social animals that love to spend time with you and will keep you entertained with their antics.</b>
</p>
<p class="custom-wrap-text">
For adopters in the Auckland Rodney areas (e.g. Warkworth, Matakana, Snells Beach, Leigh, Wellsford, etc), Helensville and Mangawhai,
please fill out <b class="custom-b-green">our adoption form.</b>
<p class="custom-wrap-text">
<b>For ALL OTHER AREAS of Auckland, Waikato, Tauranga, Rotorua, please apply using
the <a href="https://franklinfarmsanctuary.co.nz/adoption-form/" class="in-text-link" target="_blank">Franklin Farm Sanctuary form.</a></b>
</p>
<!-- Div for Hen Form -->
<div class="custom-form mt-5">
<form action="#">
<div class="form-group">
<label for="name">Name:</label>
<input type="name" class="form-control" id="name" placeholder="Please enter your name" name="name">
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="email" placeholder="Please enter your email" name="email">
</div>
<div class="form-group">
<label for="phone">Phone:</label>
<input type="phone" class="form-control" id="phone" placeholder="Please enter your phone number" name="phone">
</div>
<div class="form-group">
<label for="location">Where do you live?</label>
<input type="location" class="form-control" id="location" placeholder="Please enter your town/city" name="location">
</div>
<div class="form-group">
<label for="chickens">Do you have chickens already?</label>
</div>
<select class="form-select" aria-label="">
<option selected>Please select either Yes or No</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<div class="form-group">
<label for="chickens4life">Do you promise to keep these birds for life?</label>
</div>
<select class="form-select" aria-label="Default select example">
<option selected>Please select either Yes or No</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<div class="form-group">
<label for="housing">Do you have adequate housing that will shelter them from wind and rain, keep them safe at night, and provide nesting areas and roosts?</label>
</div>
<select class="form-select" aria-label="Default select example">
<option selected>Please select either Yes or No</option>
<option value="Yes">Yes</option>
<option value="No">No</option>
</select>
<div class="form-group">
<label for="freerange/run">Will the hens free range during the day, or have a large run with grass?</label>
</div>
<select class="form-select" aria-label="Default select example">
<option selected>Please select an option below</option>
<option value="Yes">Free Range</option>
<option value="No">Run</option>
</select>
<div class="form-group">
<label for="message" class="form-label">Why would you like to adopt some hens? </label>
<textarea type="message" class="form-control" id="message" rows="4" placeholder="Please type your reply here"></textarea>
</div>
<button type="submit" class="btn btn-success d-flex mx-auto mt-3">Send</button>
</form>
</div>
<!-- End Container for Hen Form -->
<hr>
<div class="text-end">
<a class="btn btn-outline-success" href="help.html" role="button">Back to Donate/Help</a>
</div>
</div>
<!-- Hens-->
<!-- 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>