-
Notifications
You must be signed in to change notification settings - Fork 1
/
media.html
64 lines (49 loc) · 2.66 KB
/
media.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
<!DOCTYPE html>
<!-- Author: Øistein, Knut, Jørgen og Simon
Date: November, 2017
Purpose: Share images from Realfagskjelleren
Filename: media.html
-->
<html>
<head>
<meta charset="utf-8">
<title>Realfagskjelleren</title>
<link rel="icon" href="./img/favicon.ico">
<!-- Css imports -->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/mobile.css" rel="stylesheet" type="text/css">
<link href="css/navbar.css" rel="stylesheet" type="text/css">
<link href="css/events.css" rel="stylesheet" type="text/css">
<link href="css/media.css" rel="stylesheet" type="text/css">
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
</script>
<!-- Add Header -->
<script src="./javascript/header.js"></script>
<div id="content">
<div id="imageModal" class="modal" onclick="closeModal()">
<img id="modalImg" src="./img/media/bilde1.jpg" class="modalImage" alt="Popup">
</div>
<div class="images">
<img id="img1" src="./img/media/bilde1.jpg" alt="Bilde" width="300" height="200" onclick="openModal(this)">
<img id="img2" src="./img/media/bilde2.jpg" alt="Bilde" width="300" height="200" onclick="openModal(this)">
<img id="img3" src="./img/media/bilde3.jpg" alt="Bilde" width="300" height="200" onclick="openModal(this)">
<img id="img4" src="./img/media/bilde4.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img5" src="./img/media/bilde5.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img6" src="./img/media/bilde6.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img7" src="./img/media/bilde7.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img8" src="./img/media/bilde8.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img9" src="./img/media/bilde9.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img10" src="./img/media/bilde10.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img11" src="./img/media/bilde11.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
<img id="img12" src="./img/media/bilde12.jpg" alt="bilde" width="300" height="200" onclick="openModal(this)">
</div>
<script src="./javascript/media.js"></script>
</div>
<script src="./javascript/scroll.js"></script>
<!-- Add footer -->
<script src="./javascript/footer.js"></script>
<script src="./javascript/detectMobile.js"></script>
</body>
</html>