-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
220 lines (207 loc) · 12.1 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
<!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>
<div class="page">
<header class="header">
<img class="header__logo" src="./images/logo.svg" alt="Header Site Logo Link">
<ul class="header__links">
<li class="header__item">
<a class="header__lang link-animate header__lang_active" href="#">En</a>
</li>
<!-- <li class="header__item">
<a class="header__lang link-animate" href="#">Es</a>
</li> -->
</ul>
</header>
<main>
<section class="lead">
<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__image-place">
<img src="images/lead-mountains.jpg" alt="Lead mountains picture" class="lead__image">
<figcaption class="lead__caption">Your journey starts here</figcaption>
</figure>
</section>
<section class="intro">
<h2 class="intro__title">Know the country you live in a little better</h2>
<p class="intro__subtitle">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>
<ul class="intro__list">
<li><span class="intro__span-accent">Distance (miles)</span> 3,644</li>
<li><span class="intro__span-accent">Travel time (days)</span> 22</li>
<li><span class="intro__span-accent">Highest point (feet)</span> 9,613</li>
<li><span class="intro__span-accent">Lowest point (feet)</span> -3</li>
</ul>
</section>
<section class="photo-grid">
<ul class="photo-grid__list">
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-highway.jpg" alt="Highway picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-lake.jpg" alt="Lake picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-seagulls.jpg"
alt="Flying seagulls picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-boise.jpg" alt="Boise picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-fog.jpg" alt="Fog picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-valley.jpg" alt="Valley picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-pass.jpg" alt="Pass picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-twig.jpg" alt="Twig picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-clouds.jpg" alt="Clouds picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-oasis.jpg" alt="Oasis picture"></li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-wires.jpg" alt="Birds on wires picture">
</li>
<li><img class="photo-grid__item" src="./images/photo-grid/photo-grid-road.jpg" alt="Road picture"></li>
</ul>
</section>
<section class="places">
<ul class="places__list">
<li class="place">
<h2 class="place__title">Maine</h2>
<div class="place__url">
<span class="place__url-heading">URL</span>
<a class="place__url-link link-animate"
href="https://global.llbean.com/shop/L.L.Bean-Continental-Rucksack/122952.html?bc=50-816&csp=f&feat=816-GN1">global.llbean.com</a>
</div>
<img src="./images/places/place-maine.jpg" class="place__image" alt="Maine">
<div class="place__description">
<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>
</li>
<li class="place">
<h2 class="place__title">New Hampshire</h2>
<div class="place__url">
<span class="place__url-heading">URL</span>
<a class="place__url-link link-animate"
href="https://www.timberland.com/timberlandpro.html">timberland.com</a>
</div>
<img class="place__image" src="./images/places/place-new-hampshire.jpg" alt="New Hampshire">
<div class="place__description">
<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>
</li>
<li class="place">
<h2 class="place__title">New York</h2>
<div class="place__url">
<span class="place__url-heading">URL</span>
<a class="place__url-link link-animate" href="https://www.ge.com/about-us">ge.com</a>
</div>
<img class="place__image" src="./images/places/place-new-york.jpg" alt="New York">
<div class="place__description">
<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>
</li>
<li class="place">
<h2 class="place__title">Erie, PA</h2>
<div class="place__url">
<span class="place__url-heading">URL</span>
<a class="place__url-link link-animate" href="https://www.fws.gov/refuge/erie">www.fws.gov</a>
</div>
<img class="place__image" src="./images/places/place-pennsylvania.jpg" alt="Erie, PA">
<div class="place__description">
<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>
</li>
<li class="place">
<h2 class="place__title">Ohio</h2>
<div class="place__url">
<span class="place__url-heading">URL</span>
<a class="place__url-link link-animate" href=" https://www.cedarpoint.com">cedarpoint.com </a>
</div>
<img class="place__image" src="./images/places/place-ohio.jpg" alt="Ohio">
<div class="place__description">
<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>
</li>
</ul>
</section>
<section class="cover">
<a class="cover__link" href="https://www.nps.gov/nr/travel/route66/maps66.html" target="_blank">
<div class="cover__text-box">
<h2 class="cover__title">Historic Route 66</h2>
<p class="cover__subtitle">
The Main Street of America from<br>Santa Monica, Cal. to Chicago,
Ill.
</p>
</div>
</a>
</section>
</main>
<footer class="footer">
<ul class="footer__links">
<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>
<p class="footer__copyright">© 2021 Seaf Aliyan</p>
</footer>
</div>
</body>
</html>