-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.jade
125 lines (124 loc) · 6.3 KB
/
index.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
include assets/templates/configs/index.jade
doctype traditional
html(lang="en")
head
meta(charset="UTF-8")
title Home - Foisy
link(rel='stylesheet', type='text/css', href='assets/styles/index.css')
link(rel='stylesheet', type='text/css', href='assets/lib/slick/slick.css')
link(rel='stylesheet', type='text/css', href='assets/lib/slick/slick-theme.css')
link(rel='stylesheet', type='text/css', href='assets/lib/lightbox/css/lightbox.min.css')
link(rel='stylesheet', type='text/css', href='assets/lib/themify-icons/styles.css')
script(type='text/javascript', src='assets/lib/jquery/jquery.js')
script(type='text/javascript', src='assets/scripts/common.js', defer)
script(type='text/javascript', src='assets/lib/slick/slick.min.js', defer)
script(type='text/javascript', src='assets/lib/lightbox/js/lightbox.min.js', defer)
script(type='text/javascript', src='assets/lib/gsap/TweenLite.min.js', defer)
script(type='text/javascript', src='assets/lib/gsap/CSSPlugin.min.js', defer)
script(type='text/javascript', src='assets/lib/bootstrap/js/dropdown.js', defer)
meta(name='viewport' content='width=device-width, initial-scale=1, user-scalable=no')
body
+header(headerConfig)
.main.container-fluid
.screen-1
.row
.col-md-4.left-part
.screen-num
.dash
span 01
.blank-box
.quote-box
.row
.col-md-7.col-md-offset-1
span.quote "Our vision is to make the biggest and more
br
| effective design firm"
.col-md-8.right-part
.row.lower-part
.col-md-7.article-wrapper
.row
.col-md-8.article-inner-wrapper
.heading
h2 Vision
.article
span Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora eveniet delectus, magnam dignissimos consequuntur aut autem nobis deleniti. Illo a animi sed consectetur iusto vel voluptate dignissimos repellendus error molestiae mollitia repudiandae hic quasi, excepturi, fugiat eaque ratione quisquam cum quas.
.article
span Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui numquam facilis ipsum recusandae dolores necessitatibus est earum fuga, rerum illo!
.row.upper-part
.images-wrapper
.lightbox-wrapper.img-wrapper.desk-wrapper
+lightbox-img('screen-1', 'A desktop', 'assets/images/desk.jpg')
.lightbox-wrapper.img-wrapper.building-wrapper
+lightbox-img('screen-1', 'A building', 'assets/images/building.jpg')
.img-wrapper.sand-wrapper
+lightbox-img('screen-1', 'Sand', 'assets/images/sand.jpg')
button.keep-reading
a(href= mediaUrlPrefix + 'portfolio-with-images') Keep reading
.screen-2
.row
.col-md-4.left-part
.screen-num
.dash
span 02
.row.title-wrapper
h1.title The team
span.subtitle Go to meet our extraordinary team
.col-md-8.col-md-offset-4.right-part
.row.team-wrapper
.col-md-8.col-md-offset-4.team-inner-wrapper
.lightbox-wrapper.team-img-wrapper
+lightbox-img('screen-2', 'Our team', 'assets/images/team.png')
.line
button.learn-more
a(href='blog') Learn more
.screen-3
.row.lower-part
.col-md-4.left-part
.screen-num
.dash
span 03
.col-md-8.right-part
.row
.col-md-5.col-md-offset-7.line-wrapper
.col-md-7.blank-space-wrapper
.row.upper-part
.row
.col-md-8.col-md-offset-4.right-part
.row
.col-md-7.title-wrapper
h2.title Featured stories
span.subtitle Views from the Foisy.
.col-md-5.view-blog-wrapper
a.view-blog(href='blog') View blog
.row.slider-wrapper
.slider.col-md-8.col-md-offset-2
.row.slick-slider
+slide( mediaUrlPrefix + 'assets/images/wave.jpg', 'Deep water',
'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore',
'2 July 2016')
+slide( mediaUrlPrefix + 'assets/images/landscape.jpg', 'Art is like a mountain',
'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore',
'2 July 2016')
+slide( mediaUrlPrefix + 'assets/images/bussiness.jpg', '"Bussiness design"',
'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore',
'2 July 2016')
+slide( mediaUrlPrefix + 'assets/images/wave.jpg', 'Deep water',
'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore',
'2 July 2016')
+slide( mediaUrlPrefix + 'assets/images/landscape.jpg', 'Art is like a mountain',
'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore',
'2 July 2016')
+slide( mediaUrlPrefix + 'assets/images/bussiness.jpg', '"Bussiness design"',
'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates necessitatibus, assumenda placeat odio iure dolore',
'2 July 2016')
.row.slider-controls-wrapper
.col-md-8.col-md-offset-4.slider-controls
.slider-control-box.active
.slider-control-box
span.middle-dots ···
span.page-num
span.current-slide 01
| / 02
+nextStep('Next step', 'Meet out curated collection of projects - of all kinds - to taste our aesthetic.', 'Take me there!', 'portfolio')
+footer()
include assets/templates/nav