phille06/Hemsida_stad
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Skapade alla platsers html filer samt länkade dom till google maps

Browse Source 
Signed-off-by: Philip Nordlund Fällman <philip.nordlundfallman@realgymnasiet.se>
This commit is contained in:
Philip Nordlund Fällman
2026-02-18 08:48:10 +01:00
parent 2a89c4925b
commit 6bc278fa86
6 changed files with 282 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/platser/boulognerskogen.html
+47
View File
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Boulognerskogen | 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>
</nav>
</header>
<main>
<section class="plats-info">
<h1>Boulognerskogen</h1>
<p>Boulognerskogen är Gävles största stadspark och en populär plats för rekreation, picknick och evenemang. Här finns vackra promenadstråk, lekplatser, café och stora grönområden.</p>
<div class="plats-bilder">
<img src="../raw_img/boulognerskogen1.jpg" alt="Boulognerskogen vår" />
<img src="../raw_img/boulognerskogen2.jpg" alt="Boulognerskogen sommar" />
<img src="../raw_img/boulognerskogen3.jpg" alt="Boulognerskogen höst" />
</div>
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7817.007797201703!2d17.116291651555095!3d60.67192165626433!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c63f62bb1713%3A0x3613d4dd09930c7c!2sBoulognerskogen!5e0!3m2!1ssv!2sse!4v1771400490939!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>
</main>
<footer>
<p>&copy; <span id="year"></span> GävleGuiden</p>
</footer>
<script src="../js/main.js"></script>
</body>
</html>
src/platser/fangelsemuseet.html
+47
View File
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fängelsemuseet | 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>Fängelsemuseet</h1>
<p>Fängelsemuseet i Gävle visar svensk kriminalvårdshistoria i autentiska miljöer. Här kan du besöka celler, lära dig om fångars liv och se utställningar om brott och straff.</p>
<div class="plats-bilder">
<img src="../raw_img/fangelsemuseet1.jpg" alt="Fängelsemuseet utsida" />
<img src="../raw_img/fangelsemuseet2.jpg" alt="Cell på Fängelsemuseet" />
</div>
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3908.5731752753313!2d17.140293477560505!3d60.67135110288459!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c65d7f31fc07%3A0xfb6b8746e91527cf!2sSveriges%20F%C3%A4ngelsemuseum!5e0!3m2!1ssv!2sse!4v1771400398742!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>
src/platser/fjarran-hojder.html
+47
View File
@@ -0,0 +1,47 @@
<!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>
src/platser/gavlebocken.html
+47
View File
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gävlebocken | 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>Gävlebocken</h1>
<p>Gävlebocken är en stor halmbock som varje år byggs upp på Slottstorget i Gävle inför första advent. Den har blivit en internationell symbol för staden och lockar många besökare.</p>
<div class="plats-bilder">
<img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/Gavlebocken_2017.jpg" alt="Gävlebocken 2017" />
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2d/Gavlebocken_2013.jpg" alt="Gävlebocken 2013" />
</div>
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1954.066115717513!2d17.14165787756064!3d60.67498260259006!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c6676dcda063%3A0xd76f5c07274d8287!2sG%C3%A4vlebocken!5e0!3m2!1ssv!2sse!4v1771400568130!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>
src/platser/jarnvagsmuseet.html
+47
View File
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Järnvägsmuseet | 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>Järnvägsmuseet</h1>
<p>Sveriges Järnvägsmuseum i Gävle är ett av världens främsta järnvägsmuseer. Här kan du uppleva historiska lok och vagnar, utställningar och aktiviteter för hela familjen.</p>
<div class="plats-bilder">
<img src="../raw_img/jarnvagsmuseet1.jpg" alt="Järnvägsmuseet utsida" />
<img src="../raw_img/jarnvagsmuseet2.jpg" alt="Lok på Järnvägsmuseet" />
</div>
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1954.8760162586543!2d17.16828857756007!3d60.66164170367199!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c6f6f1daf8d5%3A0xe8acd839d08d540b!2zSsOkcm52w6Rnc211c2VldA!5e0!3m2!1ssv!2sse!4v1771400597226!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>
src/platser/konserthuset.html
+47
View File
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Konserthuset | 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>Gävle Konserthus</h1>
<p>Gävle Konserthus är hem för Gävle Symfoniorkester och erbjuder konserter, evenemang och konferenser i en modern och vacker byggnad vid Gavleån.</p>
<div class="plats-bilder">
<img src="../raw_img/konserthuset1.jpg" alt="Konserthuset utsida" />
<img src="../raw_img/konserthuset2.jpg" alt="Konsertsal" />
</div>
<p>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3908.4599386556615!2d17.130876377560572!3d60.67228370280899!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4660c642ec0a8993%3A0x9a3ce2eda0b5e013!2sG%C3%A4vle%20Konserthus!5e0!3m2!1ssv!2sse!4v1771400632832!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>