forked from marcusosterberg/-archive-vgr-mikrowebb
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
127 lines (119 loc) · 6.19 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
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>VGR Mikrowebb</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="stylesheets/styles.css">
<!--
<link rel="stylesheet" href="stylesheets/base.css">
<link rel="stylesheet" href="stylesheets/skeleton.css">
<link rel="stylesheet" href="stylesheets/layout.css">
<link rel="stylesheet" href="stylesheets/mikrowebb.css">
-->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<script>
jQuery(document).ready(function($){
$('button').click(function() {
$(this).toggleClass('expanded').siblings('div').slideToggle();
});
});
</script>
<div class="container">
<div class="mobile">
<button><img src="images/hamburger.png" alt=""> Meny</button>
<div>
<a href="index.html">Hem</a>
<hr>
<a href="page.html">Dokument</a>
<hr>
<a href="page.html">Kalender</a>
<hr>
<a href="page.html">Om oss</a>
<hr>
<a href="page.html">Kontakt</a>
</div>
</div>
<div class="sixteen columns" id="header">
<div class="one-third column alpha">
<a href="index.html"><img src="images/logo.png" alt="" class="logo"></a>
</div>
<div class="two-thirds column omega">
<div class="desktop">
<ul class="microNav">
<li><a href="index.html" class="active">Hem</a></li>
<li><a href="page.html">Dokument</a></li>
<li><a href="page.html">Kalender</a></li>
<li><a href="page.html">Om oss</a></li>
<li><a href="page.html">Kontakt</a></li>
</ul>
</div>
</div>
</div>
<div class="sixteen columns" id="title">
<h1 class="remove-bottom">Mikro­webbplats</h1>
<hr />
</div>
<div class="one-third column">
<img src="images/hi-res/IMG_9609.jpg" alt="Orange flowers" class="radius">
<h2>Orangea blommor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href="#">Quisque sed ultricies nisi, ullamcorper consequat ante</a>. Vivamus pretium cursus erat, ut tempus sapien varius vitae. Donec sed felis id nisi pretium tincidunt vitae eu diam. Maecenas vestibulum sit amet tellus eu egestas. Quisque rhoncus cursus lectus ut ultricies. Cras scelerisque porta pulvinar. Pellentesque non dolor tellus.</p><p>Nullam vehicula est sit amet velit lacinia, ac sollicitudin nibh feugiat. Quisque pharetra magna eu blandit pellentesque. Curabitur tristique magna enim, eget varius mi vestibulum sit amet. Curabitur velit leo, varius a lectus sed, posuere auctor purus. Integer risus neque, tincidunt quis ipsum eget, ornare porta lectus. Etiam odio neque, posuere a lectus id, efficitur scelerisque massa.</p>
</div>
<div class="one-third column">
<img src="images/hi-res/IMG_7342.jpg" alt="Excibition object" class="radius">
<h2>Konstverk och blå himmel</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed ultricies nisi, ullamcorper consequat ante. Vivamus pretium cursus erat, ut tempus sapien varius vitae. Donec sed felis id nisi pretium tincidunt vitae eu diam.</p>
<ul class="square">
<li><strong>Lorem ipsum dolor sit amet</strong>: Vivamus pretium cursus erat, ut tempus sapien varius vitae. Donec sed felis id nisi pretium tincidunt vitae eu diam.</li>
<li><strong>Lorem ipsum dolor sit amet</strong>: Tempus sapien varius vitae.</li>
<li><strong>Lorem ipsum dolor sit amet</strong>: Vivamus pretium cursus erat.</li>
</ul>
</div>
<div class="one-third column">
<img src="images/hi-res/IMG_1718.jpg" alt="Dirty window" class="radius">
<h2>Betong, glas och en vårsol</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed ultricies nisi, ullamcorper consequat ante. Vivamus pretium cursus erat, ut tempus sapien varius vitae. Donec sed felis id nisi pretium tincidunt vitae eu diam. Maecenas vestibulum sit amet tellus eu egestas. Quisque rhoncus cursus lectus ut ultricies. Cras scelerisque porta pulvinar. Pellentesque non dolor tellus. Nullam vehicula est sit amet velit lacinia, ac sollicitudin nibh feugiat. Quisque pharetra magna eu blandit pellentesque. Curabitur tristique magna enim, eget varius mi vestibulum sit amet. Curabitur velit leo, varius a lectus sed, posuere auctor purus. Integer risus neque, tincidunt quis ipsum eget, ornare porta lectus. Etiam odio neque, posuere a lectus id, efficitur scelerisque massa.</p>
</div>
<div class="sixteen columns radius" id="footer">
<div class="one-third column alpha offset-by-one">
<h3>Om webbplatsen</h3>
<p>Informationsansvarig: Namn Namnsson<br>
<a href="mailto:[email protected]">[email protected]</a><br>
Denna sida är en del av: <a href="http://www.vgregion.se">www.vgregion.se</a></p>
</div>
<div class="one-third column omega offset-by-two">
<h3>Kontakta oss</h3>
<div itemscope itemtype="http://schema.org/GovernmentOrganization">
<a itemprop="url" href="http://vgregion.se"><div itemprop="name"><strong>Västra Götalandsregionen</strong></div>
</a>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">Regionens Hus</span><br>
<span itemprop="addressLocality">Vänersborg</span><br>
<span itemprop="postalCode">SE 462 80</span><br>
<span itemprop="addressCountry">Sverige</span><br>
</div>
<div itemprop="description">
<p>Tel nr: 010-441 00 00<br>
Email: <a href="mailto:[email protected]">[email protected]</a><br>
Org nr: 232100-0131</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>