-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathdemo.html
138 lines (120 loc) · 6.73 KB
/
demo.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="data:;base64,=">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<style>
.column {
width: auto;
box-sizing: border-box;
float: left;
position: relative;
}
@media only screen and (min-width: 800px) {
.column {
float: left;
position: relative;
width: 33%;
box-sizing: border-box;
padding: 10px;
}
.column-offset-1 {
left: 33%;
}
.column-offset-2 {
left: 66%;
}
.column-inset-1 {
left: -33%;
}
.column-inset-2 {
left: -66%;
}
}
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
}
.header {
width: auto;
padding: 20px;
border: 1px solid black;
}
</style>
<title>WhereDoIVote-Widget-Demo</title>
</head>
<body>
<main>
<div class="header">
<h1>Lorem Ipsum Town Council</h1>
</div>
<div class="container">
<div class="column column-one">
Phasellus tristique eros ac quam malesuada pulvinar. Ut fringilla hendrerit ultricies. Aliquam bibendum tellus
vel turpis vehicula faucibus. Etiam a commodo urna. Ut finibus lacinia orci, sed pellentesque nunc congue ac.
Etiam tristique faucibus rhoncus. Cras consequat placerat nisl. Duis placerat convallis nisi, ac tempor ex
laoreet ac. Sed volutpat elit non auctor accumsan. Sed dictum luctus lacus, sit amet ullamcorper mauris maximus
a.
Nunc sagittis, urna sed tristique pellentesque, nulla nibh fermentum diam, et sollicitudin libero augue non
tortor. Maecenas varius consectetur nisl, sed rhoncus enim volutpat nec. Nulla viverra vitae libero a semper.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ac nisl eu metus tempus interdum at sed
dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra rutrum mauris, sit amet fermentum
sem consectetur mollis. Proin sollicitudin quis ex dapibus porttitor. Sed et turpis interdum, ornare sem
tristique, iaculis ante. Suspendisse aliquet a urna non tempor. Vestibulum consequat erat ultrices mattis
tempus.
Suspendisse aliquam mattis nibh id pellentesque. Fusce consectetur auctor sapien, nec iaculis sapien laoreet
nec. Aenean ullamcorper ante eget quam cursus bibendum. Quisque facilisis tristique justo. Nulla pellentesque
mauris a feugiat congue. Nulla tincidunt, dui id finibus rhoncus, orci massa maximus odio, eget efficitur purus
quam sagittis augue. Cras ultrices tellus neque, ac lacinia turpis tempus vel. Aliquam sollicitudin porttitor
viverra. Vivamus sed sem a turpis dictum volutpat. Aliquam consectetur ut ligula eu condimentum. Sed arcu massa,
auctor nec sem ut, aliquam varius erat. Mauris neque lectus, finibus vitae augue ut, imperdiet congue metus. Nam
fermentum nunc urna, at semper mi auctor quis. Sed elementum mauris eget varius rutrum. Praesent id orci ac ex
fermentum dapibus.</div>
<div class="column column-two">
Integer erat ex, tincidunt et mollis at, porttitor ut arcu. Praesent orci mauris, finibus eget placerat non,
aliquet pharetra lectus. Duis imperdiet nulla a dui mattis vulputate. Proin quis vestibulum elit. Proin eget
lorem leo. Praesent semper nisl ac ornare elementum. Suspendisse non ipsum eget ex malesuada eleifend ac commodo
purus. Curabitur semper tellus magna, sed cursus ex feugiat et. Aenean ut est sed elit dictum semper. Sed sit
amet velit nec dui elementum vestibulum.
<br /><br />
<noscript>
<iframe src="https://wheredoivote.co.uk/embed/" style="width:100%; height:1100px" frameborder="0"
scrolling="no"></iframe>
</noscript>
<div id="dc_wdiv" data-elections="true" data-language="en" aria-live="polite" role="region"></div>
<script type="text/javascript" src="wdiv.js"></script>
<br />
Aliquam libero tortor, fermentum ut nibh quis, rutrum venenatis nisi. Cras aliquet dictum mollis. Aenean gravida
dui nec nisl aliquam porttitor. Donec vitae egestas lacus. Integer malesuada tellus non semper eleifend. Cras
varius tellus at venenatis laoreet. Maecenas lobortis ex ac nisl eleifend posuere. Aliquam auctor odio at
fermentum volutpat. Vestibulum nec feugiat ipsum. Nam non tincidunt dolor. Mauris ac odio id purus elementum
tempor. Sed venenatis eu nisl eu eleifend.
</div>
<div class="column column-three">
Phasellus tristique eros ac quam malesuada pulvinar. Ut fringilla hendrerit ultricies. Aliquam bibendum tellus
vel turpis vehicula faucibus. Etiam a commodo urna. Ut finibus lacinia orci, sed pellentesque nunc congue ac.
Etiam tristique faucibus rhoncus. Cras consequat placerat nisl. Duis placerat convallis nisi, ac tempor ex
laoreet ac. Sed volutpat elit non auctor accumsan. Sed dictum luctus lacus, sit amet ullamcorper mauris maximus
a.
Nunc sagittis, urna sed tristique pellentesque, nulla nibh fermentum diam, et sollicitudin libero augue non
tortor. Maecenas varius consectetur nisl, sed rhoncus enim volutpat nec. Nulla viverra vitae libero a semper.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus ac nisl eu metus tempus interdum at sed
dolor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pharetra rutrum mauris, sit amet fermentum
sem consectetur mollis. Proin sollicitudin quis ex dapibus porttitor. Sed et turpis interdum, ornare sem
tristique, iaculis ante. Suspendisse aliquet a urna non tempor. Vestibulum consequat erat ultrices mattis
tempus.
Suspendisse aliquam mattis nibh id pellentesque. Fusce consectetur auctor sapien, nec iaculis sapien laoreet
nec. Aenean ullamcorper ante eget quam cursus bibendum. Quisque facilisis tristique justo. Nulla pellentesque
mauris a feugiat congue. Nulla tincidunt, dui id finibus rhoncus, orci massa maximus odio, eget efficitur purus
quam sagittis augue. Cras ultrices tellus neque, ac lacinia turpis tempus vel. Aliquam sollicitudin porttitor
viverra. Vivamus sed sem a turpis dictum volutpat. Aliquam consectetur ut ligula eu condimentum. Sed arcu massa,
auctor nec sem ut, aliquam varius erat. Mauris neque lectus, finibus vitae augue ut, imperdiet congue metus. Nam
fermentum nunc urna, at semper mi auctor quis. Sed elementum mauris eget varius rutrum. Praesent id orci ac ex
fermentum dapibus.
</div>
</div>
</main>
</body>
</html>