-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path09_toastr.jade
130 lines (109 loc) · 4.65 KB
/
09_toastr.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
//output: 09_toastr.html
doctype html
html
head
meta(charset="UTF-8")
meta(name="viewport" content="width=device-width, initial-scale=1 shrink-to-fit=no")
title Toastr
link(rel="stylesheet" type="text/css" href="css/ng2-toastr.css")
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
// start - Toastr
div.toast-bottom-full-width#toast-container
div.toast.toast-custom
div.toast-close-button x
div
span.toast-message
strong Congratulations on your new home!
p To celebrate this notable occasion, local businesses have come together to offer you their best deals.These deals cannot be found anywhere else and are meant exclusively for new home owners.
// End - Toastr
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")