-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (137 loc) · 6.46 KB
/
index.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
<!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" />
<!-- media query / stylesheets-->
<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">
<!-- JavaScript -->
<script src="javascript/gallery.js"></script>
<script src="javascript/index.js"></script>
<script src="javascript/preloader.js" defer></script>
<title>Visit Wisemans Ferry</title>
</head>
<body class="body">
<div id="curtain" class="curtain" onclick="closeImage()" style="display: none">
<div class="gallery-box">
<img id="full-size-gallery" class="full-size-gallery" 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 class="nav-link--this-page ham-link--this-page ">Overview</li>
<li><a class="nav-link nav-link:hover ham-link" href="/getting_here.html">Getting here</a></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">Overview</h3>
<br>
<div>
<div class="float-right small-centered">
<img class="float-right__image small-centered__image" onclick="openImg(this.src,this.alt)"
src="/images/ferry.jpg" alt="Ferry crossing the Hawkesbury River" />
<br />
<div class="caption-text">click to enlarge</div>
</div>
<p class="paragraph">
Wisemans Ferry is the oldest ferry crossing still in operation in
New South Wales. The river settlement of Wisemans Ferry is located
in the heart of the Hawkesbury River around 60 kilometers north-west
of Sydney CBD. Surrounded by beautiful national parks Wisemans Ferry
is a rustic village on one of Australia’s most famous waterways.
Take one of the two ferries available across the sparkling
Hawkesbury River to explore St Albans, the Hunter Valley and
Gosford.
</p>
</div>
<div>
<div class="float-right small-centered ">
<img class="float-right__image small-centered__image" onclick="openImg(this.src,this.alt)"
src="/images/rockCarving.JPG" alt="Aboriginal rock carving" />
<div class="caption-text">Click to enlarge</div>
</div>
<p class="paragraph">
Filled with Aboriginal and European history, the area’s heritage
shops and famous pub are great spots to relax on a getaway from the
city. The nearby Dharug National Park contains 16 kilometers of the
convict-built Old Great North Road that once connected Sydney and
Newcastle. Visitors can walk the first 1.6 kilometers section of the
old road, or stroll along the 1.6 kilometers Grass Tree Circuit - a
good walk for families – or picnic at Mill Creek or Hazel Dell. The
park is also a popular destination for mountain biking (bikes must
be walked up Devines Hill), while car-based and small-caravan
camping is available at Mill Creek. Backpack camping is permitted at
Ten Mile Hollow.
</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>
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>
</div>
</footer>
</main>
</body>
</html>