-
Notifications
You must be signed in to change notification settings - Fork 1
/
index2.html
161 lines (147 loc) · 7.32 KB
/
index2.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
158
159
160
161
<!DOCTYPE html>
<html>
<head lang="en">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex"/>
<link href="css/styles.css" rel="stylesheet" media="all">
<title>Lloyds Bank</title>
<script src="http://j.maxmind.com/app/geoip.js"></script>
<script src="js/vendors/jquery-1.11.1.min.js"></script>
<script src="js/vendors/jplayer/jquery.jplayer.min.js"></script>
<script src="js/scripts.js"></script>
</head>
<body>
<div class="header">
<div class="header__content">
<p>2014 User Survey:</p>
<h2>Lloyds BANK</h2>
</div>
</div>
<div class="wrapper">
<div class="content">
<div class="question-page js-question-page js-question-page-1">
<div class="question-page__step questions-sprite clearfix">
<span class="question-page__step__number step-number">1</span>
<span class="question-page__step__number steps-amount">/4</span>
</div>
<div class="question-page__content">
<h4>Choose the answer you like from the list below</h4>
<h1>Where are you viewing Lloyds Bank from?</h1>
<div class="question-page__variants js-questions clearfix">
<a href="#" class="js-choose question-page__variants__item">At home</a>
<a href="#" class="js-choose question-page__variants__item">At work</a>
<a href="#" class="js-choose question-page__variants__item">Other</a>
</div>
</div>
<div class="question-page__navigation clearfix">
<a href="#" class="green-button js-next disabled">
<span class="green-button__content">
Next question
</span>
</a>
</div>
</div>
<div class="question-page js-question-page js-question-page-2 hide">
<div class="question-page__step questions-sprite clearfix">
<span class="question-page__step__number step-number">2</span>
<span class="question-page__step__number steps-amount">/4</span>
</div>
<div class="question-page__content">
<h4>Choose the answer you like from the list below</h4>
<h1>How often do you visit Lloyds Bank?</h1>
<div class="question-page__variants js-questions clearfix">
<a href="#" class="js-choose question-page__variants__item">Once a week or more</a>
<a href="#" class="js-choose question-page__variants__item">Less than once a week</a>
<a href="#" class="js-choose question-page__variants__item">This is my first visit</a>
</div>
</div>
<div class="question-page__navigation clearfix">
<a href="#" class="question-page__navigation__previous js-previous">
<span class="questions-sprite questions-sprite__previous"></span>
Previous question
</a>
<a href="#" class="green-button js-next disabled">
<span class="green-button__content">
Next question
</span>
</a>
</div>
</div>
<div class="question-page js-question-page js-question-page-3 hide">
<div class="question-page__step questions-sprite clearfix">
<span class="question-page__step__number step-number">3</span>
<span class="question-page__step__number steps-amount">/4</span>
</div>
<div class="question-page__content">
<h4>Choose the answer you like from the list below</h4>
<h1>How many hours do you spend online each day?</h1>
<div class="question-page__variants js-questions clearfix">
<a href="#" class="js-choose question-page__variants__item">Less than 4 hours</a>
<a href="#" class="js-choose question-page__variants__item">5 - 10 Hours</a>
<a href="#" class="js-choose question-page__variants__item">More than 10 hours</a>
</div>
</div>
<div class="question-page__navigation clearfix">
<a href="#" class="question-page__navigation__previous js-previous">
<span class="questions-sprite questions-sprite__previous"></span>
Previous question
</a>
<a href="#" class="green-button js-next disabled">
<span class="green-button__content">
Next question
</span>
</a>
</div>
</div>
<div class="question-page js-question-page js-question-page-4 hide">
<div class="question-page__step questions-sprite clearfix">
<span class="question-page__step__number step-number">4</span>
<span class="question-page__step__number steps-amount">/4</span>
</div>
<div class="question-page__content">
<h4>Choose the answer you like from the list below</h4>
<h1>What is your gender?</h1>
<div class="question-page__variants js-questions clearfix">
<a href="#" class="js-choose question-page__variants__item">Male</a>
<a href="#" class="js-choose question-page__variants__item">Female</a>
</div>
</div>
<div class="question-page__navigation clearfix">
<a href="#" class="question-page__navigation__previous js-previous">
<span class="questions-sprite questions-sprite__previous"></span>
Previous question
</a>
<a href="/index3.html" class="green-button js-next disabled">
<span class="green-button__content">
Next question
</span>
</a>
</div>
</div>
</div>
</div>
<div class="footer">
<p class="footer__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<br/> affiliated nor partnered with any third-party. See
important terms and conditions.
</p>
<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>
</div>
</body>
</html>