-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
243 lines (239 loc) · 7.36 KB
/
about.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
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
---
layout: default
section_id: pages
members:
- name: Tom Hanson
position: Project manager
avatar: images/@stock/member-1.jpg
avatar_hover: images/@stock/member-1-c.jpg
socials:
- name: twitter
url: http://twitter.com
- name: facebook
url: http://facebook.com
- name: linkedin
url: http://linkedin.com
- name: dribbble
url: http://dribbble.com
- name: Kate Holms
position: Project manager
avatar: images/@stock/member-2.jpg
avatar_hover: images/@stock/member-2-c.jpg
socials:
- name: twitter
url: http://twitter.com
- name: facebook
url: http://facebook.com
- name: linkedin
url: http://linkedin.com
- name: dribbble
url: http://dribbble.com
- name: Munk Taylor
position: Web designer
avatar: images/@stock/member-3.jpg
avatar_hover: images/@stock/member-3-c.jpg
socials:
- name: twitter
url: http://twitter.com
- name: facebook
url: http://facebook.com
- name: linkedin
url: http://linkedin.com
- name: dribbble
url: http://dribbble.com
- name: Zam White
position: Developer
avatar: images/@stock/member-5.jpg
avatar_hover: images/@stock/member-5-c.jpg
socials:
- name: twitter
url: http://twitter.com
- name: facebook
url: http://facebook.com
- name: linkedin
url: http://linkedin.com
- name: dribbble
url: http://dribbble.com
skills_left:
- title: Web Design
percent: 98
- title: Web Development
percent: 92
skills_right:
- title: Branding
percent: 94
- title: Print
percent: 87
testimonials_left:
- author: David Lame - CEO of Wollen store
content: “Obcaecati voluptate ullam pariatur reiciendis optio harum
quae aut, eveniet explicabo. Commodi pariatur ut provident.”
avatar: images/@stock/author-1.png
- author: Amy Swan - CEO of Wollen store
content: “Obcaecati voluptate ullam pariatur reiciendis optio harum
quae aut, eveniet explicabo. ”
avatar: images/@stock/author-3.png
testimonials_right:
- author: Sherley Hewai - CEO of Wollen store
content: Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Explicabo eveniet asperiores ipsum saepe ab, aliquid veritatis incidunt
laudantium modi accusamus quidem eum magni.
avatar: images/@stock/author-2.png
- author: Lucas Toope - CEO of Wollen store
content: Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Consectetur rem doloribus veniam alias commodi, dolorem, natus autem neque.
Quisquam labore.
avatar: images/@stock/author-4.png
clients:
- image: images/@stock/client-1.png
- image: images/@stock/client-2.png
- image: images/@stock/client-3.png
- image: images/@stock/client-4.png
- image: images/@stock/client-5.png
- image: images/@stock/client-6.png
---
<div class="full light-grey centered-text">
<div class="four spacing"></div>
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h1 class="wow slideInUp">About</h1>
</div>
</div>
</div>
<div class="row">
<div class="medium-9 medium-centered columns">
<div class="header-quote">
<p>All design work are solutions to a communication situation.</p>
<p>Just like food is a solution to hunger situation.</p>
<p>Whether you need a unicorn birthday cake or a gluten-free organic bread depends on the event, the people eating it and so on.</p>
<p>Many factors are involved. Design is like that too.</p>
<p>You need to tailor the solution to the people that you want to communicate with.</p>
<p>That’s why you hire a designer.</p>
</div>
</div>
</div>
<div class="two spacing"></div>
</div>
<!--<div class="full">
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>The team</h2>
<p>We are happy to work together</p>
</div>
</div>
</div>
<div class="row">
{% for member in page.members %}
<div class="large-3 columns">
<div class="member">
<img src="{{site.url}}/{{member.avatar}}" alt="">
<img class="colored" src="{{site.url}}/{{member.avatar_hover}}" alt="">
<div class="member-info">
<h4>{{member.name}}</h4>
<p class="position">{{member.position}}</p>
<ul class="socials">
{% for social in member.socials %}
<li><a href="{{social.url}}"><i class="fa fa-{{social.name}}"></i></a></li>
{% endfor %}
</ul>
</div>
</div>
</div>
{% endfor %}
</div>
</div>-->
<!--<div class="full light-grey">
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Our skills</h2>
<p>We work to improve our skills</p>
</div>
</div>
</div>
<div class="row">
<div class="medium-6 columns">
<div class='mod modBarGraph'>
<ul class='bars'>
{% for skill in page.skills_left %}
<li>
<h4>{{skill.title}}<strong>{{skill.percent}}%</strong></h4>
<p class="highlighted" data-percent="{{skill.percent}}"></p>
</li>
{% endfor %}
</ul>
</div>
</div>
<div class="medium-6 columns">
<div class='mod modBarGraph'>
<ul class='bars'>
<ul class='bars'>
{% for skill in page.skills_right %}
<li>
<h4>{{skill.title}}<strong>{{skill.percent}}%</strong></h4>
<p class="highlighted" data-percent="{{skill.percent}}"></p>
</li>
{% endfor %}
</ul>
</ul>
</div>
</div>
</div>
</div>-->
<!--<div class="full">
<div class="section-title">
<div class="row">
<div class="medium-10 medium-centered columns">
<h2>Testimonials</h2>
<p>We are happy to work with our clients and let thme happy</p>
</div>
</div>
</div>
<div class="row">
<div class="large-6 columns">
{% for testimonial in page.testimonials_left %}
<div class="quote wow slideInLeft" data-wow-delay="{{ 0.2 | times:forloop.index0 }}s">
<div class="row">
<div class="small-3 columns">
<img src="{{testimonial.avatar}}" alt="auhor">
</div>
<div class="small-9 columns">
<p>{{testimonial.content}}</p>
<p class="author">{{testimonial.author}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="large-6 columns">
{% for testimonial in page.testimonials_right %}
<div class="quote reverse wow slideInRight" class="wow" data-wow-delay="{{ 0.2 | times:forloop.index0 }}s">
<div class="row">
<div class="small-3 columns">
<img src="{{testimonial.avatar}}" alt="auhor">
</div>
<div class="small-9 columns">
<p>{{testimonial.content}}</p>
<p class="author">{{testimonial.author}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>-->
<!--<div class="full light-grey no-padding">
<div class="two spacing"></div>
<div class='row'>
<div class='large-12 columns'>
<div class='clients'>
{% for client in page.clients %}
<div><a href="#"><img alt="" src="{{site.url}}/{{client.image}}"></a></div>
{% endfor %}
</div>
</div>
</div>
<div class="two spacing"></div>
</div>-->