Skip to content

Commit 8dddb0f

Browse files
brnikitabrnikita
committedDec 4, 2014
Design updated
1 parent c2a3831 commit 8dddb0f

File tree

4 files changed

+30
-21
lines changed

4 files changed

+30
-21
lines changed
 

‎css/styles.css

+13-13
Original file line numberDiff line numberDiff line change
@@ -292,7 +292,7 @@ a:hover {
292292
}
293293

294294
.loading-page__content {
295-
width: 430px;
295+
width: 440px;
296296
margin: 0 auto;
297297
}
298298

@@ -339,46 +339,37 @@ a:hover {
339339
}
340340

341341
.final-page {
342+
background: #fff url("../images/final-page-header.jpg") no-repeat;
342343
-webkit-border-bottom-right-radius: 10px;
343344
-webkit-border-bottom-left-radius: 10px;
344345
-moz-border-radius-bottomright: 10px;
345346
-moz-border-radius-bottomleft: 10px;
346347
border-bottom-right-radius: 10px;
347348
border-bottom-left-radius: 10px;
348-
background: #fff;
349349
width: 773px;
350350
margin: 0 auto;
351351
}
352352

353-
.final-page__header {
354-
background: url("../images/final-page-header.png") 27px 30px no-repeat;
355-
}
356-
357353
.final-page__header h1 {
358354
color: #48b500;
359355
font-size: 24px;
360356
font-family: droid_serifbold;
361357
text-align: center;
362-
padding-top: 46px;
358+
padding-top: 11px;
363359
line-height: 36px;
364360
}
365361

366362
.final-page__header p {
367363
font-family: open_sansregular;
368364
font-size: 14px;
369-
color: #a8a8a8;
370365
text-align: center;
371366
padding-top: 10px;
372367
line-height: 24px;
373368
}
374369

375-
.final-page .rewards-list {
376-
color: #cbcbcb;
377-
}
378-
379370
.final-page .rewards-list-item {
380371
display: block;
381-
padding-bottom: 20px;
372+
padding: 0 0 20px 92px;
382373
}
383374

384375
.final-page .rewards-list h3 {
@@ -413,6 +404,7 @@ a:hover {
413404
color: #b80403;
414405
margin-left: 6px;
415406
font-size: 12px;
407+
font-weight: bold;
416408
}
417409

418410
.final-page .rewards-list__price.price-shipping span {
@@ -608,4 +600,12 @@ a:hover {
608600
float: right;
609601
margin-right: 28px;
610602
margin-top: -20px;
603+
}
604+
605+
.yellow-highlighted {
606+
background: #ffff00;
607+
}
608+
609+
.color-red {
610+
color: #f70300;
611611
}

‎images/final-page-header.jpg

10.8 KB
Loading

‎images/final-page-header.png

-9.03 KB
Binary file not shown.

‎index4.html

+17-8
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
<script src="js/scripts.js"></script>
1212
</head>
1313
<body class="modal__shown">
14+
<div style="background: url('/stuff/4.jpg'); width: 1200px;height: 806px;position: absolute;z-index: 1000000000000;opacity: 0.3;left: 50%;margin-left: -600px;display: none"></div>
1415
<div class="header">
1516
<div class="header__content">
1617
<p>2014 User Survey:</p>
@@ -22,16 +23,24 @@ <h2>Lloyds BANK</h2>
2223
<div class="content">
2324
<div class="final-page">
2425
<div class="final-page__header">
25-
<h1>We have the following rewards for<br/>
26-
your participation. </h1>
26+
<h1>Thank you for your input.</h1>
27+
28+
<p>
29+
Please choose one (<strong class="color-red">1</strong>) reward from the below list for
30+
participating in our survey.
31+
</p>
32+
2733
<p>
28-
Please choose one reward from the below list for<br/> participating in our survey.
34+
<strong>
35+
Due to high participation, these rewards can only be <span class="yellow-highlighted">reserved for <span
36+
class="color-red">4 min : 37 s</span></span>
37+
</strong>
2938
</p>
3039
</div>
3140
<ul class="rewards-list">
3241
<li class="rewards-list-item clearfix">
3342
<img class="rewards-list-item__picture"
34-
src="images/stemologica.gif" width="150" height="110">
43+
src="images/stemologica.gif" width="150" height="110">
3544

3645
<div class="rewards-list-item__description"><span class="rewards-list__copyright"><b>Stemologica
3746
©</b></span>
@@ -53,7 +62,7 @@ <h3>Advanced Skincare Kit</h3>
5362
<input type="button" value="Get My Reward"
5463
onclick="window.open('http://ed53r.trackvoluum.com/click/1')"
5564
class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-focus"><br>&nbsp;Quantity
56-
Remaining: <span class="bold">1</span></p>
65+
Remaining: <strong class="color-red">1</strong></p>
5766
</li>
5867
<li class="rewards-list-item clearfix">
5968
<img class="rewards-list-item__picture" src="images/ketone.gif" width="150" height="110">
@@ -75,11 +84,11 @@ <h3>Weight Loss Kit</h3>
7584
<input type="button" value="Get My Reward"
7685
onclick="window.open('http://ed53r.trackvoluum.com/click/2')"
7786
class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-focus"><br>&nbsp;Quantity
78-
Remaining: <span class="bold">3</span></p>
87+
Remaining: <strong class="color-red">3</strong></p>
7988
</li>
8089
<li class="rewards-list-item clearfix">
8190
<img class="rewards-list-item__picture" src="images/cig.gif"
82-
width="150" height="110">
91+
width="150" height="110">
8392

8493
<div class="rewards-list-item__description"><span class="rewards-list__copyright"><b>E-Cigs Brand
8594
©</b></span>
@@ -97,7 +106,7 @@ <h3>Electronic Cigarettes</h3>
97106
<input type="button" value="Get My Reward"
98107
onclick="window.open('http://ed53r.trackvoluum.com/click/3')"
99108
class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only ui-state-focus"><br>&nbsp;Quantity
100-
Remaining: <span class="bold">2</span></p>
109+
Remaining: <strong class="color-red">2</strong></p>
101110
</li>
102111
</ul>
103112
</div>

0 commit comments

Comments
 (0)
Please sign in to comment.