-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (83 loc) · 2.93 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
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Boktips för alla bokälskare, från klassiska verk till moderna bästsäljare. Utforska våra rekommendationer och hitta din nästa läsupplevelse."
/>
<link rel="stylesheet" href="src/main.css" />
<title>Home</title>
</head>
<body>
<header>
<img
src="images/Screenshot_2024-10-18_at_11.17.50.png"
class="Logo"
alt="Företagets logotyp"
/>
<label aria-label="Byt mellan mörkt och ljust tema">
<input type="checkbox" class="Dark-toggle" /><img
src="images/icons/dark-theme-svgrepo-com.svg"
alt="Mörkt och ljust tema-ikon"
class="Dark-icon"
/></label>
<label class="hamburger-menu" aria-label="Meny"
><input type="checkbox"
/></label>
<nav aria-label="Huvudnavigation">
<ul>
<li><a href="index.html">Hem</a></li>
<li><a href="pages/book-news.html">Boknyheter</a></li>
<li><a href="pages/event.html">Evenemang</a></li>
<li><a href="about-us/about-us.html">Om Oss</a></li>
</ul>
</nav>
</header>
<main>
<article class="max-w-2xl mx-auto pt-4">
<p class="prose lg:prose-xl">
Vi är en oas för alla bokälskare. Här finner du ett brett utbud av
böcker inom alla geklassiska litterära verk till moderna bästsäljare.
Vårt mål är att inspirera läsare i alla åldrar och att erbjuda en
plats där du kan förlora dig i litteraturens värld. I vår mysiga butik
kan du bläddra bland titlar på hyllorna, delta i bokcirklar och
evenemang, eller bara njuta av en kopp kaffe medan du bläddrar igenom
de senaste nyheterna. Vårt engagerade team är alltid redo att hjälpa
dig att hitta nästa läsupplevelse eller rekommendera dolda pärlor som
du kanske inte har upptäckt än.
</p>
</article>
</main>
<footer aria-label="Sociala medier">
<ul>
<li>
<a href="#"
><img src="images/icons/youtube.svg" alt="Youtube-logotyp"
/></a>
</li>
<li>
<a href="#"
><img src="images/icons/tiktok.svg" alt="Tiktok-logotyp"
/></a>
</li>
<li>
<a href="#"
><img src="images/icons/instagram.svg" alt="Instagram-logotyp"
/></a>
</li>
<li>
<a href="#"
><img src="images/icons/twitter-x.svg" alt="Twitter-X-logotyp"
/></a>
</li>
<li>
<a href="#"
><img src="images/icons/facebook.svg" alt="Facebook-logotyp"
/></a>
</li>
</ul>
</footer>
</body>
</html>