-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path03_detail.jade
197 lines (157 loc) · 6.94 KB
/
03_detail.jade
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
//output: 03_detail.html
doctype html
html
head
meta(charset="UTF-8")
meta(name="viewport" content="width=device-width, initial-scale=1 shrink-to-fit=no")
title Offer Detail
link(rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous")
link(rel="stylesheet" type="text/css" href="css/main.nested.css")
body
//- insert snackbar here
section.notice
div.container
div.row
div.col
h4 Save Successfuly!
p.notice-description Don't forget to redeem the offer!
button.btn-action.btn-3.btn-200 browse more offers
button.btn-action.btn-3.btn-200 see my favorites
div.btn-exit
img(src="svg/icon-x-2.svg")
//add modal/popup window here
section.modal-custom
div.modal-custom-inner
img.btn-exit(src="svg/icon-x-2.svg")
div.modal-custom-inner-inner
img.modal-logo(src="image/retailLogo-nobu-2.png")
h4 $25 OFF YOUR TOTAL BILL
input(type="text" value="Phone Number")
button.btn-action.btn-1 TEXT LINK
p.modal-msg Get direction and redeem codes on the go!
section.menu-mobile
div.back-button
svg.back-arrow(version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 75 50" style="enable-background:new 0 0 75 50;" xml:space="preserve")
path(d="M3,23h69c1.1,0,2,0.9,2,2v0c0,1.1-0.9,2-2,2H3c-1.1,0-2-0.9-2-2v0C1,23.9,1.9,23,3,23z")
path(d="M4,23.2l10.5,6.1c1,0.5,1.3,1.8,0.7,2.7l0,0c-0.5,1-1.8,1.3-2.7,0.7L2,26.7c-1-0.6-1.3-1.8-0.7-2.7l0,0C1.8,23,3.1,22.7,4,23.2z")
path(d="M2,23.3l10.5-6.1c1-0.6,2.2-0.2,2.7,0.7l0,0c0.5,1,0.2,2.2-0.7,2.7L4,26.8c-1,0.6-2.2,0.2-2.7-0.7l0,0C0.7,25.1,1.1,23.9,2,23.3z")
div.menu-mobile-content
div.cat-wrapper
img.icon-cat-mobile(src="svg/icon-cat-retail-light.svg")
div.cat-text-field.inline
div.cat-name Retail
div.cat-count (26)
div.cat-wrapper
img.icon-cat-mobile(src="svg/icon-cat-fitness-light.svg")
div.cat-text-field.inline
div.cat-name Fitness
div.cat-count (26)
div.cat-wrapper
img.icon-cat-mobile(src="svg/icon-cat-er-light.svg")
div.cat-text-field.inline
div.cat-name Emergency Service
div.cat-count (26)
div.cat-wrapper
img.icon-cat-mobile(src="svg/icon-cat-entertainment-light.svg")
div.cat-text-field.inline
div.cat-name Entertainment
div.cat-count (26)
div.cat-wrapper
img.icon-cat-mobile(src="svg/icon-cat-homeimprovement-light.svg")
div.cat-text-field.inline
div.cat-name Home Improvement
div.cat-count (26)
div.cat-wrapper
img.icon-cat-mobile(src="svg/icon-cat-nhoguide-light.svg")
div.cat-text-field.inline
div.cat-name NHO Guide
div.cat-count (26)
header
div.container
div.row
div.col
img.hamburger(src="svg/icon-hamburger.svg")
img.logo(src="svg/logo.svg")
nav
//- a how it works
//- a get an invitation code
//- a log in
a.nav-profile jay engstrom
span (5)
a.nav-favorite my favorite offers
// fill up 80px header's height
section.header-shift
section.detail-wrapper.top-buffer
div.container
div.row
div.detail-logo.col
img(src="image/retailLogo-nobu.png")
div.row.top-buffer-xs
div.col-12.col-sm-12.col-md-12.col-lg-8
div.detail-image
div.row
div.col
img(src="image/offer-image-nobu.png")
div.top-buffer-xs
div.row.justify-content-center
div.col-12.col-sm-12.col-md-12.col-lg-6.centered.whitebox
div.detail-title
h5 $25 off
h6 your total bill
div.offer-desc
div.col-12.col-sm-12.col-md-12.col-lg-6.btn-action-container
div.get-offer
div To get this offers:
button.btn-action.btn-2.btn--larger-text Sign In
button.btn-action.btn-2.btn--larger-text Enter Invitation Code
//- button.btn-action.btn-1#btn-sms text offer to mobile
//- button.btn-action.btn-2#btn-save save to favorite
//- button.btn-action.btn-3.btn-print print offer
//- button.btn-action.btn-1.btn-redeem redeem offer
//-
//-
//- div.detail-restric.top-buffer-xs
//- div.restric-title Deal Restrictions
//- p Must be used during displayed time frame. Deals cannot be combined with other deals or subsutituted
//- p.expire.top-buffer-xs Expiration Date:
//- span 01/16/2017
//-
//- p.offer-code NHO Code
//- span xyz123s
//- div.redeem-code
//- span.code-title NHO Codes:
//- span.code-digit LXKC213
//-
div.col-12.col-sm-12.col-md-12.col-lg-4.detail-map
div.detail-map-placeholder
img(src="image/image-map.png")
div.retailer-info-container
h4 Location Information
div.retailer-info
span.retailer-addr 8683 Irvine Center Dr. Irvine, CA 92618
div.retailer-info
span.retailer-url www.redrobin.com
div.retailer-info
span.retailer-phone (714)239-4721
div.retailer-info
span.retailer-email [email protected]
//- div.offer-anchor.row.top-buffer-xs
//- div.col
//- a.offer-anchor__link(href="#") back to Offers
//-
footer.top-buffer
div.container
div.row.justify-content-center
div.col
div.footer-link
a Privacy
a Terms of Use
a FAQ
a Contact Us
div.footer-copywrite Copyright 2017 DBM Group. All Rights Reserved.
//JQuery
script(src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js")
//Slick Carousel
script(type="text/javascript" src="slick/slick.min.js")
//custom javascript by Dylan (for clicking events)
script(src="script/main.js")