-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (133 loc) · 5.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>User survey</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style/style.css"/>
<script src="js/vendors/jquery-2.1.3.min.js"></script>
<script src="js/vendors/jplayer/jquery.jplayer.min.js"></script>
<script src="js/vendors/geolocator.js"></script>
<script src="js/main.js"></script>
</head>
<body>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '456148427871270',
xfbml: true,
version: 'v2.2'
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div
id="fb-root"
class="fb-like"
data-width="450"
data-show-faces="true">
</div>
<div id="root-container">
<div class="content-wrapper">
<header class="clearfix main-header">
<div class="logo">
<h3>OSC</h3>
<p>ONLINE <br>
SURVEYS<br>
CENTER</p>
</div>
<div class="header__description">
<div class="header-info">
<div class="subtitle">User Survey</div>
<div class="sitename">'<span class="js-user-location"></span>' Area development survey</div>
</div>
<div class="extra-info">
<div class="header-flag"><img src="img/gb.png" alt=""/></div>
<div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true"
data-share="true"></div>
<div class="header__description-info">
<!--<div class="header__description__browser js-browser"></div>-->
<!--<div class="header__description__ip js-ip"></div>-->
<time class="date" datetime="2014-11-10">Monday, November 10, 2014</time>
</div>
</div>
</div>
</header>
<main class="clearfix">
<div class="modal-shadow js-modal-bg"></div>
<div id="invitation-popup" class="js-modal">
<header>
<h2>Longwebsitename.com Users Survey</h2>
<a class="close js-close-modal" href="questions_page.html">×</a>
</header>
<section>
<img src="/img/red%20present.png" width="75" height="75" alt="present" class="red-present"/>
<h5>Dear longwebsitename.com visitor,</h5>
<p>You've been randomly selected to take part in an annual consumers
survey.</p>
<p>Tell us what you think of <b>longwebsitename.com</b> in this 30
second survey, and, to say "thank you" we have reserved a few
<b>rewards worth over $75 for completing this short survey!</b></p>
<a class="button right-aligned js-close-modal" href="questions_page.html">OK!</a>
</section>
</div>
<section id="ip-map">
<div id="map-canvas"></div>
</section>
<section class="description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ut dignissim tellus. Quisque vulputate
vehicula ante eu vehicula.</p>
<p>Cras dictum scelerisque nulla. Vestibulum vel ultrices velit, a feugiat purus. In hac habitasse
platea dictumst.</p>
</section>
<section id="question-first" class="variants-2">
<h2>
Question <span class="num">1</span> of <span class="count">8</span>
</h2>
<div class="text">Have you had MTS OJSC service for over six months?</div>
<ul>
<li><a class="button" href="questions_page.html">Yes</a></li>
<li><a class="button" href="questions_page.html">Not</a></li>
<li><a class="button" href="questions_page.html">Not Sure</a></li>
</ul>
</section>
</main>
<div class="footer-dummy"></div>
</div>
</div>
<footer>
<div class="player">
<div class="clearfix player__content">
<div class="js-player"></div>
<a href="#" class="js-play player-sprite player__play"></a>
<a href="#" class="js-pause player-sprite player__pause"></a>
<div class="player-sprite player__bar">
<div class="js-play-bar player-sprite player__bar__filler"></div>
</div>
</div>
<div class="js-no-solution player__update" style="display: none;">
To play the media you will need to either update your browser to a recent version or update your <a
href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
</div>
</div>
<p class="copyright">
Copyright 2008-2014 All rights reserved.<br/>
Questions or comments about this survey? E-mail us at:
<a href="mailto:[email protected]">
[email protected]</a><br/>
Your privacy is important to us. We do not collect your personal
information in this questionnaire. Please review our privacy policy and
terms. We are not affiliated nor partnered with any third-party. See
important terms and conditions.
</p>
</footer>
</body>
</html>