-
Notifications
You must be signed in to change notification settings - Fork 0
/
hokkaido.html
202 lines (192 loc) · 14.6 KB
/
hokkaido.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
<!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 hokkaido-splash splash-text">
<h2>ほっかいどう</h2>
<h1>HOKKAIDO</h1>
<h2>ホッカイドウ</h2>
</div>
<div class="background-destination-nutshell background-contain background-map-hokkaido">
<h2 class="section-space">In a nutshell</h2>
<p>Hokkaido is Japan’s “Wild West” and is different from the rest of the country in many ways. The roads are wide and straight, the wheat fields stretch into the distance, and the homes have real insulation because of its cold winters. Hokkaido debunks the notion that all of Japan is packed and crowded; only 5% of the population lives here, on nearly 25% of the country. Yes indeed, Hokkaido is big and open. Blankets of snow in winter create a skier’s paradise, while the cool summers give us a place to ride throughout the summer months, which are hot and humid elsewhere in the country. Hokkaido enjoys six National Parks, and among them are rugged coastlines, marshes, volcanoes, caldera lakes, bears, rivers, mountains, and yes, hot springs. Every mile of road feels different from the rest of Japan due to the sheer mass and scale of the landscape. If you are looking to get away from it all, Hokkaido will remind you of our delicate fragility on this beautiful planet. Don’t miss out on the city life though. Sapporo is not only home to the beer that shares its namesake, but also some of the best ramen shops in the world and an annual snow festival visited by millions of people. Being an island in surrounded by frigid seas, it’s also famous for sushi. Are you hungry yet?
</p>
</div>
<div class="container-calender">
<h2>Best times to come</h2>
<picture >
<source media='(min-width: 801px)'
srcset='img/design-elements/page-hokkaido/calendar.svg'/>
<source media='(max-width: 800px)'
srcset='img/design-elements/page-hokkaido/calendar-mobile.svg'/>
<img src="img/design-elements/page-hokkaido/calendar.png" alt="">
</picture>
<div class="background-add-padding-small">
<p><span class="grey">November, December, January, February, March</span> is winter in Hokkaido. The snow starts to melt in March but there will still be snow on the ground in March. Best to wait a bit longer for the beautiful springtime.</p>
<p><span class="green">April, </span><span class="pink">May, </span><span class="green">June, July, August</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 May, a bit later than the rest of the country, but just about every week there is something new blooming in this part of the country. The summer days are long and the riding is beautiful up here.</p>
<p><span class="red">September and October</span> are beautiful times to visit Hokkaido. 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-story">
<h2 class="white">Story from the road</h2>
<h4>a short story about a past trip</h4>
</div>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>James and I took a plane, a train, and a bus to the northern most island of Japan. The kanji for Hokkaido literally means 北 North 海 sea 道 road. The name alone makes you wanna go and explore its cold, bear-infested, wide open roads on bicycle.</p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-16.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>We ate lunch on the bank of a rock-bed river under blue skies, but that would soon change, and James and I wound up riding through pouring rain on the 4th day of our cycling trek through Hokkaido in nothing but sandals and bike shorts. Slowly spinning our way up the mountain we earned a few eye popping looks from cautious drivers coming down, and my only regret is not being there when they told the story to their families about the crazy Gaijin.</p>
<p>After a quick cup of hot coffee under a half-covered bridge, we dressed appropriately for the fast and cold descent into Kamikawa, our destination for the night, and let gravity pull us down. We streaked (not literally) away from the mountain and the cold rain and into a quiet town, which was just closing down for the night. We managed to stock up on bread and some savory baked goods minutes before they closed for the night, but we wouldn’t be so lucky at the Onsen (hot spring).</p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-13.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>Desperately in need of a deep cleaning we remembered what it is like to ride in a country where public baths aren’t around every corner, and we shuffled into the 7/11 restroom with a pocket full of baby-wipes like many bicycle tourists before us.</p>
<p>On our way out we met the cutest five-year-old girl in the world, and her equally cute and charming mother. We did our best to answer all the questions that the little girl had for us, and she was patient enough with ours. After a good ten minutes, we parted ways only to see them again at the beer festival down the street.</p>
</div>
<div class="row-flex top-align">
<figure class="six-image-wrap">
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-10.jpg" alt="">
</figure>
<figure class="six-image-wrap">
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-12.jpg" alt="">
</figure>
</div>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>We had just parked our bikes against a building at the one block party, when we began to feel the welcoming party descend on us. What ensued was much great conversation, funny-moments, and free beer and food lavished upon us by the townsfolk.</p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-9.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>The most talkative and generous of the bunch was a man who worked at a community garden project up the mountain. As we would find out the next morning, this was no ordinary garden, but more on that later! He introduced us to the full-time gardeners who just so happened to be the three cute girls sitting next to us. We decided, or rather they decided it would be better to continue the party at the karaoke bar next door.</p>
<p>At some point between a John Legend tune, and a rompin’ “Twist and Shout,” someone suggested that we set up camp on the front lawn of the train station. This seemed a bit strange at first, but the man keeping our drinks full was very convincing, and we didn’t argue…nor did we have a better idea, so we made our gracious exit with plans for a morning pick up from the train station.</p>
<p>The train station had a small lawn with a few park benches and some scattered trees, and there was one obvious spot, which was a mixed blessing; it was easy to find, but also easy to be seen by anyone who didn’t want vagrants camped out in town. In hopes of scouting out a less conspicuous spot James went left and I went right. Unfortunately for James, there was a three foot drop off in the middle of the darkened path. After realizing what happened, he picked himself up, reattached his bike bags, and questioned, with some well-earned profanity, the decision to end a sidewalk with a cliff. We ended our search after this near-disaster, and went back to pass out on the train station’s front lawn.</p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-8.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>Unbroken and unfettered, we awoke early to a slight headache and James to his bruises. Our man came early to pick us up and drive us to the mountaintop garden project.</p>
<p>This little town, on a sparsely populated island has decided to pour, its heart (and its purse) into an amazing project. The word garden doesn’t do it justice, so maybe Flower Learning, Observation, Research, and Appreciation center is better (The FLORA Center). </p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-5.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>They are still under construction, but they’re already growing more than 500 varieties of flowers throughout the meandering garden plots. We certainly appreciated our free guided tour of the work-in-progress, and spending time with these four friendly faces. Further up the mountain is the ultra-modern, organic, farm-to-table, make-sure-someone-else-pays restaurant and bar. They were closed, and so were our wallets. </p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-3.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-2.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p> We ended with an overcast view of Mt. Daisestuzan, the highest peak in Hokkaido, from the observation deck (the obscured view perhaps just a fly in the saddle-ointment).</p>
</div>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-1.jpg" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-hokkaido/hokkaido-17.jpg" alt="">
</figure>
</div>
<div class="container">
<div class="destination-text-wrap text-padding destination-story">
<p>We headed down to buy our hosts some ice cream from the cafe, said our good-byes, James and I mounted our steel wheels, and screamed down the mountain. It sure is comforting to know that you have friendly souls look after you when on the road, and it is even better if they bring you to the top of a mountain, and let gravity do the rest! </p>
</div>
</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>