-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontactUs.html
More file actions
executable file
·145 lines (126 loc) · 6.71 KB
/
contactUs.html
File metadata and controls
executable file
·145 lines (126 loc) · 6.71 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Wellington Botanical Society</title>
<script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.min.css">
</head>
<body>
<header class="header">
<nav class="nav">
<div class="headerBar headerBarBackground">
<div class="logoSize">
<h1 class="logo">Wellington Botanical Society</h1>
</div>
<div class="buttonPosition">
<button type="button" name="button" class="btn btnMenu">Menu</button>
</div>
</div><!--headerBar-->
<div class="menuWrapper">
<ul class="menu menuSize">
<li class="menuItem menuItemSize"><a class="menuItemLink menuItemLinkClick" href="index.html">Home</a></li>
<li class="menuItem menuItemSize"><a class="menuItemLink menuItemLinkClick" href="ourMission.html">Our Mission</a></li>
<li class="menuItem menuItemSize"><a class="menuItemLink menuItemLinkClick" href="fieldTrips.html">Field Trips</a></li>
<li class="menuItem menuItemSize"><a class="menuItemLink menuItemLinkClick" href="meetings.html">Meetings</a></li>
<li class="menuItem menuItemSize"><a class="menuItemLink menuItemLinkClick" href="membership.html">Membership</a></li>
<li class="menuItem menuItemSize"><a class="menuItemLink menuItemLinkClick" href="contactUs.html">Contact Us</a></li>
</ul>
</div>
</nav>
</header>
<main class="main">
<div class="mainContainer">
<div class="filler"></div>
<div class="heading">
<h2 class="h2">Contact Us</h2>
</div>
<div class="contactContainer">
<div class="leftContent">
<div class="contactBGImg leftBGImg" title="Rata Tree">
<div class="imgOpacity"></div>
<div class="message messagePosition messageBorder contactMessage">
<p>
If you would like any help on identifying plants or have any general enquiries in regards to upcoming meetings and field trips, membership information, award information or anything else please feel free to contact us. To stay up to date with Wellington Botanical Society and chat among the community with others join our Facebook group full of diverse inidividuals!
</p>
</div>
</div>
</div>
<hr class=" hr hrTop">
<div class="rightContactContent rightContent">
<div class="waysOfContact">
<div class="contact mailContact">
<span class="icon mailIconSize">
<i class="fas fa-envelope"></i>
</span>
<p class= "contactText boldText">
<strong>Wellington Botanical Society</strong><br>
PO Box 10-412<br>
Wellington 6143<br>
New Zealand<br>
</p>
</div>
<div class="contact emailContact">
<span class="icon emailIconSize">
<i class="fas fa-at"></i>
</span>
<p class="contactText boldText">
rockwren19@gmail.com
</p>
</div>
<div class="contact phoneContact">
<span class="icon phoneIconSize">
<i class="fas fa-phone fa-flip-horizontal"></i>
</span>
<p class="contactText boldText">
021 112 8841
</p>
</div>
<div class="contact fbContact">
<span class="icon fbIconSize">
<i class="fab fa-facebook"></i>
</span>
<p class="contactText boldText">
Wild Plants of Wellington
</p>
</div>
<hr class=" hr hrBottom">
</div>
<div class="contactFormContainer">
<h3 class="h3">Send us a message</h3>
<form class="contactForm bodyText" action="index.html" method="post">
<label class="formTitle h4" for="name">Name</label><br>
<input class="name content nameEmailHeight border" type="text" name="name"><br>
<label class="formTitle h4" for="email">Email</label><br>
<input class="content nameEmailHeight border" type="text" name="email"><br>
<label class="formTitle h4" for="textarea">Your Message</label><br>
<textarea class="content messageHeight border" name="textarea" rows="8" cols="40"></textarea><br>
<label class="formTitle h4" for="button">Insert File</label><br>
<div class="fileWrapper content contentMargin">
<button class="fileBtn" name="button">Choose files</button>
<p class="titleforplant">Plant.jpeg</p><br>
</div>
<label class="formTitle h4" for="contactingReasoning">How can we help?</label><br>
<ul class="content contactReasons">
<li class="formLI"><input type="radio" class="select" name="contactingReasoning" value="Membership information"><label for="memberInfo">Membership information</label></li>
<li class="formLI"><input type="radio" class="select" name="contactingReasoning" value="Field trip/meeting information"><label for="tripInformation">Field trip/meeting information</label></li>
<li class="formLI"><input type="radio" class="select" name="contactingReasoning" value="Just saying hi :)"><label for="comment">Just saying hi</label></li>
<li class="formLI"><input type="radio" class="select" name="contactingReasoning" value="Other"><label for="other">Other</label></li>
</ul>
<button class="submitBtn btnPrimary" type="submit" name="button">Submit</button><br>
</form>
</div>
</div>
</div>
</div>
</main>
<footer class="footer contactFooter">
<div class="copyright"><p>© 2018 Wellington Botanical Society. All Rights Reserved.</p></div>
</footer>
<script src="js/jquery-3.3.1.js"></script>
<script src="js/script.min.js"></script>
</body>
</html>