-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
160 lines (143 loc) · 6.64 KB
/
contact.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
<!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">
<!-- Contact Us -->
<div class="container custom-content shadow-lg">
<!-- Contact and Form section -->
<h1>CONTACT US</h1>
<div class="row">
<div class="col-md-6">
<!-- Contact Us Form -->
<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="subject">Subject:</label>
<input type="subject" class="form-control" id="subject" placeholder="Please enter the subject of your message" name="subject">
</div>
<div class="form-group">
<label for="message" class="form-label">Message:</label>
<textarea type="message" class="form-control" id="message" rows="4" placeholder="Please type your message here"></textarea>
</div>
<button type="submit" class="btn btn-success d-flex mx-auto mt-3">Send</button>
</form>
<!-- End Contact Us Form -->
</div>
<div class="col-md-6">
<p><b>Please use the contact details below or fill out the form to get in contact with us. We look forward to hearing from you!</b></p>
<h4>Address</h4>
<p>
The Sanctuary
<br>441 Govan Wilson Rd
<br>Matakana
<br>RD5, Warkworth
<br>New Zealand
</p>
<h4>Phone</h4>
<p>09 422 7322</p>
<h4>Email</h4>
<p>[email protected]</p>
</div>
</div>
<!-- End Contact and Form section -->
<hr>
<!-- Google Map -->
<div class="container text-center">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d102879.19689031561!2d174.57150233201511!3d-36.31291544976335!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6d0cc32c12608d4f%3A0xae3c43623189cbde!2s441%20Govan%20Wilson%20Road%2C%20Whangaripo%200985!5e0!3m2!1sen!2snz!4v1706850963693!5m2!1sen!2snz" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<!-- End Google Map -->
</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>