-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfieldTrips.html
115 lines (101 loc) · 5.77 KB
/
fieldTrips.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
<!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">Field Trips</h2>
</div>
<div class="leftContent tripMessageWrapper">
<div class="tripsBGImg leftBGImg">
<div class="imgOpacity"></div>
<div class="tripMessage message messagePosition messageBorder">
<p class="tripMesssageText">
<strong>We welcome all members and visitors to our field trips!</strong> Day trips to locations in the Wellington region are usually held on the first Saturday of each month. If you wish to join our field trips please contact us using the link below for more information and confirmation on your attendance.
</p>
</div>
</div>
</div>
<div class="rightContent">
<div class="tripCard tripCard1">
<div class="blurbContainer">
<div class="tripDetails trip1Text">
<h3 class="h3 tripsH3">Wainuiomata Catchment</h3>
<p class= "bodyText">
<strong>Date: </strong>07/04/2018<br>
<strong>Time: </strong>9:45am<br>
<strong>Details: </strong>Join members of Nelson Botanical Society to botanise this extensive tract of podocarp-broadleaved forest in one of our drinking-water catchments. See massive northern rata and rimu, numerous species of ferns, lianes, shrubs and ground-covers.
</p>
</div>
</div>
<div class="floatRightTrips">
<div class="mapWrapper">
<div class="map map1"><iframe class="mapBorder" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d249741.93450212816!2d174.87179527584453!3d-41.27382152922535!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6d47565cb8ba4e37%3A0x7910b11ef1e7be61!2sWainuiomata+Recreation+Area!5e0!3m2!1sen!2snz!4v1523780445279" width="259" height="216" style="border:0" allowfullscreen></iframe></div>
</div>
<div class="attendButtonWrapper">
<a class="btnPrimary attendBtn" href="mailto:[email protected]">Attend Field Trip</a>
</div>
</div>
</div>
<div class="tripCard tripCard2">
<div class="blurbContainer">
<div class="tripDetails trip1Text">
<h3 class="h3 tripsH3">183 South Karori Road</h3>
<p class= "bodyText">
<strong>Date: </strong>05/05/2018<br>
<strong>Time: </strong>9:30AM<br>
<strong>Details: </strong>Help to prepare lists of native and introduced plants on this hill-side property owned by Jo Schofield’s partner Brent Layton.
</p>
</div>
</div>
<div class="floatRightTrips">
<div class="mapWrapper">
<div class="map map1"><iframe class="mapBorder" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d55773.48397072393!2d174.6821328607422!3d-41.28679394712563!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6d38b093a78ce24b%3A0x6c6bae8e73a999c5!2s183+S+Karori+Rd%2C+Karori%2C+Wellington+6012!5e0!3m2!1sen!2snz!4v1523780343485" width="259" height="216" style="border:0" allowfullscreen></iframe></div>
</div>
<div class="attendButtonWrapper">
<a class="btnPrimary attendBtn" href="mailto:[email protected]">Attend Field Trip</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<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>