Skapade index.html med enkel kod (även kod inför footer som hämtas med javascript, INTE TESTAD! Samma går för Dark/light mode!)

Signed-off-by: Philip Nordlund Fällman <philip.nordlundfallman@realgymnasiet.se>
2026-02-17 09:27:54 +01:00
parent a98e5c0690
commit 2a89c4925b
1 changed files with 44 additions and 0 deletions
@@ -0,0 +1,44 @@
 <!DOCTYPE html>
 <html lang="sv">
 <head>
 	<meta charset="UTF-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>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="platser/boulognerskogen.html">Boulognerskogen</a></li>
 				<li><a href="platser/gavlebocken.html">Gävlebocken</a></li>
 				<li><a href="platser/jarnvagsmuseet.html">Järnvägsmuseet</a></li>
 				<li><a href="platser/fangelsemuseet.html">Fängelsemuseet</a></li>
 				<li><a href="platser/konserthuset.html">Konserthuset</a></li>
 				<li><a href="platser/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" label="Växla ljust/mörkt läge">🌙</button> <!-- Tror detta är rätt?? -->
 		</nav>
 	</header>
 	<main>
 		<section class="hero">
 			<h1>Välkommen till GävleGuiden</h1>
 			<p>Din digitala guide till Gävles mest intressanta platser och sevärdheter.</p>
 		</section>
 		<section class="intro">
 			<h2>Utforska Gävle</h2>
 			<p>Här hittar du information, bilder och kartlänkar till stadens populäraste besöksmål. Använd menyn för att läsa mer om varje plats!</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>