-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (150 loc) · 5.95 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="is">
<head>
<meta charset="utf-8">
<title>Spilabúðin</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./styles.css">
<link rel="stylesheet" href="./grid.css">
<meta name="description"
content="Spilabúðin selur spil, heldur viðburði og býður upp á skemmtilega stund. Kíktu á okkur á Spilagötu 1.">
<meta property="og:title" content="Spilabúðin">
<meta property="og:description"
content="Spilabúðin selur spil, heldur viðburði og býður upp á skemmtilega stund. Kíktu á okkur á Spilagötu 1.">
<meta property="og:image" content="./myndir/sharing.jpg">
</head>
<body>
<div class="wrapper">
<header>
<h1>Spilabúðin</h1>
</header>
<p class="sr-only"><a href="#efni">Beint í efni</a></p>
<div class="wrapper-content">
<nav class="wrapper-nav">
<ul>
<li><strong>Forsíða</strong></li>
<li><a href="sidur/spil.html">Spil</a></li>
<li><a href="sidur/vidburdir.html">Viðburðir</a></li>
<li><a href="sidur/skraning.html">Skráning á viðburði</a></li>
</ul>
</nav>
<main id="efni" class="wrapper-main">
<div class="content">
<div class="intro">
<img src="./myndir/spilabudin.jpg"
alt="Inngangur að Spilabúðinni, blámálað hús með stórum gluggum. Í gluggunum eru litríkir hlutir. Fyrir framan húsið er hjól.">
<p>Spilabúðin selur spil, heldur viðburði og býður upp á skemmtilega stund. Kíktu á okkur á Spilagötu 1.</p>
</div>
<div class="cards">
<div class="content">
<section class="card">
<div class="content">
<h3 class="title">Spil</h3>
<div class="text">
<p>Við seljum allskonar spil fyrir allskonar fólk.</p>
</div>
<div class="actions">
<a href="./sidur/spil.html" class="button">Skoða spil</a>
</div>
</div>
</section>
<section class="card">
<div class="content">
<h3 class="title">Viðburðir</h3>
<div class="text">
<p>Við höldum reglulega viðburði.</p>
</div>
<div class="actions">
<a class="button" href="./sidur/vidburdir.html">Skoðaðu viðburði</a> <a class="button"
href="./sidur/skraning.html">Skráðu mig á viðburð</a>
</div>
</div>
</section>
</div>
</div>
<div class="cards">
<h2 class="title">Vinsælustu spilin</h2>
<div class="content">
<section class="card">
<div class="image"><img src="./myndir/brass.jpg" alt="Mynd af boxi spilsins Brass: Birmingham"></div>
<div class="content">
<h3 class="title">Brass: Birmingham</h3>
<div class="text">
<p>Ný komið aftur! Klassískt spil sem fær 8,41 í einkunn hjá BoardGameGeek.
</p>
</div>
<div class="actions">
<a href="./sidur/spil.html" class="button">Skoða spil</a>
<!-- Rétt leið til að útbúa form, þó ekkert virki... -->
<form method="post" action=".">
<input type="hidden" name="id" value="1">
<button class="button">Setja í körfu</button>
</form>
</div>
</div>
</section>
<section class="card">
<div class="image"><img class="image" src="./myndir/pandemic.jpg"
alt="Mynd af boxi spilsins Pandemic Legacy"></div>
<div class="content">
<h3 class="title">Pandemic Legacy</h3>
<div class="text">
<p>Getið þið unnið saman til að stöðva heimsfaraldur? Spil sem fær 8,37 í einkunn hjá BoardGameGeek.
</p>
</div>
<div class="actions">
<a href="./sidur/spil.html" class="button">Skoða spil</a>
<form method="post" action=".">
<input type="hidden" name="id" value="1">
<button class="button">Setja í körfu</button>
</form>
</div>
</div>
</section>
</div>
</div>
</div>
</main>
</div>
<footer>
<div class="content">
<section>
<h2>Opnunartími</h2>
<dl>
<dt>Mánudagar</dt>
<dd>Lokað</dd>
<dt>Þriðjudagar til fimmtudags</dt>
<dd>14:00–22:00</dd>
<dt>Föstudaga</dt>
<dd>14:00–00:00</dd>
<dt>Laugardaga</dt>
<dd>12:00–00:00</dd>
<dt>Sunnudaga</dt>
<dd>12:00–22:00</dd>
</dl>
</section>
<section>
<h2>Hér erum við</h2>
<ul>
<li>Spilabúðin ehf.</li>
<li>Spilagata 1 10</li>
<li>101 Reykjavík</li>
<li><a href="tel:1234567">Sími 123-4567</a></li>
<li>
<a href="mailto:[email protected]">[email protected]</a>
</li>
</ul>
</section>
<section>
<h2>Samfélagsmiðlar</h2>
<ul>
<li><a href="https://www.facebook.com/HaskoliIslands/">Facebook</a></li>
<li><a href="https://www.youtube.com/user/HIvarp">YouTube</a></li>
<li><a href="https://www.instagram.com/haskoli_islands/">Instagram</a></li>
</ul>
</section>
</div>
</footer>
</div>
</body>
</html>