diff --git a/src/index.html b/src/index.html
index e69de29..c44a0d0 100644
--- a/src/index.html
+++ b/src/index.html
@@ -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>
