-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (90 loc) · 4.95 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
86
87
88
89
90
<!DOCTYPE html>
<html lang="da">
<head>
<!--META CHARSET-->
<meta charset="UTF-8">
<!--META VIEWPORT-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--META ROBOTS-->
<meta name=”robots” content="#">
<!--META DESCRIPTION-->
<meta name="description" content="#">
<!--(META) TITLE-->
<title>Forside | Hundeliv</title>
<!--IMPORT FONTE PRECONNECT GOOGLE FONTS-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!--IMPORT FONT ARCHITECTS DAUGHTER-->
<link href="https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap" rel="stylesheet">
<!--IMPORT FONT ARMATA-->
<link href="https://fonts.googleapis.com/css2?family=Armata&display=swap" rel="stylesheet">
<!--IMPORT BERLIN SANS FB DEMI-->
<link href="https://fonts.cdnfonts.com/css/berlin-sans-fb-demi" rel="stylesheet">
<!--IMPORT ICONS FONTAWESOME-->
<script src="https://kit.fontawesome.com/26e58688d6.js" crossorigin="anonymous"></script>
<!--IMPORT/LINK TIL STYLESHEET(S)-->
<link rel="stylesheet" href="Css/style.css">
</head>
<body>
<!--NAVIGATION-->
<!--BURGER MENU/MOBIL MENU-->
<div class="top-bg"> </div>
<nav>
<div class="burger-nav">
<i class="navToggle fa-solid fa-bars"></i>
</div>
<!--DESKTOP MENU-->
<div class="hidden-nav">
<a class="active" href="#">Forside</a>
<a class="" href="picker.html">Hundevælger guiden</a>
<a class="" href="rules.html">Hundens trivsel</a>
</div>
</nav>
<!--LOGO-->
<a class="logo" href="#" aria-label="logo">Hundeliv.dk</a>
<div class="grid-container">
<!--HEADER-->
<header>
</header>
<!--MAIN-->
<main>
<section class="sec-col-1">
<h1 class="pri-h">Velkommen til Hundeliv.dk - din ultimative guide til livet med hunde!</h1>
<p>Hunde er virkelig bemærkelsesværdige skabninger. Deres loyale natur går dybt, hvilket skaber et ubrydeligt bånd mellem dem og os, men denne glæde kommer også med et væsentligt ansvar. Vi er her for at guide dig gennem denne rejse og give dig den nødvendige viden og indsigt til at træffe informerede beslutninger for din hunds velbefindende. Fra at vælge den rigtige race til at forstå ernæringsbehovene, træningsmetoderne og sundhedspleje - vi dækker det hele!</p>
</section>
<section class="sec-img">
<img src="Img/dog_howling.svg" alt="decorativt billede af hund der hyler mod himlen">
</section>
<section class="sec-col-1">
<h2 class="pri-h">Den helt rigtige hund.</h2>
<p>Hos Hundeliv.dk mener vi, at det er vigtigt at overveje nøje, hvilket formål ens hund skal tjene. Uanset om det er som en kærlig familiehund, en opmærksom vagthund eller en venlig terapihund, kræver hver rolle forskellige hensyn og træning. Når vi vælger vores hunds formål, påtager vi os en forpligtelse til at matche dens personlighed og temperament med de opgaver, den skal udføre. En hund, der skal være en del af familien, skal være venlig, tålmodig og trænet til at interagere positivt med mennesker i alle aldre. Den skal også være i stand til at tilpasse sig familiens livsstil og rutiner, og være en stabil og pålidelig følgesvend.</p>
<div>
<a href="picker.html">Find din hunderace<i class="fa-solid fa-arrow-right"></i></a>
</div>
</section>
<section class="sec-img">
<img src="Img/dog_active.svg" alt="decorativt billede af hund der løber og er glad">
</section>
<section class="sec-col-1">
<h2 class="pri-h">Et godt hundeliv.</h2>
<p>Her på Hundeliv.dk finder du en værdifuld samling af information og rådgivning, der hjælper dig med at give din hund den bedst mulige pleje og omsorg. Uanset om du er en ny hundeejer eller en erfaren hundepasser, kan du her finde alt det, du har brug for at vide om træning, sundhed, ernæring og etikette. Så lad os sammen skabe et sundere, gladere og mere opfyldende liv for vores elskede hunde!</p>
<div>
<a href="rules.html">Læs mere om trivsel<i class="fa-solid fa-arrow-right"></i></a>
</div>
</section>
</main>
<!--FOOTER-->
<footer>
<a href="#">Doner en godbid til os<i class="fa-solid fa-arrow-right"></i></a>
</footer>
</div>
<!--JAVASCRIPT CODE TIL DROPDOWN BURGER MENU-->
<script>
const navbarToggle = () => {
const nav = document.querySelector('.hidden-nav');
nav.classList.toggle('toggleShow');
}
document.querySelector('.navToggle').addEventListener('click', navbarToggle);
</script>
</body>
</html>