-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path100_SVG.jade
131 lines (106 loc) · 5.28 KB
/
100_SVG.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
//output: 100_SVG.html
doctype html
html
head
meta(charset="UTF-8")
meta(name="viewport" content="width=device-width, initial-scale=1 shrink-to-fit=no")
title Browsing Page
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")
link(rel="stylesheet" type="text/css" href="slick/slick.css")
link(rel="stylesheet" type="text/css" href="slick/slick-theme.css")
body
//- insert snackbar here
section.notice
div.container
div.row
div.col
h4 Jay, Congratulations on your new home!
p.notice-description 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.
div.btn-exit
img(src="svg/icon-x-2.svg")
section.overlay
section.menu-mobile
div.menu-mobile-content
//- 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")
nav.mobile-nav-set1
a(href="#").nav-favorite my favorite offers
a(href="#") Browse Offers
a(href="#") log in
a(href="#").nav-profile jay engstrom
span (many days left)
a(href="#") how it works
a(href="#") get an invitation code
div.divider-teal
div.mobile-cat-container
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
////SVG
//- div.col
//- svg(version="1.1" id="btn_mobile" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 80 80" style="enable-background:new 0 0 80 80;" xml:space="preserve")
//- path#bun_top.st0(d="M55.6,33H24.4c-1.1,0-2-0.9-2-2l0,0c0-1.1,0.9-2,2-2h31.2c1.1,0,2,0.9,2,2l0,0C57.6,32.1,56.7,33,55.6,33z")
//- path#patty_top.st0(d="M55.6,51H24.4c-1.1,0-2-0.9-2-2l0,0c0-1.1,0.9-2,2-2h31.2c1.1,0,2,0.9,2,2l0,0C57.6,50.1,56.7,51,55.6,51z")
//- path#patty_bottom.st0(d="M55.6,51H24.4c-1.1,0-2-0.9-2-2l0,0c0-1.1,0.9-2,2-2h31.2c1.1,0,2,0.9,2,2l0,0C57.6,50.1,56.7,51,55.6,51z")
//- path#bun_bottom.st0(d="M55.6,42H24.4c-1.1,0-2-0.9-2-2l0,0c0-1.1,0.9-2,2-2h31.2c1.1,0,2,0.9,2,2l0,0C57.6,41.1,56.7,42,55.6,42z")
//-
//- img.logo(src="svg/logo.svg")
//HTML
div.col
button#burger
span.bun#bun__top
span.bun#patty
span.bun#bun__bottom
img.logo(src="svg/logo.svg")
// fill up 80px header's height
section.header-shift
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")