-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (90 loc) · 4.94 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>PMP front-end dev test</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="/styles/css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-section">
<div class="image-overlay">
<!--Nav-bar (only visible when screen-width > 900px)-->
<div class="nav-bar hide-on-small-screens-900">
<a href="">
<img class="logo" src="/images/pmp-logo.png">
</a>
<div class="nav-bar-links">
<div class="nav-bar-link">
<a class="main-text white text-shadow-on-hover"><b>How we're free</b></a>
</div>
<div class="nav-bar-link">
<a class="main-text white text-shadow-on-hover"><b>Our winners</b></a>
</div>
<div class="nav-bar-link">
<a class="main-text white text-shadow-on-hover"><b>Who are we?</b></a>
</div>
<a class="nav-bar-link border" style="margin-left: 20px">
<span class="small-text white"><b>Sign In</b></span>
</a>
</div>
</div>
<!--Nav-bar menu button (only visible when screen-width < 900px)-->
<a class="nav-bar-menu-button hide-on-large-screens-900"></a>
<!--PMP Logo (only visible when screen-width < 900px)-->
<a class="hide-on-large-screens-900 margin-bottom-medium" style="margin-top: 50px" href="">
<img class="logo" src="/images/pmp-logo.png">
</a>
<span class="extra-large-title white text-shadow centered margin-bottom-small">Your daily chance to win money for free</span>
<span class="medium-title white text-shadow centered margin-bottom-medium hide-on-small-screens-900">Sign up and check back to win!</span>
<span class="medium-title white text-shadow centered margin-bottom-medium hide-on-large-screens-900">Sign up, check daily - and win!</span>
<a class="blue-button margin-bottom-medium">
<span class="main-text white"><b>Join the club</b></span>
</a>
<span class="margin-bottom-large">
<span class="small-text white"><b>Already a member</b></span>
<a class="small-text link"><b>Sign in</b></a>
</span>
</div>
</div>
<div class="red-label">
<span class="main-text white"><b>Today we're giving away £1,240</b></span>
</div>
<div class="mid-section">
<div class="review">
<img src="/images/5-stars.png" class="margin-bottom-small">
<span class="medium-title navy-blue margin-bottom-small">Yippee!</span>
<span class="main-text dark-grey centered margin-bottom-small" style="max-width: 700px">
<i>What a lovely suprise to have collected the £10 pot for the Stackpot draw, plus my bonus!!
Claiming and payout was so straight foward too! Thank you very much PMP - it totally made my day!!</i>
</span>
<span class="main-text dark-grey margin-bottom-medium"><b>Dawn Gold</b></span>
<a class="main-text link margin-bottom-large">Read more reviews on TrustPilot</a>
</div>
</div>
<div class="bottom-section">
<iframe
class="video"
src="https://www.youtube.com/embed/Ott2wfVKP9E"
frameborder="0"
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
<div class="description">
<span class="large-title navy-blue margin-bottom-small">The lottery that doesn't cost a penny</span>
<span class="main-text dark-grey margin-bottom-medium">
You might be wondering how we can give away money for free.
It's pretty simple really. The ads and offers on the site pay for the prizes,
a bit like ads in a free newspaper. Playing Pick my Postcode is absolutely free and always will be.
There are no hidden costs and no nasty suprises, just the amazing opportunity to win if your postcode comes up.
Our lottery is open to people from every corner of the UK, giving everyone the chance to win daily cash prizes.
</span>
<a class="blue-button responsive">
<span class="main-text white"><b>Join the club</b></span>
</a>
</div>
</div>
</body>
</html>