-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
473 lines (473 loc) · 28.1 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
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
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" type="text/css" href="css/main.min.css">
<link rel="stylesheet" type="text/css" href="css/media.min.css">
<title>Fusion</title>
</head>
<body>
<header>
<div class="wrapper flex-column-center">
<div class="welcomeWordsHeader">
<h1>We're <span>Fusion</span>, We Build
Things for Human</h1>
</div>
<div class="welcomeWordsUnder flex-space">
<p>Design</p>
<p>Strategy</p>
<p>Branding</p>
</div>
<div class="welcomeArrow" >
<a href="#Services" class="smooth-scroll">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="13px" height="8px">
<path fill-rule="evenodd" fill="rgb(247, 172, 83)"
d="M11.850,0.743 C12.207,1.118 12.207,1.484 11.850,1.842 L6.771,6.920 C6.641,7.083 6.462,7.164 6.234,7.164 C6.006,7.164 5.827,7.083 5.697,6.920 L0.619,1.842 C0.261,1.484 0.261,1.118 0.619,0.743 C0.977,0.369 1.335,0.377 1.693,0.768 L6.234,5.260 L10.775,0.768 C11.133,0.377 11.491,0.369 11.850,0.743 Z"/>
</svg>
</a>
</div>
<a href="#Contact" class="getInTouch flex-space smooth-scroll">
<p>Get In Touch</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</a>
</div>
</header>
<section class="Services" id="Services">
<div class="wrapper flex-column-center">
<div class="line"></div>
<h2>Our Services</h2>
<h1>Our team will take your business presence to new level</h1>
<div class="servicesContainer flex-space">
<div class="servicesItem">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="20px" height="20px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M1.016,17.207 C0.768,16.960 0.645,16.667 0.645,16.328 L0.645,1.328 C0.645,0.990 0.768,0.697 1.016,0.449 C1.263,0.202 1.556,0.078 1.895,0.078 L14.395,0.078 C14.733,0.078 15.026,0.202 15.273,0.449 C15.521,0.697 15.645,0.990 15.645,1.328 L15.645,2.578 L16.895,2.578 C17.233,2.578 17.526,2.702 17.773,2.949 C18.021,3.197 18.145,3.490 18.145,3.828 L18.145,18.828 C18.145,19.166 18.021,19.459 17.773,19.707 C17.526,19.954 17.233,20.078 16.895,20.078 L4.395,20.078 C4.056,20.078 3.763,19.954 3.516,19.707 C3.268,19.459 3.145,19.166 3.145,18.828 L3.145,17.578 L1.895,17.578 C1.556,17.578 1.263,17.455 1.016,17.207 ZM14.395,1.328 L1.895,1.328 L1.895,16.328 L14.395,16.328 L14.395,1.328 ZM15.645,3.828 L15.645,16.328 C15.645,16.667 15.521,16.960 15.273,17.207 C15.026,17.455 14.733,17.578 14.395,17.578 L4.395,17.578 L4.395,18.828 L16.895,18.828 L16.895,3.828 L15.645,3.828 ZM6.270,3.828 L12.520,3.828 C12.701,3.828 12.852,3.887 12.969,4.004 C13.086,4.121 13.145,4.271 13.145,4.453 C13.145,4.636 13.086,4.785 12.969,4.902 C12.852,5.019 12.701,5.078 12.520,5.078 L6.270,5.078 C6.087,5.078 5.938,5.019 5.820,4.902 C5.703,4.785 5.645,4.636 5.645,4.453 C5.645,4.271 5.703,4.121 5.820,4.004 C5.938,3.887 6.087,3.828 6.270,3.828 L6.270,3.828 ZM3.320,8.652 C3.203,8.535 3.145,8.386 3.145,8.203 C3.145,8.021 3.203,7.871 3.320,7.754 C3.438,7.637 3.587,7.578 3.770,7.578 L12.520,7.578 C12.701,7.578 12.852,7.637 12.969,7.754 C13.086,7.871 13.145,8.021 13.145,8.203 C13.145,8.386 13.086,8.535 12.969,8.652 C12.852,8.770 12.701,8.828 12.520,8.828 L3.770,8.828 C3.587,8.828 3.438,8.770 3.320,8.652 ZM3.320,11.152 C3.203,11.035 3.145,10.886 3.145,10.703 C3.145,10.521 3.203,10.371 3.320,10.254 C3.438,10.137 3.587,10.078 3.770,10.078 L12.520,10.078 C12.701,10.078 12.852,10.137 12.969,10.254 C13.086,10.371 13.145,10.521 13.145,10.703 C13.145,10.886 13.086,11.035 12.969,11.152 C12.852,11.269 12.701,11.328 12.520,11.328 L3.770,11.328 C3.587,11.328 3.438,11.269 3.320,11.152 ZM3.320,13.652 C3.203,13.535 3.145,13.385 3.145,13.203 C3.145,13.021 3.203,12.871 3.320,12.754 C3.438,12.637 3.587,12.578 3.770,12.578 L12.520,12.578 C12.701,12.578 12.852,12.637 12.969,12.754 C13.086,12.871 13.145,13.021 13.145,13.203 C13.145,13.385 13.086,13.535 12.969,13.652 C12.852,13.770 12.701,13.828 12.520,13.828 L3.770,13.828 C3.587,13.828 3.438,13.770 3.320,13.652 Z"/>
</svg>
<h3>Strategy.</h3>
<p>Ship it user story iterate engaging co-working intuitive pitch deck hacker prototype SpaceTeam user centered design big data.</p>
<a href="#" class="serviceDetail flex-space">
<p>See Details</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</a>
</div>
<div class="servicesItem">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="20px" height="20px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M6.840,8.789 L9.105,6.523 L15.512,12.969 L16.645,16.328 L13.285,15.195 L6.840,8.789 ZM3.871,5.820 C3.559,5.508 3.402,5.131 3.402,4.687 C3.402,4.245 3.559,3.867 3.871,3.555 C4.184,3.242 4.561,3.086 5.004,3.086 C5.446,3.086 5.824,3.242 6.137,3.555 L7.777,5.234 L5.551,7.461 L3.871,5.820 ZM20.023,0.449 C20.271,0.697 20.395,0.990 20.395,1.328 L20.395,18.828 C20.395,19.166 20.271,19.459 20.023,19.707 C19.776,19.954 19.483,20.078 19.145,20.078 L1.645,20.078 C1.306,20.078 1.013,19.954 0.766,19.707 C0.518,19.459 0.395,19.166 0.395,18.828 L0.395,1.328 C0.395,0.990 0.518,0.697 0.766,0.449 C1.013,0.202 1.306,0.078 1.645,0.078 L19.145,0.078 C19.483,0.078 19.776,0.202 20.023,0.449 ZM19.145,1.328 L1.645,1.328 L1.645,18.828 L19.145,18.828 L19.145,1.328 Z"/>
</svg>
<h3>Branding.</h3>
<p>Ship it user story iterate engaging co-working intuitive pitch deck hacker prototype SpaceTeam user centered design big data.</p>
<a href="#" class="serviceDetail flex-space">
<p>See Details</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</a>
</div>
<div class="servicesItem">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="20px" height="20px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.895,2.578 C0.895,1.875 1.135,1.283 1.617,0.801 C2.099,0.319 2.691,0.078 3.395,0.078 C4.098,0.078 4.690,0.319 5.172,0.801 C5.653,1.283 5.894,1.875 5.894,2.578 L5.894,3.828 L5.894,13.828 L3.395,20.078 L1.090,14.297 L0.895,13.828 L0.895,3.828 L0.895,3.828 L0.895,2.578 ZM2.144,3.828 L4.645,3.828 L4.645,2.578 C4.645,2.240 4.521,1.947 4.273,1.699 C4.026,1.452 3.733,1.328 3.395,1.328 C3.056,1.328 2.763,1.452 2.516,1.699 C2.268,1.947 2.144,2.240 2.144,2.578 L2.144,3.828 ZM4.019,15.117 L4.293,14.492 L4.293,14.414 L3.395,13.984 L2.496,14.414 L2.496,14.492 L2.770,15.117 L3.395,16.719 L4.019,15.117 ZM4.645,5.976 L4.645,5.234 L4.645,5.078 L3.395,5.078 L2.144,5.078 L2.144,5.234 L2.144,5.976 L2.144,13.203 L3.395,12.578 L4.645,13.203 L4.645,5.976 ZM14.645,5.078 L14.645,11.328 C14.983,11.328 15.276,11.452 15.523,11.699 C15.771,11.947 15.895,12.240 15.895,12.578 L15.895,16.328 C15.895,16.667 15.771,16.960 15.523,17.207 C15.276,17.455 14.983,17.578 14.645,17.578 C14.645,18.281 14.403,18.873 13.922,19.355 C13.440,19.837 12.848,20.078 12.145,20.078 C11.441,20.078 10.849,19.837 10.367,19.355 C9.885,18.873 9.644,18.281 9.644,17.578 L9.644,5.078 L10.152,3.789 L11.324,0.781 L11.363,0.781 C11.389,0.573 11.474,0.404 11.617,0.273 C11.760,0.143 11.936,0.078 12.145,0.078 C12.561,0.078 12.821,0.287 12.926,0.703 L14.137,3.789 L14.645,5.078 ZM13.394,11.328 L13.394,5.078 L13.316,5.078 L10.973,5.078 L10.895,5.078 L10.895,17.578 C10.895,17.917 11.018,18.210 11.266,18.457 C11.513,18.705 11.806,18.828 12.145,18.828 C12.483,18.828 12.776,18.705 13.023,18.457 C13.271,18.210 13.394,17.917 13.394,17.578 L13.394,16.328 L13.394,12.578 L13.394,11.328 ZM12.145,2.188 L11.480,3.828 L12.809,3.828 L12.145,2.188 Z"/>
</svg>
<h3>Design.</h3>
<p>Ship it user story iterate engaging co-working intuitive pitch deck hacker prototype SpaceTeam user centered design big data.</p>
<a href="#" class="serviceDetail flex-space">
<p>See Details</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</a>
</div>
</div>
</div>
</section>
<section class="Projects" id="Projects">
<div class="wrapper flex-column-center">
<div class="projectsSlider owl-carousel">
<div class="projectItem flex-center">
<div class="projectHeader">
<div class="topLine"></div>
<h2>Branding & Design</h2>
</div>
<h1>Project One</h1>
<div class="projectImg"></div>
<div class="projectFooter">
<button class="projectDetails flex-space">
<p>Project Details</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</button>
<button class="projectSlides flex-space">
<p>View Slides</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</button>
<div class="bottomLine"></div>
</div>
</div>
<div class="projectItem flex-center">
<div class="projectHeader">
<div class="topLine"></div>
<h2>Branding & Design</h2>
</div>
<h1>Project Two</h1>
<div class="projectImg"></div>
<div class="projectFooter">
<button class="projectDetails flex-space">
<p>Project Details</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</button>
<button class="projectSlides flex-space">
<p>View Slides</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</button>
<div class="bottomLine"></div>
</div>
</div>
<div class="projectItem flex-center">
<div class="projectHeader">
<div class="topLine"></div>
<h2>Branding & Design</h2>
</div>
<h1>Project Three</h1>
<div class="projectImg"></div>
<div class="projectFooter">
<button class="projectDetails flex-space">
<p>Project Details</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</button>
<button class="projectSlides flex-space">
<p>View Slides</p>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="7px">
<path fill-rule="evenodd" fill="rgb(254, 185, 96)"
d="M0.699,3.422 L9.258,3.422 L7.398,1.535 C7.161,1.335 7.161,1.134 7.398,0.933 C7.599,0.697 7.799,0.697 8.000,0.933 L10.625,3.558 C10.661,3.577 10.698,3.623 10.734,3.695 C10.752,3.732 10.762,3.787 10.762,3.859 C10.762,3.932 10.752,3.987 10.734,4.023 C10.698,4.097 10.661,4.142 10.625,4.160 L8.000,6.785 C7.799,7.022 7.599,7.022 7.398,6.785 C7.161,6.585 7.161,6.384 7.398,6.183 L9.258,4.297 L0.699,4.297 C0.407,4.297 0.262,4.151 0.262,3.859 C0.262,3.568 0.407,3.422 0.699,3.422 L0.699,3.422 Z"/>
</svg>
</button>
<div class="bottomLine"></div>
</div>
</div>
</div>
</div>
</section>
<section class="Testimonials">
<div class="wrapper flex-column-center">
<div class="testimonialsHeader flex-column-center">
<div class="topLine"></div>
<h2>Testimonials</h2>
<h1>We have worked with some amazing companies around the world</h1>
</div>
<div class="testimonialsClients flex-space">
<img src="img/main/testimonials/AutoDesk.png" alt="AutoDesk">
<img src="img/main/testimonials/MasterCard.png" alt="MasterCard">
<img src="img/main/testimonials/Intuit.png" alt="Intuit">
<img src="img/main/testimonials/MTV.png" alt="MTV">
<img src="img/main/testimonials/Pinterest.png" alt="Pinterest">
<img src="img/main/testimonials/Salesforce.png" alt="Salesforse">
<img src="img/main/testimonials/VISA.png" alt="VISA">
</div>
<div class="owl-carousel testimonialsSlider flex-center">
<div class="testimonialItem flex-column-start">
<img src="img/main/testimonials/itemImage.png" alt="Testimonial">
<p>“These cartridges can be replaced by the printer ink of similar brand. Compatible Inkjet Cartridge will help you to make extra-ordinary savings with money back guarantee. As soon as the cartridge gets empty the ink that it contains begins to dry”</p>
<div class="testimonialItemLower flex-start">
<div class="upperLine"></div>
<div class="testimonialAuthor">
<h3>Anthony Watkins</h3>
<h4>Vp of Product, VISA</h4>
</div>
<div class="upperLine"></div>
</div>
</div>
<div class="testimonialItem flex-column-start">
<img src="img/main/testimonials/itemImage.png" alt="Testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab, nostrum.</p>
<div class="testimonialItemLower flex-start">
<div class="upperLine"></div>
<div class="testimonialAuthor">
<h3>nthony Watkins</h3>
<h4>Vp of Product, VISA</h4>
</div>
<div class="upperLine"></div>
</div>
</div>
<div class="testimonialItem flex-column-start">
<img src="img/main/testimonials/itemImage.png" alt="Testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed reprehenderit dicta numquam saepe corrupti minus sapiente ducimus quam excepturi iusto aut eos earum libero ex beatae exercitationem perspiciatis deleniti, veniam quos molestiae, voluptate itaque. Necessitatibus libero ea, dolore dicta distinctio eveniet quaerat porro illum, animi dolores commodi soluta molestiae quasi.</p>
<div class="testimonialItemLower flex-start">
<div class="upperLine"></div>
<div class="testimonialAuthor">
<h3>thony Watkins</h3>
<h4>Vp of Product, VISA</h4>
</div>
<div class="upperLine"></div>
</div>
</div>
<div class="testimonialItem flex-column-start">
<img src="img/main/testimonials/itemImage.png" alt="Testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus nobis rem, nulla iure labore, vitae error perspiciatis. Error rem nemo quia incidunt impedit, optio cum.”</p>
<div class="testimonialItemLower flex-start">
<div class="upperLine"></div>
<div class="testimonialAuthor">
<h3>hony Watkins</h3>
<h4>Vp of Product, VISA</h4>
</div>
<div class="upperLine"></div>
</div>
</div>
<div class="testimonialItem flex-column-start">
<img src="img/main/testimonials/itemImage.png" alt="Testimonial">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum sed vitae aperiam minima non, excepturi illum nam. Ratione, omnis et aliquid quis provident veritatis magnam pariatur quas modi. Harum, incidunt.</p>
<div class="testimonialItemLower flex-start">
<div class="upperLine"></div>
<div class="testimonialAuthor">
<h3>ony Watkins</h3>
<h4>Vp of Product, VISA</h4>
</div>
<div class="upperLine"></div>
</div>
</div>
</div>
</div>
</section>
<section class="Team">
<div class="wrapper flex-column-center">
<div class="teamHeader flex-column-center">
<div class="topLine"></div>
<h2>Our Team</h2>
<h1>Our Amazing Team</h1>
</div>
<div class="teamContainer flex-space">
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
<div class="teamItem animated">
<div class="visibleContent flex-column-center">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
</div>
<div class="hiddenContent animated">
<img src="img/main/team/TeamMember.png" alt="TeamMember">
<h3>Donna Watson</h2>
<h4>Vp of Product</h3>
<p>Vincent is the Founder & CEO of Fusion. He is leading the company to success with his experience & skill. Leader piverate paradigm cortado ship it integrate Space Team parallax persons grok. Parallax food truck fund 360 campaign venture capital pitch deck actionable insight innovate.</p>
</div>
</div>
</div>
</div>
</section>
<section class="Contact" id="Contact">
<div class="wrapper flex-column-center">
<div class="contactHeader flex-column-center">
<div class="topLine"></div>
<h2>Contact Us</h2>
<h1>Let’s talk about the project</h1>
</div>
<form action="#" class="flex-space">
<div class="formName flex-reverse">
<input type="text" name="name">
<label for="name">YOUR NAME</label>
</div>
<div class="formEmail flex-reverse">
<input type="email" name="email">
<label for="email">YOUR EMAIL</label>
</div>
<div class="formCompany flex-reverse">
<input type="text" name="company">
<label for="company">COMPANY</label>
</div>
<div class="formSubject flex-reverse">
<input type="text" name="subject">
<label for="subject">SUBJECT</label>
</div>
<div class="formMessage flex-reverse">
<textarea name="message"></textarea>
<label for="message">YOUR MESSAGE</label>
</div>
<button>Get In Touch <img src="img/footer/arrow.png" alt="Arrow"></button>
</form>
</div>
</section>
<footer>
<div class="wrapper flex-space">
<div class="footerItem">
<h3>California office</h3>
<p>4243 Woodland Terrace
Sacramento, CA 95814
916 753 2645</p>
</div>
<div class="footerItem">
<h3>New York Office</h3>
<p>885 Oakwood Avenue
New York, NY 10013
212 660 0744</p>
</div>
<div class="footerItem">
<h3>Other Contact</h3>
<a href="mailto: [email protected]">[email protected]</a>
</div>
</div>
</footer>
<script src="libs/jquery.min.js"></script>
<script src="libs/owl.carousel.min.js"></script>
<script src="js/custom.min.js"></script>
</body>
</html>