-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathplace.html.bak
239 lines (203 loc) · 13.8 KB
/
place.html.bak
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
<html lang="en">
<head>
<title>Places in Sweden</title>
<link rel="shortcut icon" type="image" href="FLAG.png">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
<link href="main.css" rel="stylesheet">
</head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
body {
font-family: Arial;
margin: 0;
}
* {
box-sizing: border-box;
}
p{
color: white;
}
#h2{
text-align:center;
font-size:52;
font-family:Merriweather;
color:white;
text-shadow: 0 1px 0 #919191,
-1px 2px 1px #919191,
-2px 4px 1px #919191,
-3px 6px 1px #919191,
-4px 8px 1px #919191
}
img {
vertical-align: middle;
}
</style>
<body background= "bg.jpg" style="background-size:cover">
<header class="header">
<a href="" class="logo"><img src="FLAG.png" class="rounded-circle" height="35" width="35" alt="logo">SWEDEN</a>
<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="Restaurant.html">Restaurants</a></li>
<li><a href="celeb.html">Celebrities</a></li>
<li><a href="GamingAndEsports.html">All about Esports/Games</a></li>
<li><a href="creators.html">Creators</a></li>
</ul>
</header>
<br><br><br><br><br><br>
<h2 id="h2" style="background-color:rgb(37, 134, 199,0.5);text-align: center; font-size: 300%;">The Wonders of SWEDEN</h1>
<br>
<div class="box1" align="left">
<img src = https://www.planetware.com/photos-large/S/sweden-stockholm-vasa2.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Vasa Museum, Stockholm</b></h3>
<p align="jutify"style="color:rgb(255, 255, 255)" >
The Vasa Museum (Vasamuseet) in Stockholm is Sweden's most popular museum and now attracts around a million visitors annually. More than 20 million people have visited since the museum opened in 1990, and it's not hard to see why.
In 1628, the pride of the Swedish Imperial fleet, the 64-gun warship Vasa, sank on its maiden voyage. The ship lay below the icy waters for more than three centuries until, in 1961, an incredibly ambitious salvage operation took place.
Now, visitors from across the world come to see this fascinating time capsule.
</p>
</div>
<div class="box1" align="left">
<img src = https://www.planetware.com/photos-large/S/sweden-stockholm-island.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Stockholm Archipelago, Stromma Boat Tours</b></h3>
<p align="jutify" style="color:rgb(255, 255, 255)" >
Stockholm is often referred to as the "Venice of the North." Water is everywhere, and around 30,000 islands lie in Stockholm's wondrous archipelago (skärgården). Distinctive red and yellow timber summerhouses occupy some islands, while others remain totally unspoiled.
A trip on the water, either in and around the city or to one of the islands, should be top on your list, whatever time of year you visit (cruises operate year-round). Many tours include lunch or dinner, and all give a unique vantage point of the city.
Hop-on hop-off options are available, too. When downtown, the distinctive Stromma boats are impossible to miss.
</p>
</div>
<div class="box1" align="left">
<img src = https://www.planetware.com/photos-large/S/sweden-kiruna-church.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Kiruna and the Ice Hotel, Lapland</b></h3>
<p align="jutify" style="color:rgb(255, 255, 255)" >
The world's first ever Ice Hotel at Jukkasjärvi is about 17 kilometers outside the city. The ICEHOTEL, with its stunning rooms and furnishings, is re-created each year in a new design, built from ice in the river Torne.
In the summer, this is a center for river rafting, stand up paddleboarding, fishing, and canoeing. Sweden's highest mountain, Kebnekaise, is 90 kilometers west of Kiruna, and 95 kilometers northwest is Abisko National Park, where the Lapland Railroad runs west to Narvik on the Norwegian coast.
</p>
</div>
<div class="box1" align="left">
<img src = https://www.planetware.com/photos-large/S/sweden-gota-canal.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>The Göta Canal, Gothenburg to Stockholm</b></h3>
<p align="jutify" style="color:rgb(255, 255, 255)" >
Sweden's greatest feat of engineering, the Göta Canal (Göta kanal) dates from the early 19th century and is 190 kilometers in length. It's now one of the country's premier tourist attractions and offers a unique perspective on Sweden's heartland.
In addition, by connecting with lakes Vänern and Vättern and the Trollhätte Canal, it forms part of a water link all the way from Stockholm, in the northeast, to Gothenburg, in the southwest.
Featuring 47 bridges and 58 locks the canal stretches from Sjötorp at Lake Vänern to Söderköping on the Baltic Sea. There's a choice of passenger cruise vessels or you can hire a boat and experience the canal in your own way.
</p>
</div>
<div class="box1" align="left">
<img src =https://www.planetware.com/photos-large/S/sweden-stockholm-city-hall-from-the-water.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Stockholm City Hall</b></h3>
<p align="jutify" style="color:rgb(255, 255, 255)" >
One of Sweden's most famous buildings, Stockholm City Hall (Stockholms stadshus) was built between 1911 and 1923, using an astonishing eight million bricks. It is considered one of the finest examples of National Romanticism, designed by the architect Ragnar Östberg. The 106-meter-tall tower is topped by three crowns.
A very informative tour recounts some of its history, as well as information about the Nobel Prize, which is presented here each year. On the tour, you'll see the Blå Hallen, the Blue Hall, where the Nobel dinner is held, and the Gyllene Salen, the Golden Hall, lined by 18 million gold mosaic tiles.
</p>
</div>
<div class="box1" align="left">
<img src =https://www.planetware.com/photos-large/S/sweden-gotland-visby-park.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Visby, Gotland</b></h3>
<p align="jutify" style="color:rgb(255, 255, 255)" >
Steeped in medieval history and brimming with ruined churches, the rose-entwined, walled town of Visby, on the island of Gotland, is a huge draw for visitors from around the world. Quaint cobblestone streets snake about the town, and when exploring, it's all too easy to lose your sense of being in the modern world.
Adorned with stepped gables, many medieval trading houses remain, as well as some timber buildings from the 17th and 18th centuries.
</p>
</div>
<div class="box1" align="left">
<img src =https://www.planetware.com/photos-large/S/sweden-gotland-visby-park.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Liseberg Theme Park, Gothenburg</b></h3>
<p align="jutify"style="color:rgb(255, 255, 255)" >
Liseberg is one of the most popular destinations in Sweden and each year, the park lures more than three million visitors. It has a huge range of attractions, from children's carousels and a fairy-tale castle to adrenalin-pumping rides for speed demons, bumper cars, and four roller coasters.
The park stages concerts in summer too and it's a real favorite with both Swedish families and visitors from abroad. At Christmas, the park hosts an excellent market. There are plenty of places to eat and beautiful flowers in bloom during the summer. For the best views in Gothenburg take a ride on the Big Wheel.
</p>
</div>
<div class="box1" align="left">
<img src =https://www.planetware.com/photos-large/S/sweden-malmo-oresund-bridge.jpg align="right" style="float: left; margin-right: 10px; margin-bottom: 5px;" width="20%" height="250">
<h3 align="right" style="color:rgb(255, 255, 255)"><b>Oresund Bridge, Malmo</b></h3>
<p align="jutify" style="color:rgb(255, 255, 255)" >
Liseberg is one of the most popular destinations in Sweden and each year, the park lures more than three million visitors. It has a huge range of attractions, from children's carousels and a fairy-tale castle to adrenalin-pumping rides for speed demons, bumper cars, and four roller coasters.
The park stages concerts in summer too and it's a real favorite with both Swedish families and visitors from abroad. At Christmas, the park hosts an excellent market. There are plenty of places to eat and beautiful flowers in bloom during the summer. For the best views in Gothenburg take a ride on the Big Wheel.
</p>
</div>
<br>
<h2 id="h2" style="background-color:rgb(37, 134, 199);text-align: center; font-size: 300%;">Other Tourist Destinations</h1>
<div class="container">
<div class="mySlides">
<div class="numbertext">1 / 6</div>
<img src="https://www.planetware.com/photos-large/S/sweden-lapland-abisko.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">2 / 6</div>
<img src="https://www.planetware.com/photos-large/S/sweden-sigtuna-boats.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">3 / 6</div>
<img src="https://www.touropia.com/gfx/d/tourist-attractions-in-sweden/sarek_national_park.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">4 / 6</div>
<img src="https://www.touropia.com/gfx/d/tourist-attractions-in-sweden/uppsala_domkyrka.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">5 / 6</div>
<img src="https://www.ice.org.uk/ICEDevelopmentWebPortal/media/what-is-civil-engineering/projects/oresund-bridge.jpg?ext=.jpg" style="width:100%">
</div>
<div class="mySlides">
<div class="numbertext">6 / 6</div>
<img src="https://www.touropia.com/gfx/d/tourist-attractions-in-sweden/are_ski_resort.jpg" style="width:100%">
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
<div class="caption-container">
<p id="caption"></p>
</div>
<div class="row">
<div class="column">
<img class="demo cursor" src="https://www.planetware.com/photos-large/S/sweden-lapland-abisko.jpg" style="width:100%" onclick="currentSlide(1)" alt="Abisko National Park, Lapland">
</div>
<div class="column">
<img class="demo cursor" src="https://www.planetware.com/photos-large/S/sweden-sigtuna-boats.jpg" style="width:100%" onclick="currentSlide(2)" alt="Sigtuna">
</div>
<div class="column">
<img class="demo cursor" src="https://www.touropia.com/gfx/d/tourist-attractions-in-sweden/sarek_national_park.jpg" style="width:100%" onclick="currentSlide(3)" alt="Sarek National Park">
</div>
<div class="column">
<img class="demo cursor" src="https://www.touropia.com/gfx/d/tourist-attractions-in-sweden/uppsala_domkyrka.jpg" style="width:100%" onclick="currentSlide(4)" alt="Uppsala Domkyrka">
</div>
<div class="column">
<img class="demo cursor" src="https://www.ice.org.uk/ICEDevelopmentWebPortal/media/what-is-civil-engineering/projects/oresund-bridge.jpg?ext=.jpg" style="width:100%" onclick="currentSlide(5)" alt="Oresund Bridge">
</div>
<div class="column">
<img class="demo cursor" src="https://www.touropia.com/gfx/d/tourist-attractions-in-sweden/are_ski_resort.jpg" style="width:100%" onclick="currentSlide(6)" alt="Are Ski Resort">
</div>
</div>
</div>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("demo");
var captionText = document.getElementById("caption");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
for (i = 0; i < dots.length; i++) {
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
dots[slideIndex-1].className += " active";
captionText.innerHTML = dots[slideIndex-1].alt;
}
</script>
<br><br><br><br><br><br>
<footer>
<b>Designed by: Donato, Lyra Elizabeth F.</b> <i>(no copyright infringement intended, for educational purposes only)</i>
</footer>
</body>
</html>