projekt4-vitsoe/naturen.html at master · Abdjulaziz/projekt4-vitsoe · GitHub

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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html lang="da" dir="ltr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Naturen i Vitsø Naturområde</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
    <meta name="description"
        content="Søen Vitsø er et fredet naturområde på det sydlige Ærø. Denne klimavenlige sø er bestemt et besøg værd, så hvis man er glad for vand, natur, fugle og frisk luft er Vitsø et must. ">
    <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">

</head>

<body>
    <nav id="navbar" class="articleNavbar">
        <label class="navbar-toggle" id="js-navbar-toggle" for="chkToggle">
            <i class="fa fa-bars fa-fw"></i>
        </label>
        <a href="index.html#ommig">
            <h1 id="logo">Vitsø Naturområde</h1>
        </a>
        <input type="checkbox" id="chkToggle"></input>
        <ul class="main-nav" id="js-menu">
            <li>
                <a href="index.html#start" class="nav-links hvr-underline-from-center">Forside</a>
            </li>
            <li>
                <a href="naturen.html" class="nav-links hvr-underline-from-center">Naturen</a>
            </li>
            <li>
                <a href="dyrene.html" class="nav-links hvr-underline-from-center">Dyrene</a>
            </li>
            <li>
                <a href="ruter.html" class="nav-links hvr-underline-from-center">Gåruter</a>
            </li>
        </ul>
    </nav>

    <section>
        <div class="articleHero1" id="start">
            <div class="articleHeroText">
                <h2>Naturen i Vitsø</h2>
            </div>
        </div>
        <div class="articleText">
            <p>Vitsø naturområde er et område som har en meget smuk natur, da man som beboer på Ærø går meget om i at
                passe på naturen. Området er et fredet, hvilket også gør at der er meget roligt i området og det eneste
                som kan høres, er dem som besøger området for en gåtur, dyrene og vinden. I området vokser der mange
                forskellige træsorter fx Bøg og Birketræer.

                I området er der en sø, hvor der er mulighed for at gå ture rundt om, men også sætte sig ned og nyde
                roen og området.

                I området er der blevet lavet nogle regler for at passe på naturen fx må du ikke gå på jagt og du må
                ikke fiske i området, derudover skal man smide sit skrald i de placeret skraldespande i området. Grunden
                til at Ærø Kommune har valgt at lægge så meget fokus på det er fordi man gerne vil beholde det flotte
                natur og skal sørge for at naturen lever længere. Naturområdet er det perfekte sted for dig og din
                familie, hvis man elsker at gå ture og nyde det i ro og fred.</p>
        </div>
    </section>

    <footer>
        <div class="callToAction">
            <span>
                Book billet med Ærø færgen allerede i dag!
                <a href="https://www.aeroe-ferry.dk/da/" class="book" rel="nofollow" target="_blank">Book billet</a>
            </span>
        </div>
        <div class="footerGrid">
            <div class="footerGridText">
                <h3>Sider</h3>
                <hr class="hr1">
                <ul>
                    <li> <a href="index.html" class="hvr-underline-from-center"> Forside </a></li>
                    <li> <a href="naturen.html" class="hvr-underline-from-center"> Naturen </a></li>
                    <li> <a href="dyrene.html" class="hvr-underline-from-center"> Dyrene </a></li>
                    <li> <a href="ruter.html" class="hvr-underline-from-center"> Gåruter </a></li>
                </ul>
            </div>
            <div class="footerGridText">
                <h3>Sociale medier</h3>
                <hr class="hr2">
                <ul>
                    <li> <a href="#" class="hvr-underline-from-center">Facebook </a></li>
                    <li> <a href="#" class="hvr-underline-from-center"> Instagram </a></li>
                </ul>
            </div>
            <div class="footerGridText">
                <h3>Nyttige links</h3>
                <hr class="hr3">
                <ul>
                    <li> <a href="https://www.visitaeroe.dk/" class="hvr-underline-from-center"
                            rel="noopener noreferrer nofollow" target="_blank"> Visit Ærø </a>
                    </li>
                    <li> <a href="https://www.aeroe-ferry.dk/da/" class="hvr-underline-from-center"
                            rel="noopener noreferrer nofollow" target="_blank"> Ærøfærgen </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footerCopyright">
            <p>© 2020 Vitsø - Alle rettigheder forbeholdes</p>
        </div>
    </footer>


</body>

</html>