-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (159 loc) · 7.37 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
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<!--Links to external pages-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./css/Style.css">
<link rel="icon" type="image/x-icon" href="./images/favicon.ico">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!--Image for header -->
<img class="headerImage" src="./images/Loops_Header.png">
<!--List for Navigation bar <a> set to to active class for current page -->
<ul class="topnav">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="walks.html">Walks</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
<!-- Full-width slideshow with text box -->
<div class="slideshow-container">
<div class="mySlides responsive fade">
<!--Image in background-->
<img src="./images/slideshow1.png">
<!--Text box-->
<div class="homeText">
Kirikiriroa Loops makes virtual walks of Hamilton New Zealand, and its close surroundings, for real
people. Visit our website to explore and enjoy our little part of the world. We’ll be adding new
walks regularly so If you’d like to know when a new walk has been added be sure to follow us on our
social media pages and turn on your notifications to get the latest updates from the team.
</div>
</div>
<div class="mySlides responsive fade">
<!--Image in background-->
<img src="./images/slideshow2.png">
<!--Text box-->
<div class="homeText">
Kirikiriroa Loops makes virtual walks of Hamilton New Zealand, and its close surroundings, for real
people. Visit our website to explore and enjoy our little part of the world. We’ll be adding new
walks regularly so If you’d like to know when a new walk has been added be sure to follow us on our
social media pages and turn on your notifications to get the latest updates from the team.
</div>
</div>
<div class="mySlides responsive fade">
<!--Image in background-->
<img src="./images/slideshow3.png">
<!--Text box-->
<div class="homeText">
Kirikiriroa Loops makes virtual walks of Hamilton New Zealand, and its close surroundings, for real
people. Visit our website to explore and enjoy our little part of the world. We’ll be adding new
walks regularly so If you’d like to know when a new walk has been added be sure to follow us on our
social media pages and turn on your notifications to get the latest updates from the team.
</div>
</div>
</div>
<!--Scroll to top button -->
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<!--Div for creating row with two columns-->
<div class="homeRow">
<!--Left column-->
<div class="homeColumn">
<u>
<p>Posted on <time datetime="23-10-2022 16:00">October 22</time> by Molly</p>
</u>
<h2>Long Stretch of Gravel</h2>
<p>Kirikiriroa is a beautiful city just 1.5 hours south of Auckland in New Zealand. The Māori name for
Hamilton translates to “long stretch of gravel”. With a few staple destinations, The Hamilton Gardens,
Hamilton Zoo, and Hamilton Lake, there is plenty of nature to explore. There are over 12 designated
walkways and paths cutting through and wrapping around the city.</p>
<p>Did you know that Hamilton is one of the only cities in New Zealand to support a resident population of
long-tailed bats? You might just hear some echoing around Hamilton Lake or The Waikato River if the
conditions are right!</p>
</div>
<!--Right column-->
<div class="homeColumn">
<img src="./images/IMG_path.png" class="responsive">
</div>
</div>
<!--Parallax image-->
<div class="parallax" style="background-image: url('images/IMG_1775.png')"></div>
<!--Div for creating second row with two columns-->
<div class="homeRow">
<!--Left column-->
<div class="homeColumn">
<u>
<p>Posted on <time datetime="30-10-2022 16:00">October 30</time> by Susie</p>
</u>
<h2>Walking in Nature Can Benefit Our Health</h2>
<p>Spending time in green space or bringing nature into your everyday life can benefit both your mental and
physical well-being. Breathing fresh air can help regulate your levels of serotonin and promote happiness
and well-being. The recommended distance we should be walking each day is 10,000 steps. Walking this
range of steps in a day has a wide range health benefits:
<ul>
<li>Improve your mood</li>
<li>Reduce feelings of stress or anger</li>
<li>Help you take time out and feel more relaxed</li>
<li>Improve your physical health by burning body fat and strengthening muscles</li>
<li>Strengthen the heart and increase circulation.</li>
<li>Help you meet and get to know new people</li>
<li>Connect you to your local community</li>
<li>Help you feel more connected to nature</li>
</ul>
</p>
</div>
<!--Right column-->
<div class="homeColumn">
<img src="./images/IMG_path3.png" class="responsive">
</div>
</div>
<!--Parallax image-->
<div class="parallax" style="background-image: url('images/IMG_1775.png')"></div>
<!--Div for creating third row with two columns-->
<div class="homeRow">
<!--Left column-->
<div class="homeColumn">
<u>
<p>Posted on <time datetime="2-11-2022 16:00">October 31</time> by James</p>
</u>
<h2>Tis the Season to be Spooky</h2>
<p>Kirikiriroa is a great place to explore, however not very many know how truly different it is at night.
If you're feeling brave enough and invite a few friends too, there are a few walks waiting to be explored...
</p>
<p>Every so often the Hamilton City Gardens will open up at night and you can re-explore all your favourite
gardens. You can also travel to the Hamilton Lake but it can get quite dark and spooky... don't say I didn't warn you...
</p>
</div>
<!--Right column-->
<div class="homeColumn">
<img src="./images/spooky.png" class="responsive">
</div>
</div>
<!--Parallax image-->
<div class="parallax" style="background-image: url('images/IMG_1775.png')"></div>
<!--Footer-->
<footer class="footerStyle">
<!--Div for creating row with three columns-->
<div class="footerRow">
<!--Logo on left-->
<div class="footerColumn">
<img class="footerLogo" src="./images/cropped Loops Logo.png" height="150px">
</div>
<!--Text in conter-->
<div class="footerColumn footerCopyright">
<h4>Copyright © 2022 Kirikiriroa Loops. All rights reserved.</h4>
</div>
<!--Social media buttons on right-->
<div class="footerColumn footerIcons">
<a href="https://www.facebook.com/kirikiriroaloops" class="icon" target="_blank"><img src="./images/socials_facebook.png"></img></a>
<a href="https://www.youtube.com/channel/UCWvaeZNIXeLbk2_SSZshSOQ" class="icon" target="_blank"><img src="./images/socials_youtube.png"></img></a>
<a href="https://www.twitter.com/kirikiriroaloop" class="icon" target="_blank"><img src="./images/socials_twitter.png"></img></a>
<a href="https://www.instagram.com/kirikiriroa" class="icon" target="_blank"><img src="./images/socials_insta.png"></img></a>
</div>
</div>
</footer>
<!--JavaScript links-->
<script src="./JavaScript/slideshow.js"></script>
<script src="./JavaScript/topdown.js"></script>
</body>
</html>