-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (108 loc) · 4.92 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
<!DOCTYPE html>
<html lang="en">
<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>SCUBA</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="wrapper">
<header>
<img src="/img/ScubaLiving_logo_small.svg" alt="scubaliving logo">
<nav>
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">DYKKERUDSTYR</a></li>
<li><a href="#">DYKKERREJSER</a></li>
<li><a href="#">DYKKERKURSER</a></li>
<li><a href="#">KONTAKT</a></li>
<li><a href="#">OM OS</a></li>
<li></li>
</ul>
</nav>
<form action="#">
<input type="text">
<button type="submit">SØG</button>
</form>
<div class="login">
<img src="img/lock-icon-300x300.png" alt="lock icon login">
<p>LOGIN</p>
</div>
</header>
<main>
<section class="sec-one">
<div class="textbox">
<p class="cit">THE BEST WAY TO OBSERVE A FISH IS TO BECOME A FISH.</p>
<P class="by">Jaques Cousteau</P>
</div>
</section>
<section class="sec-two">
<h1>MEST POPULÆRE DYKKERUDSTYR</h1>
<div class="sec-box"></div>
<figure class="f1">
<img src="img/reg.jpg" alt="regulator">
<figcaption>REGULATOR MED RESIST <span>KR. 899.-</span></figcaption>
</figure>
<figure class="f2">
<img src="img/fine.jpg" alt="finne">
<figcaption>REJSEFINNE <span>KR. 999.-</span></figcaption>
</figure>
<figure class="f3">
<img src="img/fine.jpg" alt="finne">
<figcaption>REJSEFINNE <span>KR. 999.-</span></figcaption>
</figure>
<figure class="f4">
<img src="img/hanske.jpg" alt="handske">
<figcaption>COLDWATER GLOVES <span>KR. 1499.-</span></figcaption>
</figure>
<a href="#">
<h2>SE MERE LÆKKERT UDSTYR HER!</h2>
</a>
</section>
<section class="sec-three">
<h1>DYK UD I VERDEN</h1>
<div class="sec-box">
</div>
<div class="img-box-l">
<img src="img/malta.jpg" alt="malta scubadiving">
</div>
<div class="img-box-r">
<img src="img/norge.JPG" alt="norge scubadiving">
</div>
<div class="text-box-l">
<h2>MALTA</h2>
<p>Oplev skønne Malta og det helt fantastiske dyreliv og sammenhold. Vi arrangere dykkerejser hele året rundt</p>
</div>
<div class="text-box-r">
<h2>NORGE</h2>
<p>Nordeuropas bedste dykkerspots ligger i Norge. Vi har 25 års erfaringmed dyk i Norge. Oplev det klareste vand i verden!</p>
</div>
<a href="#">
<h2>SE FLERE DESTINATIONER OG MULIGHEDER HER!</h2>
</a>
</section>
<section class="sec-four">
<h1>PADI - DYKKERCERTIFIKAT</h1>
<div class="sec-box"></div>
<div class="sec-4-box">
<div class="text">
<h2>TAG ET INTERNATIONALT ANERKENDT DYKKERCERTIFIKAT</h2>
<p>Her finder du et stort udvalg af dykkerkurser lige fra begynder til proffesionel. Vi er et af Danmarks førende dykkercentre, som uddanner fra PADI organisationen. Når du vælger at tage et dykkercertifikat hos os, får du ikke kun et internationalt anerkendt dykkercertifikat til markedets bedste priser, du får også et dykkerkursus, hvor kvaliteten er i top.</p>
<p>Vi har kompetente instruktører på vores dykkerkuser. Erfaring, tilid og sikkerhed er vigtigt, når du dykker med os, derfor står vi klar med et stort hold af kompetente instruktører.</p>
</div>
<div class="img-box">
</div>
</div>
<a href="#">
<h2>SE ALLE KURSER OG CERTIFIKATER!</h2>
</a>
</section>
</main>
<footer>
</footer>
</div>
</body>
</html>