/
universellUtforming.html
62 lines (49 loc) · 2.17 KB
/
universellUtforming.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
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Universell utforming</title>
<!--Meyers Reset-->
<link rel="stylesheet" type="text/css" href="css/meyersReset.css">
<!--Main style/css-->
<link rel="stylesheet" type="text/css" href="css/universellUtforming.css">
</head>
<body>
<!--container-->
<div id="container">
<!--Header-->
<header class="col" id="mainPageHeader">
<h1 id="logo">Universell utforming</h1><!--Title-->
<hr> <!--Set a line under logo-->
</header>
<!--end Header-->
<!--Banner-->
<aside id="banner" class="col">
<!--<h2 class="txt bannerTxt">Universell utforming er...</h2>-->
<h2 id="answerHere" class="txt bannerTxt">Peik på knapper nedanfor for meir info</h2><!--Message for user-->
</aside> <!--end Banner-->
<!--mainContent-->
<section id="mainContent">
<!--1. article-->
<article id="art1" class="col col-6"><!--Box nr.1-->
<h3 class="txt">1/2: Utforming av kode.</h3><!--Undertitle nr.1-->
</article><!--end 1. article-->
<!--2. article-->
<article id="art2" class="col col-6"><!--Box nr.2-->
<h3 class="txt">2/2: Utforming av kode.</h3><!--Undertitle nr.2-->
</article><!--end 2. article-->
<!--3. article-->
<article id="art3" class="col col-6"><!--Box nr.3-->
<h3 class="txt">1/2: Bruk av bilder i nettsider.</h3><!--Undertitle nr.3-->
</article><!--end 3. article-->
<!--4. article-->
<article id="art4" class="col col-6"><!--Box nr.4-->
<h3 class="txt">2/2: Bruk av bilder i nettsider.</h3><!--Undertitle nr.4-->
</article><!--end 4. article-->
</section><!--end mainContent-->
</div><!--end container-->
<!--JavaScript-->
<script src="js/universellUtforming.js"></script>
</body>
</html>