-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
123 lines (118 loc) · 4.75 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>About</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta charset="UTF-8" >
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<meta name="description" content="Information about Lofoten Peaks" >
<link rel="stylesheet" type="text/css" href="styles.css" >
<script src="js/script.js" defer></script>
<!-- Hotjar Tracking Code for LofotenPeaks -->
<script>
(function (h, o, t, j, a, r) {
h.hj =
h.hj ||
function () {
(h.hj.q = h.hj.q || []).push(arguments);
};
h._hjSettings = { hjid: 4969373, hjsv: 6 };
a = o.getElementsByTagName("head")[0];
r = o.createElement("script");
r.async = 1;
r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
a.appendChild(r);
})(window, document, "https://static.hotjar.com/c/hotjar-", ".js?sv=");
</script>
</head>
<body>
<header>
<a href="index.html">
<img
class="logo"
src="images/LofotenPeaks-Logo-v4.png"
alt="lofotenpeaks logo"
>
</a>
<nav>
<div class="hamburger-menu">
<div class="bar bar1"></div>
<div class="bar bar2"></div>
<div class="bar bar3"></div>
</div>
<ul class="nav-links">
<li><a href="index.html">HOME</a></li>
<li><a href="blogposts.html">BLOG POSTS</a></li>
<li><a href="contact.html">CONTACT</a></li>
<li><a href="about.html">ABOUT</a></li>
</ul>
</nav>
</header>
<main>
<div class="banner">
<img
class="banner-img"
src="images/matmorapanorama.png"
alt="panorama overviewing the Lofoten peaks"
>
<h1 class="fontsizemobile-h1">About Lofoten Peaks</h1>
</div>
<div class="paragraph-container">
<p class="lp-color paragraph fontsizemobile-p">
Welcome to LofotenPeaks, your ultimate guide to exploring the
breathtaking beauty of the Lofoten Islands. At LofotenPeaks, we are
passionate about showcasing the mesmerizing landscapes, pristine
fjords, and rugged peaks that define this enchanting archipelago.
Whether you're an avid adventurer seeking adrenaline-pumping hikes or
a nature lover yearning for serene moments amidst Norway's wild
landscapes, our platform is your go-to resource for all things
Lofoten. Through captivating articles, stunning photography, and
insider tips, LofotenPeaks aims to inspire and empower travelers to
embark on their own unforgettable journeys through this Nordic
paradise. Our team of seasoned explorers and local enthusiasts is
dedicated to providing you with comprehensive insights, hidden gems,
and must-see destinations across the islands. From scaling towering
summits to meandering along tranquil coastal trails, LofotenPeaks is
your trusted companion in uncovering the wonders of Lofoten's diverse
terrain. Whether you're planning your first visit or returning to
explore new horizons, let LofotenPeaks be your guide as you navigate
the timeless beauty and boundless adventures that await in this iconic
destination. Join us on a journey of discovery, exploration, and
inspiration as we delve into the unparalleled allure of Lofoten's
peaks. Let's embark on an unforgettable adventure together, and let
the magic of LofotenPeaks ignite your wanderlust and fuel your passion
for exploration.
</p>
</div>
<iframe
class="map"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d758340.452651478!2d13.915736949999998!3d68.20860685!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x45de3f6ae3f3e829%3A0x619c91674bfc3c5d!2sLofoten!5e0!3m2!1sno!2sno!4v1713986366978!5m2!1sno!2sno"
width="600"
height="450"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</main>
<footer>
<img
class="footer-img"
src="images/footerv3.png"
alt="footer mountains"
>
<div class="footer-container">
<a href="index.html">
<img
class="logo"
src="images/logo-white.png"
alt="lofotenpeaks footer logo"
>
</a>
</div>
</footer>
</body>
</html>