src/platser/fjarran-hojder.html

<!DOCTYPE html>
<html lang="sv">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Fjärran Höjder | GävleGuiden</title>
	<link rel="stylesheet" href="../css/styles.css">
</head>
<body>
	<header>
		<nav class="navbar">
			<a href="../index.html" class="logo">GävleGuiden</a>
			<ul class="nav-links">
				<li><a href="boulognerskogen.html">Boulognerskogen</a></li>
				<li><a href="gavlebocken.html">Gävlebocken</a></li>
				<li><a href="jarnvagsmuseet.html">Järnvägsmuseet</a></li>
				<li><a href="fangelsemuseet.html">Fängelsemuseet</a></li>
				<li><a href="konserthuset.html">Konserthuset</a></li>
				<li><a href="fjarran-hojder.html">Fjärran Höjder</a></li>
				<li><a href="../om-oss.html" id="about-link">Om oss</a></li>
				<li><a href="../kontakt.html" id="contact-link">Kontakt</a></li>
			</ul>
			<button id="theme-toggle" aria-label="Växla ljust/mörkt läge">🌙</button>  <!-- Tror detta är rätt??-->
		</nav>
	</header>

	<main>
		<section class="plats-info">
			<h1>Fjärran Höjder</h1>
			<p>Fjärran Höjder är Gävles största bad- och friskvårdsanläggning med äventyrsbad, motionssim, gym och relax. Här finns aktiviteter för hela familjen året runt.</p>
			<div class="plats-bilder">
				<img src="../raw_img/fjarran1.jpg" alt="Fjärran Höjder badhus" />
				<img src="../raw_img/fjarran2.jpg" alt="Bassängområde Fjärran Höjder" />
			</div>
			<p>
				<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1954.661708803348!2d17.12951687756017!3d60.66517200338572!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c644d7549cc5%3A0xb15de411a0ab2c2f!2zRmrDpHJyYW4gSMO2amRlcmJhZGV0!5e0!3m2!1ssv!2sse!4v1771400531679!5m2!1ssv!2sse"  width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <!-- Tack Google Maps for snippet till detta -->
			</p>
		</section>
	</main>

	<footer>
		<p>&copy; <span id="year"></span> GävleGuiden</p>  <!-- Tror detta är rätt??-->
	</footer>

	<script src="../js/main.js"></script>
</body>
</html>
Skapade alla platsers html filer samt länkade dom till google maps 2026-02-18 08:48:10 +01:00			`<!DOCTYPE html>`
			`<html lang="sv">`
			`<head>`
			`<meta charset="UTF-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
			`<title>Fjärran Höjder \| GävleGuiden</title>`
			`<link rel="stylesheet" href="../css/styles.css">`
			`</head>`
			`<body>`
			`<header>`
			`<nav class="navbar">`
			`<a href="../index.html" class="logo">GävleGuiden</a>`
			`<ul class="nav-links">`
			`<li><a href="boulognerskogen.html">Boulognerskogen</a></li>`
			`<li><a href="gavlebocken.html">Gävlebocken</a></li>`
			`<li><a href="jarnvagsmuseet.html">Järnvägsmuseet</a></li>`
			`<li><a href="fangelsemuseet.html">Fängelsemuseet</a></li>`
			`<li><a href="konserthuset.html">Konserthuset</a></li>`
			`<li><a href="fjarran-hojder.html">Fjärran Höjder</a></li>`
			`<li><a href="../om-oss.html" id="about-link">Om oss</a></li>`
			`<li><a href="../kontakt.html" id="contact-link">Kontakt</a></li>`
			`</ul>`
			`<button id="theme-toggle" aria-label="Växla ljust/mörkt läge">🌙</button> <!-- Tror detta är rätt??-->`
			`</nav>`
			`</header>`

			`<main>`
			`<section class="plats-info">`
			`<h1>Fjärran Höjder</h1>`
			`<p>Fjärran Höjder är Gävles största bad- och friskvårdsanläggning med äventyrsbad, motionssim, gym och relax. Här finns aktiviteter för hela familjen året runt.</p>`
			`<div class="plats-bilder">`
			`<img src="../raw_img/fjarran1.jpg" alt="Fjärran Höjder badhus" />`
			`<img src="../raw_img/fjarran2.jpg" alt="Bassängområde Fjärran Höjder" />`
			`</div>`
			`<p>`
			`<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1954.661708803348!2d17.12951687756017!3d60.66517200338572!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c644d7549cc5%3A0xb15de411a0ab2c2f!2zRmrDpHJyYW4gSMO2amRlcmJhZGV0!5e0!3m2!1ssv!2sse!4v1771400531679!5m2!1ssv!2sse" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <!-- Tack Google Maps for snippet till detta -->`
			`</p>`
			`</section>`
			`</main>`

			`<footer>`
			`<p>© <span id="year"></span> GävleGuiden</p> <!-- Tror detta är rätt??-->`
			`</footer>`

			`<script src="../js/main.js"></script>`
			`</body>`
			`</html>`