projekt4-vitsoe/ruter.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>Gåruter 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="articleHero3" id="start">
            <div class="articleHeroText">
                <h2>Gåruter i Vitsø</h2>
            </div>
        </div>
        <div class="articleText">
            <p>Ved Vitsø naturområde er der mulighed for gå forskellige ruter for at se den smukke natur og det dejlige
                dyreliv. Der
                er lagt 2 gå ruter hvor man kommer igennem og rundt om Vitsø naturområde. Der er lagt en lang og en kort
                rute, så
                der er mulighed for at gå en tur om man er vant til at meget eller mindre. Den lange gå rute er på 10,81
                km, hvor
                den korte er på 4,57 km.

                Ved den lange gå rute er der mulighed for at komme helt rundt om Vitsø naturområde, hvor den mindre
                lange gå rute
                kommer rundt om søen, men der skære man lidt af og kommer ikke helt rundt om Vitsø. Begge ruter er dog
                stadig rigtig
                gode, hvis man vil se Vitsø naturområde og gå en god tur omringet af ro og flot natur. </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>