/
index.html
241 lines (169 loc) · 12.2 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
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./pages/index.css">
<title>From Portland to Portland</title>
</head>
<body class="root">
<header class="header content-container">
<img class="logo" src="./images/logo.svg" alt="The USA logo">
<ul class="header__lang-links list">
<li><a class="header__lang-link header__lang-link_selected link" href="#">En</a></li>
<li><a class="header__lang-link link" href="#">Es</a></li>
</ul>
</header>
<main>
<section class="lead content-container">
<h1 class="lead__title">From Portland to Portland</h1>
<p class="lead__subtitle">
An epic bicycle journey from Portland, ME. to Portland, OR
</p>
<figure class="lead__figure">
<img class="lead__image" src="./images/kalegin-michail-179870-unsplash.png">
<figcaption class="lead__caption">
Your journey starts here
</figcaption>
</figure>
</section>
<section class="intro content-container">
<article class="intro__article">
<h2 class="intro__title">Know the country you live in a little better</h2>
<p class="intro__text">
That's exactly what we have arranged for you via this travel story
</p>
<p class="intro__text">
Need more action and adventure in your life instead of the same old routine? From Portland, Maine to Portland, Oregon we're going to take you on an exciting journey through some unknown regions of your country. Leave the car at home and travel by bike starting in New England where it all began. You will pass through 12 beautiful states, covering a total of 3,600 miles, and accomplish 3 monumental missions. Partying and taking a selfie with a famous rock star, donating $1 to a billionaire to help eradicate polio in Africa, and even stopping by famous author Stephen King's house to say hi and asking him to sign your favorite book.
</p>
<dl class="intro__list dlist">
<dt class="dlist__term">Distance (miles)</dt><dd>3,644</dd>
<dt class="dlist__term">Travel time (days)</dt><dd>22</dd>
<dt class="dlist__term">Highest point (feet)</dt><dd>9,613</dd>
<dt class="dlist__term">Lowest point (feet)</dt><dd>-3</dd>
</dl>
</article>
</section>
<section class="photo-grid content-container">
<ul class="photo-grid__list list">
<li><img class="photo-grid__item" src="./images/item1.png" alt="Freeway running beside body of water"></li>
<li><img class="photo-grid__item" src="./images/item2.png" alt="A still lake"></li>
<li><img class="photo-grid__item" src="./images/item3.png" alt="Migrating birds taking flight"></li>
<li><img class="photo-grid__item" src="./images/item4.png" alt="Deciduous forest"></li>
<li><img class="photo-grid__item" src="./images/item5.png" alt="Trees reflected in water"></li>
<li><img class="photo-grid__item" src="./images/item6.png" alt="Blue mountains"></li>
<li><img class="photo-grid__item" src="./images/item7.png" alt="Mountainous landscape"></li>
<li><img class="photo-grid__item" src="./images/item8.png" alt="Wild plant gone to seed"></li>
<li><img class="photo-grid__item" src="./images/item9.png" alt="Rolling hills landscape"></li>
<li><img class="photo-grid__item" src="./images/item10.png" alt="Desert beside body of water"></li>
<li><img class="photo-grid__item" src="./images/item11.png" alt="Birds on telephone wires"></li>
<li><img class="photo-grid__item" src="./images/item12.png" alt="A country road"></li>
</ul>
</section>
<section class="places content-container">
<ul class="list">
<li class="place">
<article class="place__container">
<h2 class="place__title">Maine</h2>
<a class="place__website link" href="https://global.llbean.com/shop/L.L.Bean-Continental-Rucksack/122952.html?bc=50-816&csp=f&feat=816-GN1" target="_blank">global.llbean.com</a>
<img class="place__image" src="./images/place-mn.png" alt="A lighthouse on the rocky coast of Maine">
<div class="place__text-content">
<p class="place__paragraph">
Still, as sparsely populated as it was in the 1600s, this is an extraordinary and highly underrated state full of rich history and majestic natural beauty. Maine is the main state you want to be sure not to miss. As your journey is going to be a long one, you had best be prepared for an arduous trek.
</p>
<p class="place__paragraph">
Thankfully, not only is Maine home to the very first European settlers on US territory in the era of Vikings, but is also home to L.L. Bean, which is a great company to grab a super sturdy backpack from for your 3-month expedition.
</p>
<p class="place__paragraph">
Average cost: $80-100.
</p>
</div>
</article>
</li>
<li class="place">
<article class="place__container">
<h2 class="place__title">New Hampshire</h2>
<a class="place__website link" href="https://www.timberland.com/timberlandpro.html" target="_blank">timberland.com</a>
<img class="place__image" src="./images/place-nh.png" alt="New Hampshire Appalachian landscape">
<div class="place__text-content">
<p class="place__paragraph">
There's no better place to lose yourself in nature than in springtime New Hampshire. As serene and beautiful as it was in the 1700s, this state is still much less traveled than its neighbors to the South. So enjoy it while it lasts.
</p>
<p class="place__paragraph">
You won't be on your bike the whole time, so doesn't it make sense to pick up some extra footwear? Fortunately for you, the best outdoor shoe company in the history of the world proudly hails from this state. Cycle by the Timberland headquarters in Stratham, and pick up a pair of rugged, waterproof boots to keep your feet dry. Fitting for unpredictable weather you may be confronted by while passing through the Appalachians. These boots are also better than cycling shoes when pitching a tent.
</p>
<p class="place__paragraph">
Average cost: $100-150.
</p>
</div>
</article>
</li>
<li class="place">
<article class="place__container">
<h2 class="place__title">New York</h2>
<a class="place__website link" href="https://www.ge.com/about-us" target="_blank">ge.com</a>
<img class="place__image" src="./images/place-ny.png" alt="A Schenectady city street">
<div class="place__text-content">
<p class="place__paragraph">
Not only famous for “The Big Apple,” the state of NY also has several other reasons for going down in history. Since the late 1800s Schenectady, “The City that Lights and Hauls the World,” has been home to the world-famous General Electric Company.
</p>
<p class="place__paragraph">
This is where modern power generators were born as well as contemporary means of transmitting energy. So we figured this would be the perfect place to find a batteryless dynamo light for your bicycle to help you see through those dark lonely roads on your adventure. Such a light from GE will set you back about $10-20.
</p>
</div>
</article>
</li>
<li class="place">
<article class="place__container">
<h2 class="place__title">Erie, PA</h2>
<a class="place__website link" href="https://www.fws.gov/refuge/erie" target="_blank">www.fws.gov</a>
<img class="place__image" src="./images/place-pa.png" alt="Frank Lloyd Wright's Fallingwater in Pennsylvania, the iconic house on a waterfall">
<div class="place__text-content">
<p class="place__paragraph">
Erie, Pennsylvania, not to be confused with the word “eerie,” although it can be from time to time, is another town worth passing through for several different reasons. While it might be most famously known as the scene of the Gettysburg address delivered by Mr. Lincoln during the Civil war, Pennsylvania also has produced a rather decent-sized Amish community (eerie, huh?)
</p>
<p class="place__paragraph">
The reason we've brought you here today, if you haven't already guessed, can be summed up by using one delicious word: chocolate. Hershey's is a Pennsylvania-based company. Most likely, one of the tastiest missions you'll ever embark on during this tour, try to find an Amish friend and enjoy a bar in the National Wildlife Refuge on your way to Erie and have an extra eerie time!
</p>
<p class="place__paragraph">
The current cost of a Hershey's Chocolate bar: about 60¢.
</p>
</div>
</article>
</li>
<li class="place">
<article class="place__container">
<h2 class="place__title">Ohio</h2>
<a class="place__website link" href="https://cedarpoint.com.com" target="_blank">cedarpoint.com</a>
<img class="place__image" src="./images/place-oh.png" alt="Windmill in Ohio field">
<div class="place__text-content">
<p class="place__paragraph">
From the college capital of Columbus to the clean coastline of Cleveland, Ohio is a truly hidden gem. Earthquakes are surprisingly common in this particular region of North America, over 200 of which have registered with a magnitude of 2 or higher since 1776. However, earthquakes aren't the only thing shaking this centrally located state. One of the country's largest and oldest roller coaster parks is waiting to ROCK your world in Sandusky, Ohio! This will presumably be one of the most thrilling quests you'll ever complete (provided you can stomach it). Take a much-deserved break to ride as many roller coasters as you can before continue your bike ride!
</p>
<p class="place__paragraph">
The cost of a daily ticket: about $100.
</p>
</div>
</article>
</li>
</ul>
</section>
<section class="cover content-container">
<a class="cover__link" href="https://www.nps.gov/nr/travel/route66/maps66.html" target="_blank">
<h2 class="cover__title">Historic Route 66</h2>
<p class="cover__subtitle">The Main Street of America from Santa Monica, Cal. to Chicago, Ill. within an iframe</p>
</a>
</section>
</main>
<footer class="footer content-container">
<nav>
<ul class="footer__links list">
<li><a class="footer__link link" href="https://yandex.com/maps" target="_blank">Maps</a></li>
<li><a class="footer__link link" href="https://yandex.com/weather/moscow" target="_blank">Weather</a></li>
<li><a class="footer__link link" href="https://calendar.yandex.ru" target="_blank">Calendar</a></li>
</ul>
</nav>
<p class="footer__copyright">© 2020 Ander Swift</p>
</footer>
</body>
</html>