-
Notifications
You must be signed in to change notification settings - Fork 0
/
japan-sea.html
120 lines (117 loc) · 7.3 KB
/
japan-sea.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
<!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 japan-sea-splash splash-text">
<h2>にほんかい</h2>
<h1>JAPAN SEA</h1>
<h2>ニホンカイ</h2>
</div>
<div class="background-add-padding background-contain background-map-japan-sea">
<h2 class="section-space">In a nutshell</h2>
<p>The iconic countryside of Japan sea region bustles along quietly, just out of reach of the normal tourist itinerary. The towering northern alps to the east have kept this region to its own devices throughout Japan’s history and allowed those willing to put up with some rain and snow to indulge in some of the countries most stunning vistas. Kanazawa is spectacular and a microcosm of all that is good in Japanese culture. Whether you are strolling down one of the best-preserved Edo-period districts in the country or meandering through the breathtaking Kenroku-en garden, you can rest assured you are witnessing Japan at its highest. Outside the cities the terrain is rugged and many spectacular examples of traditional Japanese farm architecture dot the landscape. On your way visit timeless sake breweries and see where the best rice in Japan turns into the best sake. Follow the coast and enjoy views that have inspired Japanese poets and writers for centuries. Go into the mountains to find hidden onsen and untouched wilderness. No matter where we choose to go, this region offers a wonderful mix of well worth the trip cultural cities and off the grid wilderness.
</p>
</div>
<div class="container-calender">
<picture >
<source media='(min-width: 801px)'
srcset='img/design-elements/page-japan-sea/calendar.svg'/>
<source media='(max-width: 800px)'
srcset='img/design-elements/page-japan-sea/calendar-mobile.svg'/>
<img src="img/design-elements/page-japan-sea/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 on the Japan-sea 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 the Japan-sea. 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-japan-sea/japan-sea-1.JPG" alt="">
</figure>
<figure>
<img class="image-responsive" src="img/photos/page-japan-sea/japan-sea-2.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>