-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgetting_here.html
136 lines (122 loc) · 6 KB
/
getting_here.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- google font -->
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap" rel="stylesheet" />
<!-- google font -->
<link rel="stylesheet" href="/CSS/baseStyle.css">
<link rel="stylesheet" media="screen and (min-width: 900px)" href="/CSS/styles.css" />
<link rel="stylesheet" media="screen and (max-width: 901px)" href="/CSS/styleSmallScreeen.css" />
<link rel="stylesheet" href="/CSS/gallery.css">
<script src="/javascript/gallery.js"></script>
<script src="/javascript/index.js"></script>
<title>Visit Wisemans Ferry</title>
</head>
<body class="body">
<div id="zoomImg" class="zoom-img" onclick="closeImage()" style="display: none">
<div class="gallery-box">
<img id="zoomedImage" src="/gallery-images/gallery-img1.JPG" alt="sample alt text" onclick="closeImage()" />
<div class="caption-box">
<h1 id="galleryCaption" class="gallery-caption">This is a very long caption</h1>
</div>
</div>
</div>
<main class="main">
<header class="header">
<img class="header__hero-img" src="/images/banner.jpg" alt="Sunset at Wisemans Ferry" />
<heading class="headings">
<h1 class="headings--title">Wisemans Ferry</h1>
<h2 class="headings--tag ">"Come visit the Hawkesbury"</h2>
</heading>
</header>
<nav class="burger-wrapper" onclick="openNav()">
<h2>"Come visit the Hawkesbury"</h2>
<div class="burger-wrapper__hamburger"></div>
</nav>
<nav id="navigation-bar" class="nav-menu ham-menu ">
<ul class="nav-items ham-items">
<li><a class="nav-link nav-link:hover ham-link" href="/index.html">Overview</a></li>
<li class="nav-link--this-page ham-link--this-page" >Getting here</li>
<li><a class="nav-link nav-link:hover ham-link" href="/gallery.html">Gallery</a></li>
<li><a class="nav-link nav-link:hover ham-link" href="/contact.html">Contact</a></li>
</ul>
</nav>
<article class="article ">
<h3 class="page-title">Getting here</h3>
<br>
<div>
<div class="float-right small-centered">
<iframe class="float-right__image--map small-map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26648.583910130084!2d150.9665664311174!3d-33.39525994057257!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b0d41bed4f5664b%3A0x5017d68163348f0!2sWisemans%20Ferry%20NSW%202775!5e0!3m2!1sen!2sau!4v1649552557219!5m2!1sen!2sau"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<br />
<div class="caption-text">click to enlarge</div>
</div>
<p class="paragraph">Wisemans Ferry is located approximately 60km from the Sydney CBD. Driving is the best
option.</p>
<p class="paragraph">Trains run from the city to Richmond. From there it is recommended to hire a car for
the day to explore the
area. The ferries at the various river crossings are free of charge.</p>
<p class="paragraph">Access to Dural and Wisemans Ferry is best via Hills M2 Motorway to the Castle Hill
exit. Follow the
Metroad 2 signs to Castle Hill Road, then follow Tourist Drive 15 along Old Northern Road through Dural
all
the way to Wisemans Ferry (approx 90 minutes from the city).</p>
<p class="paragraph">
The area has a number of scenic drives and is a favoured location for car and motorcycle enthusiasts.
Winding
roads and beautiful vistas will keep you coming back again and again.
</p>
</div>
</article>
<aside class="side-bar">
<div class="panel panel--justified-text">
<div class="ferryHours ">
<h3>Ferry Hours</h3><br>
<p>The Webbs Creek Ferry at Wisemans Ferry crosses the Hawkesbury River just south of the junction of the
Macdonald River.</p><br>
<p>Operates 24/hrs 7days a week.</p><br>
<p>
only closed for maintenance on the 1st Tuesday of each month from 9.30am
till 12.00pm.
</p>
</div>
</div>
<div class="panel panel--center-text">
<h3>Coming up</h3>
<hr class="panel--horizontal-line">
<P>16/4/22 - Tidal mills & Colonial food</P>
<hr class="panel--horizontal-line">
<P>17/4/22 - Easter Egg Hunt in the park</P>
<hr class="panel--horizontal-line">
<P>25/4/22 - ANZAC Day Dawn service</P>
<hr class="panel--horizontal-line">
<P>13/8/22 - Bark Buster Blitz</P>
<hr class="panel--horizontal-line">
<P>28/9/22 - Return to Rio Halloween Special</P>
<hr class="panel--horizontal-line">
</div>
</aside>
<footer>
<div class="social-icons">
<div class="tourismInfo">
<p>Tourism NSW</p>
<p>Hawkesbury Region</p>
</div>
<a href="https://www.facebook.com/visitnsw" target="_blank" title="FaceBook"><img class="socials"
src="/images/facebook.png" alt="FaceBook" /></a>
<a href="https://www.instagram.com/visitnsw/" target="_blank" title="Instagram"><img class="socials"
src="/images/instagram.png" alt="InstaGram" /></a>
<a href="https://twitter.com/NewSouthWales" target="_blank" title="Twitter"><img class="socials"
src="/images/twitter.png" alt="Twitter" /></a>
<a href="https://github.com/Clint-WooliesX" target="_blank" title="gitHub"><img class="socials" src="/images/github.png"
alt="gitHub" srcset="" /></a>
</footer>
</main>
</body>
</html>