-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
143 lines (140 loc) · 4.46 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
---
layout: default
section_id: home
slides:
- layout: default
title: Need design work?
tagline: Branding, Website, Print and Packaging
# image: images/@stock/diamond-white.png
background: images/@stock/Banner-2400x2000.jpg
- layout: alt
title: Let's do it!
# image_top: images/@stock/welcome.png
# image_bottom: images/@stock/arrows.png
background: images/@stock/banner-1600x900.jpg
works_left:
- title: Duropac
link_to: portfolio-item.html
image: images/@stock/home-work-1.jpg
categories: Catalogue
- title: Duropac
link_to: portfolio-item2.html
image: images/@stock/home-work-2.jpg
categories: Product photography
- title: Seal 'n Cook
link_to: portfolio-item3.html
image: images/@stock/home-work-3.jpg
categories: Branding
- title: Challenges
link_to: portfolio-item4.html
image: images/@stock/home-work-4.jpg
categories: Personal projects
works_right:
- title: Cannabis in Canada - Neuropsychiatry
link_to: portfolio-item5.html
image: images/@stock/home-work-5.jpg
categories: Poster
- title: Seal 'n Cook
link_to: portfolio-item6.html
image: images/@stock/home-work-6.jpg
categories: Copywriting
- title: Seal 'n Cook
link_to: portfolio-item7.html
image: images/@stock/home-work-7.jpg
categories: Product Photography
- title: Other
link_to: portfolio-item8.html
image: images/@stock/home-work-8.jpg
categories: Sculpture
---
<div class="full no-padding">
<div id="slides" class="fullscreen">
<div class="slides-container">
{% for slide in page.slides %}
<div class="slide">
<div class="slide-info">
<div class="row">
<div class="large-10 large-centered columns">
{% if slide.layout == 'default' %}
<div class="image-wrapper" style="background-image: url({{site.url}}/{{slide.image}});"></div>
<div class="two spacing"></div>
<h1>{{slide.title}}</h1>
<p>{{slide.tagline}}</p>
{% else %}
<div class="image-wrapper" style="background-image: url({{site.url}}/{{slide.image_top}});"></div>
<div class="image-wrapper arrows" style="background-image: url({{site.url}}/{{slide.image_bottom}});"></div>
<div class="three spacing"></div>
<h1 class="lets-do-it-text">{{slide.title}}</h1>
{% endif %}
</div>
</div>
</div>
<img src="{{site.url}}/{{slide.background}}" alt="">
</div>
{% endfor %}
</div>
<nav class="slides-navigation">
<a href="#" class="next"><i class="icon-arrows-slim-right"></i></a>
<a href="#" class="prev"><i class="icon-arrows-slim-left"></i></a>
</nav>
</div>
</div>
<div class="full centered-text light-grey">
<div class="section-title small">
<div class="row">
<div class="medium-10 medium-centered columns">
<div class="spacing"></div>
<h2>Let's figure this out</h2>
</div>
</div>
</div>
<div class="row">
<div class="large-10 large-centered columns">
<p class="big-text">
What is it that you need to tell your community? How do you need to say it? What is the emotion you want them to feel when they interact with you?
</p>
</div>
</div>
</div>
<div class="full">
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Work</h2>
<!--<p>Check out what we can do</p>-->
</div>
</div>
</div>
<div class="row">
<div class="large-6 columns">
<div class="gallery-left-section">
{% for work in page.works_left %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img src="{{site.url}}/{{work.image}}" alt="">
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
<div class="large-6 columns">
<div class="gallery-right-section">
{% for work in page.works_right %}
<div class="work-wrapper">
<a href="{{work.link_to}}" class="work">
<img src="{{site.url}}/{{work.image}}" alt="">
<div class="info">
<h3>{{work.title}}</h3>
<p>{{work.categories}}</p>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>