-
Notifications
You must be signed in to change notification settings - Fork 0
/
kyushu.html
143 lines (141 loc) · 9.21 KB
/
kyushu.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Oikaze Japan Bike Tours</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/magnific-min.css">
<link href="https://fonts.googleapis.com/css?family=Oswald:400,600" rel="stylesheet">
</head>
<body>
<div class="loader-wrapper">
<object id="loader" type="image/svg+xml" data="img/design-elements/bike-loader.svg" class="loader"></object>
<p id="loader-text">loading...</p>
</div>
<div class="loader-site-wrapper">
<nav class="slide-out-nav">
<a href="#" class="close-button">×</a>
<div class="nav-element-narrow-wrapper">
<a class="nav-element nav-element-narrow" href="index.html">home</a>
<a class="nav-element nav-element-narrow" href="testament.html">why us?</a>
<a class="nav-element nav-element-narrow" href="japan.html">japan</a>
<a class="nav-element nav-element-narrow" href="booking.html">get started</a>
<a class="nav-element nav-element-narrow" href="destinations.html">destinations</a>
<a class="nav-element nav-element-narrow" href="about.html">about</a>
<a class="nav-element nav-element-narrow" href="contact.html">contact</a>
</div>
</nav>
<div class="site-wrapper">
<header>
<nav class="primary-nav">
<div class="primary-nav-wrapper">
<a class="nav-element nav-element-wide" href="testament.html">why us?</a>
<a class="nav-element nav-element-wide" href="japan.html">japan</a>
<a class="nav-element nav-element-wide" href="booking.html">get started</a>
<a class="nav-element nav-element-wide" href="index.html"><img class="nav-logo" src="img/design-elements/logo-basic.svg" alt="Oikaze bicycle tours"></a>
<a class="nav-element nav-element-wide" href="destinations.html">destinations</a>
<a class="nav-element nav-element-wide" href="about.html">about</a>
<a class="nav-element nav-element-wide" href="contact.html">contact</a>
</div>
</nav>
<nav class="nav-responsive">
<img class="nav-logo nav-logo-narrow" src="img/design-elements/logo-basic.svg" alt="Oikaze bicycle tours">
<div class="hamburger">
<div class="bar bar-1"></div>
<div class="bar bar-2"></div>
<div class="bar bar-3"></div>
</div>
</nav>
</header>
<div class="site-inner page">
<div class="page-splash kyushu-splash splash-text">
<h2>きゅうしゅう</h2>
<h1>KYUSHU</h1>
<h2>キュウシュウ</h2>
</div>
<div class="background-add-padding background-contain background-map-kyushu">
<h2 class="section-space">In a nutshell</h2>
<p>Kyushu reminds one that it is ancient without saying a word. Staring at the mud bubbling out from deep in the Earth you feel the ripples of Japan’s primordial past. Volcanic eruptions continue to spread their vibrations throughout the terrain here. The Japanese that live here have come to embrace this fierce region and relish in the natural hot springs that gush from deep below the earth’s crust. The Japanese tradition of conserving natural features while honoring them with shrines could’ve started at the Onsen Hot Springs in the Mountains of Kyushu. Nature and luxury are brought together to soothe the soul and the body. Kyushu is home to some of Japan’s most famous hot spring towns. Kurokawa, Beppu and Yufuin are recognized nationally and many Japanese take the trip down to this southern island just to soak in these waters. A ferry ride to the south is the island of Yakushima who’s ancient cedar forests are home to some of the oldest trees in the world. The whole island is a national park and for good reason. The forest is so inspiring that the artists who created the film “Princess Mononoke” spent weeks here drawing from the inspiration from under ancient trees. The subtropical climate of this region keep the forests covered in a perpetual mist, drawing you into a seemingly alien world. The coastline rivals Big Sur, but without the traffic… unless you consider monkees and deer traffic. Yakushima also has a sea-side onsen that only appears at low-tide. This is perhaps the most magical Onsen of all - cold sea waves slowly splashing towards your hot bath in granite depressions in the stone shore. Whether you come for the nature, for the history or for the culture, Kyushu does not disappoint.
</p>
</div>
<div class="container-calender">
<picture >
<source media='(min-width: 801px)'
srcset='img/design-elements/page-kyushu/calendar.svg'/>
<source media='(max-width: 800px)'
srcset='img/design-elements/page-kyushu/calendar-mobile.svg'/>
<img src="img/design-elements/page-kyushu/calendar.png" alt="">
</picture>
<div class="background-add-padding-small">
<h2>Best times to come</h2>
<p><span class="grey">December, January, February</span> is pretty cold and wet in kyushu and not the most ideal time for cycling. We would recommend stearing clear of January and February in this part of the country if you are looking to be outside a lot. </p>
<p><span class="green">March, </span><span class="pink">April, </span><span class="green">May</span> is a great time in this part of the country and a splendid time to come. You will get some cherry blossoms if visiting in April, but just about every week there is something new blooming in this part of the country.</p>
<p><span class="blue">June</span> is when the rainy season starts and you are best to avoid cycling in a typhoon if at all possible.</p>
<p><span class="yellow">July, August</span> is really really hot and humid and we wouldn't recommend getting on a bicycle for any amount of time during the day during this time of the year.</p>
<p><span class="red">September, October, November</span> is one of the most beautiful times to come to kyushu. The leaves are changing bright red, orange and yellow and the scenery really comes alive.</p>
</div>
</div>
</div>
<div class="container">
<div class="background-add-padding road-photos">
<h2 class="white">Photos from the road</h2>
<h4>some photos from past trips</h4>
</div>
</div>
<div class="container">
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-1.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-2.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-3.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-4.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-5.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-6.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-7.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-8.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-9.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-kyushu/kyushu-10.jpg" alt="">
</figure>
</div>
<div class="container">
<a href="booking.html" class="btn sans-font btn-yellow">Learn how to get started</a>
</div>
</div>
<footer>
<nav class="secondary-nav">
<img class="nav-element nav-logo secondary-nav-logo" src="img/design-elements/secondary-logo.svg" alt="">
<div class="secondary-nav-wrapper">
<a class="nav-element" href="testament.html">why us?</a>
<a class="nav-element" href="japan.html">japan</a>
<a class="nav-element" href="booking.html">get started</a>
<a class="nav-element" href="destinations.html">destinations</a>
<a class="nav-element" href="contact.html">about</a>
<a class="nav-element" href="about.html">contact</a>
</div>
</nav>
<a class="legal-link" href="legal.html">-copyright 2018-</a>
</footer>
</div>
</body>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</html>