-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
101 lines (95 loc) · 10.4 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
<!DOCTYPE html>
<html lang="nb">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=width, initial-scale=1.0">
<meta name="author" content="Team Warrior HIOA">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="media-queries.css">
<link rel="prerender" href="index.html">
<link rel="prerender" href="Omoss.html">
<link rel="prerender" href="sponsorer.html">
<link rel="prerender" href="Regler.html">
<title title="HIOA Julekalender">HIOA studentjulekalender</title>
<link rel="shortcut icon" href="Bilder/favicon.ico" >
</head>
<body onload="GjemGammelLuke()" onkeypress="ESCclose(event)">
<div class="innholdswrapper">
<header>
<div id="logo"><a href="index.html"><img src="Bilder/Hioa_jule_logo.png" title="HIOA logo med nisselue" alt="logobilde med nisselue"></a></div>
<div onclick="dropdownopen()" id="meny"><a><img src="Bilder/navbarstripes.png" title="bakgrunn til mobilnavigasjon" alt="bakgrunn til mobilnavigasjon"></a></div>
<nav class="hovedmeny">
<ul>
<li><a href="index.html">HJEM</a></li>
<li><a href="Omoss.html">OM OSS</a></li>
<li><a href="sponsorer.html">SPONSORER</a></li>
<li><a href="Regler.html">REGLER</a></li>
</ul>
</nav>
<nav id="dropmenu" class="closed">
<ul>
<li><a href="index.html">HJEM</a></li>
<li><a href="Omoss.html">OM OSS</a></li>
<li><a href="sponsorer.html">SPONSORER</a></li>
<li><a href="Regler.html">REGLER</a></li>
</ul>
</nav>
</header>
<p class="internetexplorer">Hallo! Som du ser har vi ikke fått til denne siden til IE enda, den skal fungere, men er nok lettere å bruke sammen med chrome, opera eller Firefox.</p>
<ul class="lukewrapper">
<li class="luke"><div class="flipper" id="flipper1" onclick="apne(1)"><div class="front" id="front1"></div><div class="back" id="back1"></div></div><div class="bakgrunn" id="bakgrunn1" onclick="visKonkurranse(1)" ><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper2" onclick="apne(2)"><div class="front" id="front2"></div><div class="back" id="back2"></div></div><div class="bakgrunn" id="bakgrunn2" onclick="visKonkurranse(2)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper3" onclick="apne(3)"><div class="front" id="front3"></div><div class="back" id="back3"></div></div><div class="bakgrunn" id="bakgrunn3" onclick="visKonkurranse(3)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper4" onclick="apne(4)"><div class="front" id="front4"></div><div class="back" id="back4"></div></div><div class="bakgrunn" id="bakgrunn4" onclick="visKonkurranse(4)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper5" onclick="apne(5)"><div class="front" id="front5"></div><div class="back" id="back5"></div></div><div class="bakgrunn" id="bakgrunn5" onclick="visKonkurranse(5)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper6" onclick="apne(6)"><div class="front" id="front6"></div><div class="back" id="back6"></div></div><div class="bakgrunn" id="bakgrunn6" onclick="visKonkurranse(6)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper7" onclick="apne(7)"><div class="front" id="front7"></div><div class="back" id="back7"></div></div><div class="bakgrunn" id="bakgrunn7" onclick="visKonkurranse(7)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper8" onclick="apne(8)"><div class="front" id="front8"></div><div class="back" id="back8"></div></div><div class="bakgrunn" id="bakgrunn8" onclick="visKonkurranse(8)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper9" onclick="apne(9)"><div class="front" id="front9"></div><div class="back" id="back9"></div></div><div class="bakgrunn" id="bakgrunn9" onclick="visKonkurranse(9)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper10" onclick="apne(10)"><div class="front" id="front10"></div><div class="back" id="back10"></div></div><div class="bakgrunn" id="bakgrunn10" onclick="visKonkurranse(10)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper11" onclick="apne(11)"><div class="front" id="front11"></div><div class="back" id="back11"></div></div><div class="bakgrunn" id="bakgrunn11" onclick="visKonkurranse(11)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper12" onclick="apne(12)"><div class="front" id="front12"></div><div class="back" id="back12"></div></div><div class="bakgrunn" id="bakgrunn12" onclick="visKonkurranse(12)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper13" onclick="apne(13)"><div class="front" id="front13"></div><div class="back" id="back13"></div></div><div class="bakgrunn" id="bakgrunn13" onclick="visKonkurranse(13)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper14" onclick="apne(14)"><div class="front" id="front14"></div><div class="back" id="back14"></div></div><div class="bakgrunn" id="bakgrunn14" onclick="visKonkurranse(14)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper15" onclick="apne(15)"><div class="front" id="front15"></div><div class="back" id="back15"></div></div><div class="bakgrunn" id="bakgrunn15" onclick="visKonkurranse(15)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper16" onclick="apne(16)"><div class="front" id="front16"></div><div class="back" id="back16"></div></div><div class="bakgrunn" id="bakgrunn16" onclick="visKonkurranse(16)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper17" onclick="apne(17)"><div class="front" id="front17"></div><div class="back" id="back17"></div></div><div class="bakgrunn" id="bakgrunn17" onclick="visKonkurranse(17)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper18" onclick="apne(18)"><div class="front" id="front18"></div><div class="back" id="back18"></div></div><div class="bakgrunn" id="bakgrunn18" onclick="visKonkurranse(18)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper19" onclick="apne(19)"><div class="front" id="front19"></div><div class="back" id="back19"></div></div><div class="bakgrunn" id="bakgrunn19" onclick="visKonkurranse(19)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper20" onclick="apne(20)"><div class="front" id="front20"></div><div class="back" id="back20"></div></div><div class="bakgrunn" id="bakgrunn20" onclick="visKonkurranse(20)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper21" onclick="apne(21)"><div class="front" id="front21"></div><div class="back" id="back21"></div></div><div class="bakgrunn" id="bakgrunn21" onclick="visKonkurranse(21)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper22" onclick="apne(22)"><div class="front" id="front22"></div><div class="back" id="back22"></div></div><div class="bakgrunn" id="bakgrunn22" onclick="visKonkurranse(22)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper23" onclick="apne(23)"><div class="front" id="front23"></div><div class="back" id="back23"></div></div><div class="bakgrunn" id="bakgrunn23" onclick="visKonkurranse(23)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
<li class="luke"><div class="flipper" id="flipper24" onclick="apne(24)"><div class="front" id="front24"></div><div class="back" id="back24"></div></div><div class="bakgrunn" id="bakgrunn24" onclick="visKonkurranse(24)"><a href="#apnekonkurranse">Klikk her for å åpne luke</a></div></li>
</ul>
<div id="apnekonkurranse" class="konkurranse">
<div class="konkurransewrapper">
<a href="#Lukk" title="Lukk" class="Lukk">X</a>
<section class="venstreside">
<p id="spmmelding">Skriv inn ditt studentnummer i feltet under. Når du er klar trykk på send inn, og du er du med i trekningen!</p>
<div class="skjema">
<p><label for="stdnr">Studentnummer: </label><input type="text" title="studentnummer" id="stdnr" name="Snr"> </p>
<p class="sporsmal" id="spm1">
<!-- Her genererer js oppgavene-->
</p>
<p class="sporsmal" id="spm2">
<!-- Her genererer js oppgavene-->
</p>
<button value="Send inn" onclick="sendskjema()">Send inn</button>
</div>
</section>
<section class="høyreside">
<img id="sponsorbilde" src="" alt="" />
<article id="sponsortekst">
</article>
</section>
</div>
</div>
</div> <!-- end of innholdswrapper -->
<footer>
<p>Har du spørsmål eller tilbakemeldinger( ris og ros )</p>
<p>Kontakt oss på mail: [email protected]</p>
</footer>
<script src="main.js"></script>
</body>
</html>