-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (162 loc) · 8.81 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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
<!DOCTYPE html>
<html lang="en">
<head>
<title>Explore BC - Go Kayaking</title>
<meta charset="UTF-8">
<base href="#" target="_blank">
<meta name="generator" content="Visual Studio Code">
<meta name="description" content="Explore BC kayaking. Discover different routes, enjoy the nature and breath frssh air.">
<meta name="keywords" content="kayak, explore, bc, British Columbia, routes, nature, schedule, promo, classes, paddle">
<meta name="author" content="Miriam Bellon">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href=".\css\style.css" media="screen" type="text/css">
<link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon">
<link rel="icon" href="./img/favicon.ico" type="image/x-icon">
</head>
<body>
<nav>
<img src="./img/logo_white.png" alt="logo">
</nav>
<header class="">
<div class="cont1">
<section class="sect1">
<div class="sect-cont">
<h1 class="header-txt">There is one way to <span>explore BC</span></h1>
<p class="header-txt para1">Now you can explore the amazing Broughton Archipelago. Start planning your kayaking trip at <span class="bold">half price!</span></p>
<form action="#" method="get">
<label>Trip</label>
<select name="trip">
<option value="default">Pick your adventure</option>
<option value="Johnston">5-days Johnstone Expedition</option>
<option value="Great-Bear">8-days Great Bear Expedition</option>
<option value="Nuchalitz">6-days Nuchalitz Expedition</option>
<option value="Orca">4-days Orca & Whales Expedition</option>
</select>
<label>Number of explorers</label>
<select name="qty">
<option value="default"> - </option>
<option value="1"> 1 </option>
<option value="2"> 2 </option>
<option value="3"> 3 </option>
<option value="4"> 4</option>
<option value="5"> 5 </option>
<option value="more"> + 5 </option>
</select>
<div class="form-date">
<div class="form-date1">
<label>From</label>
<input type="date" name="start"></>
</div>
<div class="form-date2">
<label>To</label>
<input type="date" name="end"></>
</div>
</div>
<input type="submit" name="discover" value="discover" class="btn-cta">
</form>
</div>
</section>
<section class="header-bg hero-img sect2">
<h1 class="header-tablet-txt">There is one way to <span>explore BC</span></h1>
</section>
</div>
</header>
<section class="offer">
<h2>The adventure starts now</h2>
<p class="offer-subheading"><span class="offer-upper ">Limited time offer!</span> <br><br>Without a doubt, coastal BC is one of the most amazing places in the world to kayak, view wildlife of all kinds
and a breath of freedom.<br> Because you deserve to discover this incredible landscapes, we are promoting our trips at half price.</p>
<div class="offer-content">
<div class="offer-card">
<div class="offer-card-img-cont" id="offer1">
<p class="offer-name">5-days Johnstone Expedition</p>
<div class="offer-card-cont">
<p class="body-text">This tour explores the best of the wildlife and culturally rich Broughton Archipelago & Johnstone Strait areas which are world-renowned destinations for whale watching.</p>
<div class="offer-card-bottom">
<p class="offer-price-after">Now: $250</p>
<p class="offer-price-before">Before: $500</p>
</div>
</div>
</div>
</div>
<div class="offer-card">
<div class="offer-card-img-cont" id="offer2">
<p class="offer-name">8-days Great Bear Expedition</p>
<div class="offer-card-cont">
<p class="body-text">It combines travel with wildlife along with excellent paddling amongst the beautiful islands of the Great Bear Rainforest. This trip takes place in the traditional territory of the Heiltsuk First Nation.</p>
<div class="offer-card-bottom">
<p class="offer-price-after">Now: $800</p>
<p class="offer-price-before">Before: $1,600</p>
</div>
</div>
</div>
</div>
<div class="offer-card">
<div class="offer-card-img-cont" id="offer3">
<p class="offer-name">6-days Nuchalitz Expedition</p>
<div class="offer-card-cont">
<p class="body-text"> The seascape of the wild coast of Vancouver Island provides the setting for one of the finest sea kayaking destinations in Canada. The area is sheltered from the open ocean by small and enchanting islands.</p>
<div class="offer-card-bottom">
<p class="offer-price-after">Now: $300</p>
<p class="offer-price-before">Before: $600</p>
</div>
</div>
</div>
</div>
<div class="offer-card">
<div class="offer-card-img-cont" id="offer4">
<p class="offer-name">4-days Orca & Whales Expedition</p>
<div class="offer-card-cont">
<p class="body-text">This tour explores the best of the wildlife and culturally rich Broughton Archipelago & Johnstone Strait areas which are world-renowned destinations for whale watching.</p>
<div class="offer-card-bottom">
<p class="offer-price-after">Now: $700</p>
<p class="offer-price-before">Before: $1,500</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="testimonials-section">
<h3>Explorers share their experience</h3>
<div class="testimonials">
<div class="testimonial-card">
<div class="text">
<span class="quot">"</span><br>Great adventure! Makes me want more. I'll come back for sure!
<i class="fas fa-quote-right quote"></i>
</div>
<div class="testimonial-bottom">
<h3 class='person'>Hannah Dunlop</h3>
</div>
</div>
<div class="testimonial-card">
<div class="text">
<span class="quot">"</span><br> Fantastic time! Very stimulating, confortable and relaxing.
<i class="fas fa-quote-right quote"></i>
</div>
<div class="testimonial-bottom">
<h3 class='person'>Mark Johnson</h3>
</div>
</div>
<div class="testimonial-card">
<div class="text">
<span class="quot">"</span><br>Trip of a lifetime. Exceed my expectations in all aspects!
<i class="fas fa-quote-right quote"></i>
</div>
<div class="testimonial-bottom">
<h3 class='person'>Linda Young</h3>
</div>
</div>
</div>
</section>
<footer>
<div class="link-foot">
<a href="#">Privacy</a>
<a href="#">Terms</a>
</div>
<div class="logo-foot">
<img src="./img/logo_black.png" alt="logo">
<p> © 2021 GO KAYAK</p>
</div>
</footer>
</body>
</html>