forked from Cloraxlan/popeyes
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (144 loc) · 4.14 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
155
<!DOCTYPE html>
<html>
<style>
/* POPEYES FONTS */
/* Uncomment font files below, and then update the design tokens references to use them in your application */
/* Brand-specific Fonts */
/* Central Avenue Bold */
@font-face {
font-family: 'central_avenue_bold';
src: url('central_avenue.otf') format('opentype'), url('central_avenue.woff2') format('woff2'),
url('central_avenue.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'chicken_sans_bold';
src: url('ChickenSans-Bold.otf') format('opentype'), url('ChickenSans-Bold.woff2') format('woff2'),
url('ChickenSans-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'chicken_sans';
src: url('ChickenSans-Regular.otf') format('opentype'), url('ChickenSans-Regular.woff2') format('woff2'),
url('ChickenSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'chicken_sans_xlight';
src: url('ChickenSans-ExtraLight.otf') format('opentype'), url('ChickenSans-ExtraLight.woff2') format('woff2'),
url('ChickenSans-ExtraLight.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* Brand-specific Font Sizes */
/* Desktop */
@media screen and (min-width: 769px) {
h1 {
font-size: 3rem;
}
h2 {
font-size: 1.625rem;
}
h3 {
font-size: 1.375rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1rem;
}
}
/* Mobile */
@media screen and (max-width: 768px) {
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size: 1.125rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1rem;
}
}
#two{
box-sizing: border-box;
color: rgb(31, 31, 31);
-webkit-font-smoothing: antialiased;
font: 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
font-variant-numeric: normal;
font-variant-east-asian: normal;
font-weight: normal;
font-stretch: normal;
font-size: 225%;
line-height: 1.5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
#three{
text-align: center;
text-transform: uppercase;
font-family: central_avenue_bold, sans-serif;
line-height: 1.1;
font-size: 3rem;
}
#four{
box-sizing: border-box;
color: rgb(31, 31, 31);
-webkit-font-smoothing: antialiased;
font: 100%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-variant-ligatures: normal;
font-variant-caps: normal;
font-variant-numeric: normal;
font-variant-east-asian: normal;
font-weight: normal;
font-stretch: normal;
font-size: 225%;
line-height: 1.5;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-align: center;
}
</style>
<img src = "top.png" width="100%" height="30%">
<p id="two" > Reedeem in the next</p>
<p id="three">3 Tenders, Regular Side And Biscuit</p>
<img src = "gif.gif" width="100%" height="30%">
<p id= "four"></p>
<script>
var today = new Date();
var dd = String(today.getDate()+1).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
var yyyy = today.getFullYear();
today = mm + '/' + (dd) + '/' + yyyy;
document.getElementById('four').innerText= `One per customer. No substitutions. Non valid on delivery or with other coupons or offers. Available at participating US Popeyes® locations (except AK & HI). Void where prohibited or if reproduced, altered or transferred. Tax may apply. Cash value at 1/100¢. TM & © 2019 PLKI. All rights Reserved. Expires `+ today
function timer(time){
var sec = 59;
var timer = setInterval(function(){
document.getElementById('two').innerText='Reedem in the next '+time+':'+sec;
sec--;
if (sec < 0) {
sec = 59;
time--;
}
}, 1000);
}
timer(14)
</script>
</html>