-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·153 lines (138 loc) · 6.66 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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="no">
<head>
<title>Forside til Fiskekort på mobil</title>
<!-- meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0, minimum-scale=1, user-scalable=yes">
<meta name="author" content="Stian Stensli, Truls Stensrud, Tobias Blegeberg and John Kasper Svergja">
<meta name="description" content="Beskrivelse av hvordan fiskekort på mobil fungerer.">
<meta name="keywords" content="Hjem, Fiskekort, Norge, Applikasjon, Smarttelefon">
<!-- CSS & JS -->
<link rel="stylesheet" type="text/css" href="style/style.css">
<!-- IF IE, only for IE 9 and down. -->
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="style/IEstyle.css" />
<![endif]-->
<noscript>
<link rel="stylesheet" type="text/css" href="style/noscript.css">
</noscript>
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Noto+Sans%7COpen+Sans" rel="stylesheet" type="text/css">
<!-- Site icon -->
<link rel="icon" href="images/icon.ico">
</head>
<body onload="loadEventListner()">
<a href="#content-1" id="shortcutContent">Gå til hovedinnhold</a>
<header class="flex">
<div class="wrapper flex" id="header_wrapper">
<div title="Forside" id="logo" class="textCenter">Fiskekort</div> <!-- Slutt på #logo -->
<!-- Navigation bar -->
<nav>
<a id="showHideMenuBtn" class="navbutton" onClick="showMobileMenu()">Vis meny</a>
<div id="menuBtns" class="flex">
<a class="navbutton active" href="#">Forside</a>
<a class="navbutton" href="grunneiere/">For grunneiere</a>
<a class="navbutton" href="faq/">Ofte stilte spørsmål</a>
</div>
</nav>
<!-- Language chooser -->
<div id="langBox" class="flex">
<a id="nor" class="langBtn flex" title="Siden vises på norsk">
<img class="flag" src="images/norwegian.png" alt="">
Norsk
</a>
<a id="eng" class="langBtn flex" href="index-en.html" title="Change language to English">
<img class="flag" src="images/usa.png" alt="">
English
</a>
</div> <!-- End of #langBox-->
</div> <!-- End of .wrapper -->
</header>
<div id="backgroundImgMobile"></div>
<div id="main">
<!-- Image section -->
<section id="banner">
<div class="wrapper flex">
<!-- Mobile Box -->
<div id="bannerBox">
<h1 class="text-shadow">Fiskekort på din mobil</h1>
<span class="text-shadow">Aldri før har det vært enklere å kjøpe fiskekort.</span>
<!-- Buttons at image -->
<div class="buttonContainer">
<a class="button" href="lastNed/">Last ned app</a>
<a class="button" id="readBtn" href="#content-1">Les mer</a>
</div> <!-- End of .buttonContainer -->
</div> <!-- End of #col-2 -->
</div> <!-- End of .wrapper -->
</section> <!-- End of #banner -->
<!-- Content area -->
<section id="content-1" tabindex="-1">
<div class="textCenter headingText">
<h2>Hvordan fungerer det</h2>
<p>1. Søk på fiskevannet du vil fiske i, eller velg det fra kartet</p>
<p>2. Se informasjon om fiskevannet</p>
<p>3. Velg type varighet og startdato</p>
<p>4. Fullfør kjøpet</p>
<p>Fiskekortet er lastet ned til din mobil. Skitt fiske!</p>
</div>
<hr>
<div class="wrapper flex flexwrap">
<div id="frontPageImg" class="textCenter">
<img class="" src="imgApp/iPhoneKart.png" alt="Bilde som viser kartfunksjonen.">
<img src="imgApp/iPhoneFiskevann.png" alt="Bilde som viser hvordan informasjon om et spesifikt fiskevann vises.">
</div> <!-- End of #frontPageImg -->
<div id="frontPageText">
<h2>Kjøp av fiskekort</h2>
<p>Tidligere var det vanskelig å vite hvor man kunne kjøpe fiskekort, og for hvilke fiskevann og soner det gjaldt for. Med Fiskekort på mobil kan du nå kjøpe fiskekort på en enkel måte, uavhengig om du er en erfaren fisker, nybegynner, eller bare vil ta en fisketur med familien eller venner.</p>
<hr>
<h2>Rask oversikt over fiskevann og soner</h2>
<p>Fiskekort på mobil gir deg enkelt oversikt over alle fiskevann og hvilke soner, gjennom søk- og kartfunksjonen. For hvert fiskevann og hver sone kan du enkelt se hvilket fiskekort som gjelder.</p>
<hr>
<h2>Fiskevann som er tilgjengelig for alle</h2>
<p>Ikke alle er i stand til å komme seg til et fiskevann langt inne på fjellet. Fiskekort på mobil viser som standard tilrettelagte fiskevann. De er merket med et eget tegn i søk- og kartfunksjonen. Slik finner alle et fiskevann som passer dem.</p>
<hr>
<h2>Finn fiskevann som oppfyller dine krav</h2>
<p>Hvert fiskevann har hver sine restriksjoner. Fisketyper i vannet, og når på året det er lov å fiske kan ofte variere. Fiskekort på mobil setter deg i høysetet. På en lett måte kan du finne ut hvilke fiskevann som tillater fluefiske, otring, eller hvilke fiskevann som inneholder røy, ørret osv. Alt ved hjelp av vårt søkfilter.</p>
<div class="buttonContainer">
<a class="button" href="lastNed/">Last ned app</a>
</div>
</div> <!-- End of #frontPageText -->
</div> <!-- End of .wrapper -->
</section> <!-- End of #convent-1 -->
</div> <!-- End of #main -->
<footer>
<div class="wrapper flex">
<div class="col-1 mobileOrder-2">
<h3>Kontaktinformasjon</h3>
<ul>
<li>E-post: <a href="mailto:fiskekortapp@gmail.com">fiskekortapp@gmail.com</a></li>
<li>Kontoraddress: Pilstredet 35, 0166 Oslo</li>
<li>Supporttelefon: +47 123 45 678</li>
</ul>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-html401" alt="Valid XHTML 1.0!" style="border:0;width:88px;height:31px"/>
</a>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!"/>
</a>
</div> <!-- End of #col-1 -->
<div class="col-2 mobileOrder-1">
<h3>Andre lenker</h3>
<ul>
<li>
<a href="annet/tilgjengelighet/">Tilgjengelighet</a>
</li>
<li>
<a href="annet/personvern/">Personvern</a>
</li>
<li>
<a href="annet/">Nettsidekart</a>
</li>
</ul>
</div> <!-- End of #col-2 -->
</div> <!-- End of .wrapper -->
</footer>
<script src="script/script.js"></script>
</body>
</html>