-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
77 lines (77 loc) · 3.04 KB
/
index.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
<!DOCTYPE html>
<html lang="no">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<title>Hvor er vorset?</title>
<!-- Legg til Google Fonts for bedre typografi -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navigasjonsmeny -->
<header>
<nav>
<a href="home.html">Hjem</a>
<a href="#events">Vorsside</a>
<a href="#contact">Kontakt</a>
</nav>
</header>
<!-- Hero-seksjon -->
<section class="hero" id="home">
<!-- Fjernet img-taggen og legger bildet som bakgrunn i CSS -->
<div class="hero-content">
<h1>NACH hos hos Martin i dag natt til 26 okt! 03:00</h1>
<p>Martin har gleden av å invitere til 3-rettters NACH i sin leilighet i dag.</p>
<p>Håper alle kan komme! Inviter alle du kjenner.</p>
<p>Adresse: Daniel Hansens Gate 12A, tlf 919 99 088</p>
<button class="btn" onclick="window.location.href='#events'">Se Eventer</button>
</div>
</section>
<!-- Plan-seksjon -->
<section class="plan" id="plan">
<h2>Plan for kvelden</h2>
<ul>
<li>02:00 - Underholdning og mingling med innslag fra Ludvig</li>
<li>02:30 - Overraskelse fra verten</li>
<li>03:00 - Nach med Ludvig</li>
<li>03:30 - Cocktail time: Ludvig serverer sine "eksperimentelle" drinker</li>
<li>04:00 - Ludvigs runde: Skåler og historier fra Amsterdam</li>
<li>04:30 - Dance battle med Ludvigs utvalgte låter</li>
<li>05:00 - Chill og samtale med snacks og drinker</li>
<li>05:30 - Musikalsk finale: Ludvig på gitar eller DJ-sett</li>
<li>06:00 - Soloppgangspiknik på taket (hvis mulig)</li>
<li>06:30 - Ludvigs avsluttende tale og klemrunde</li>
<li>07:00 - Takk for i natt - Nachspiel avsluttes</li>
</ul>
</section>
<!-- Ny bilde-seksjon -->
<section class="image-section">
<h2>Gleder meg til å se alle mine venner!</h2>
<img src="bilde.jpg" alt="Beskrivelse av bildet">
</section>
<!-- Event-seksjon -->
<section class="events" id="events">
<h2>Kommende Eventer</h2>
<div class="event-container">
<div class="event-info">
<h3>Torsdag</h3>
<p><strong>Det er vors hos OLA før DT!</strong></p>
</div>
<div class="event-info">
<h3>Fredag</h3>
<p><strong>Vors hos Martin i Oslo</strong></p>
</div>
<div class="event-info">
<h3>Lørdag</h3>
<p><strong>TBA, kom gjerne med forslag</strong></p>
</div>
</div>
</section>
<!-- Footer -->
<footer id="contact">
<p>Kontakt oss på <a href="mailto:[email protected]">[email protected]</a></p>
<p>Følg oss på sosiale medier:</p>
<!-- Legg til sosiale medier ikoner -->
</footer>
</body>
</html>