-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
157 lines (152 loc) · 6.08 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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<meta charset="utf-8">
<title>Julinsamlingen</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:light,lightitalic,semibold,semibolditalic,bold,bolditalic,extrabold,extrabolditalic" />
</head>
<body>
<main class="main">
<header>
<h1 class="heading">Super stor rubrik</h1>
<p class="introduction">Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula.
Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie
magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris
iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. Etiam at
risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet.
Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque
faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi. Duis aliquet egestas purus
in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas
est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos
himenaeos. Sed molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci
luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum
dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis.
In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla fringilla, orci ac euismod semper,
magna diam porttitor.</p>
<span class="signature">Tillsammans ger vi:</span>
<span class="amount">495.000:-</span>
</header>
<ul class="images">
<li class="image">
<img src="images/image1.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 1</span>
<span class="company-amount">60.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image2.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 2</span>
<span class="company-amount">40.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image3.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 3</span>
<span class="company-amount">30.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image4.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 8</span>
<span class="company-amount">90.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image5.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 4</span>
<span class="company-amount">80.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image6.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 5</span>
<span class="company-amount">90.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image7.png" alt="christmas-card" />
<div class="spot christmas">
<div class="info">
<span class="company-name">Byrå 9</span>
<span class="company-amount">90.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image8.png" />
<div class="spot company">
<div class="info">
<span class="company-name">Byrå 6</span>
<span class="company-amount">30.000:-</span>
</div>
</div>
</li>
<li class="image">
<img src="images/image9.png" />
<div class="spot company">
<div class="info">
<span class="company-name">Byrå 7</span>
<span class="company-amount">50.000:-</span>
</div>
</div>
</li>
</ul>
</main>
<div class="organisations">
<div class="info-wrapper">
<h2>Lite mindre rubrik</h2>
<p>Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula.
Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim.
Phasellus molestie magna non est bibendum non venenatis nisl tempor. havr
dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus
massa, ut blandit odio. Proin quis tortor orci. Etiam at risus et justo dignissim
congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu
ullamcorper orci.</p>
</div>
<ul class="organisation-wrapper">
<li class="organisation">
<img src="http://placebear.com/225/115" alt="help-organization" />
<a href="http://www.stadsmissionen.se">Stadsmissionen</a>
</li>
<li class="organisation">
<img src="http://placebear.com/225/115" alt="help-organization" />
<a href="http://www.stadsmissionen.se">Stadsmissionen</a>
</li>
<li class="organisation">
<img src="http://placebear.com/225/115" alt="help-organization" />
<a href="http://www.stadsmissionen.se">Stadsmissionen</a>
</li>
<li class="organisation">
<img src="http://placebear.com/225/115" alt="help-organization" />
<a href="http://www.stadsmissionen.se">Stadsmissionen</a>
</li>
</ul>
</div>
<footer>
<span class="footer-content">Footer</span>
</footer>
<script type="text/javascript" src="vendor/jquery.js"></script>
<script type="text/javascript" src="vendor/shuffle.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>