-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (133 loc) · 10.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
<!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="page">
<header class="header">
<img src="./images/logo.svg" alt="logo" class="logo" />
<ul class="header__lang-links">
<li><a href="#" class="header__lang-link header__lang-link_line">En</a></li>
<li><a href="#" class="header__lang-link">Es</a></li>
</ul>
</header>
<main class="text">
<section class="main">
<h1 class="main__title">From Portland to Portland</h1>
<p class="main__subtitle">
An epic bicycle journey from Portland, ME. to Portland, OR
</p>
<img src="./images/mainunsplash.jpg" alt="picture of mountains/trees"
class="main__image"/>
<p class="main__caption">Your journey starts here</p>
</section>
<section class="intro">
<p class="intro__title">Know the country you live in a little better</p>
<p class="intro__text">That's exactly what we have arranged for you via this travel story</p>
<p class="intro__subtext">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>Distance (miles) <span class="intro__digits">3,644</span></li>
<li> Travel time (days)<span class="intro__digits">22</span> </li>
<li>Highest point (feet)<span class="intro__digits">9,613</span> </li>
<li>Lowest point (feet) <span class="intro__digits">-3</span></li>
</ul>
</section>
<section class="photo-grid">
<img src="./images/__item1.jpg" alt="highway" class="photo-grid__item">
<img src="./images/__item2.jpg" alt="lake" class="photo-grid__item">
<img src="./images/__item3.jpg" alt="snow" class="photo-grid__item">
<img src="./images/__item4.jpg" alt="tree" class=" photo-grid__item">
<img src="./images/__item5.jpg" alt="water" class=" photo-grid__item">
<img src="./images/__item6.jpg" alt="flower" class=" photo-grid__item">
<img src="./images/__item7.jpg" alt="mountains" class="photo-grid__item">
<img src="./images/__item8.jpg" alt="nature" class=" photo-grid__item">
<img src="./images/__item9.jpg" alt="trees" class="photo-grid__item">
<img src="./images/__item10.jpg" alt="wetlands" class=" photo-grid__item">
<img src="./images/__item11.jpg" alt="desert" class=" photo-grid__item">
<img src="./images/__item12.jpg" alt="highway" class="photo-grid__item">
</section>
<section class="places">
<div class="place">
<h2 class="place__title">Maine</h2>
<div class="place__website">
<p class="place__url-heading">Url</p>
<a href="https://global.llbean.com/shop/L.L.Bean-Continental-Rucksack/122952.html?bc=50-816&csp=f&feat=816-GN1" class="place__link">global.llbean.com</a>
</div>
<img src="./images/__imagemaine.jpg" alt="maine" class="place__image">
<div>
<p class="places__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="places__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="places__paragraph">Average cost: $80-100.</p>
</div>
</div>
<div class="place">
<h2 class="place__title">New Hampshire</h2>
<div class="place__website">
<p class="place__url-heading">Url</p>
<a href="https://www.timberland.com/timberlandpro.html" class="place__link">timberland.com</a>
</div>
<img src="./images/__imagenh.jpg" alt="newhampshire" class="place__image">
<div>
<p class="places__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="places__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="places__paragraph ">Average cost: $100-150.</p>
</div>
</div>
<div class="place">
<h2 class="place__title">New York</h2>
<div class="place__website">
<p class="place__url-heading">Url</p>
<a href="https://www.ge.com/about-us" class="place__link">ge.com</a>
</div>
<img src="./images/__imageny.jpg" alt="New York" class="place__image">
<div>
<p class="places__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="places__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>
</div>
<div class="place">
<h2 class="place__title">Erie,PA</h2>
<div class="place__website">
<p class="place__url-heading">Url</p>
<a href="https://www.fws.gov/refuge/erie" class="place__link">www.fws.gov</a>
</div>
<img src="./images/__imagepa.jpg" alt="EriePA" class="place__image">
<div>
<p class="places__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="places__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="places__paragraph">The current cost of a Hershey's Chocolate bar: about 60¢.</p>
</div>
</div>
<div class="place">
<h2 class="place__title">Ohio</h2>
<div class="place__website">
<p class="place__url-heading">Url</p>
<a href="https://www.cedarpoint.com" class="place__link">cedarpoint.com</a>
</div>
<img src="./images/__imageoh.jpg" alt="ohio" class="place__image">
<div>
<p class="places__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="places__paragraph">The cost of a daily ticket: about $100.</p>
</div>
</div>
</section>
<section class="cover">
<a href="https://www.nps.gov/nr/travel/route66/maps66.html" class="cover__link">
<h2 class="cover__title">Historic Route 66</h2>
<p class="cover__description">The Main Street of America from Santa Monica, Cal. to Chicago, Ill. within an iframe</p>
</a>
</section>
</main>
<footer class="footer">
<ul class="footer__links">
<li><a href="https://yandex.com/maps" target="blank" class="footer__link">Maps</a></li>
<li><a href="https://yandex.com/weather/moscow" target="blank" class="footer__link">Weather</a></li>
<li><a href="https://calendar.yandex.ru" target="blank" class="footer__link">Calender</a></li>
</ul>
<p class="footer__copyright">© 2020. Charon Gaskins </p>
</footer>
</body>
</html>