-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
510 lines (510 loc) · 26.5 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
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Type | W</title>
<link rel="shortcut icon" href="favicon.png" type="image/png">
<!-- Begin Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<!-- End Fonts -->
<!-- Begin Style sheets -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/scss/style.css">
<!-- End Stylesheets -->
</head>
<body>
<!-- Begin Header -->
<header class="header">
<div class="container">
<nav class="header-nav">
<a href="/" class="btn-logo"><img src="assets/images/logo.png" alt="TYPE | W"></a>
<div class="hamburger">
<span></span>
<span></span>
<span></span>
</div>
<ul class="nav-items">
<li class="nav-item">
<a href="#our_benefits" class="nav-link">Our Benefits</a>
</li>
<li class="nav-item">
<a href="#creation" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="#price" class="nav-link">Price</a>
</li>
<li class="nav-item">
<a href="#faq" class="nav-link">Faq</a>
</li>
<li class="nav-item mt-auto">
<a href="#get_started" class="btn btn-yellow btn-get-started d-block d-lg-none mx-auto">Get Started</a>
</li>
</ul>
<a href="#get_started" class="btn btn-yellow btn-get-started d-none d-lg-block">Get Started</a>
</nav>
</div>
</header>
<!-- End Header -->
<!-- Begin Page Content -->
<main>
<!-- Begin Get Started Section -->
<section class="section" id="get_started">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h1 class="section-title mb-5 wow fadeInLeft">The leading tool for <span class="text-yellow">Amazon</span> data aggregation</h1>
<p class="section-desc mb-5 wow fadeInLeft" data-wow-delay="0.2s">Type W collects all of your Amazon Data - and puts it into your own Data Warehouse. This unlocks the ability to maximize the use of your Amazon data across your company with ease.</p>
<div class="button-groups">
<a href="#get_started" class="btn btn-yellow mr-3 wow fadeInUp" data-wow-delay="0.4s">Get Started</a>
<a href="#price" class="btn btn-outline wow fadeInUp" data-wow-delay="0.6s">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.842 9.65008L10.342 2.15008C10.042 1.85008 9.62533 1.66675 9.16699 1.66675H3.33366C2.41699 1.66675 1.66699 2.41675 1.66699 3.33341V9.16675C1.66699 9.62508 1.85033 10.0417 2.15866 10.3501L9.65866 17.8501C9.95866 18.1501 10.3753 18.3334 10.8337 18.3334C11.292 18.3334 11.7087 18.1501 12.0087 17.8417L17.842 12.0084C18.1503 11.7084 18.3337 11.2917 18.3337 10.8334C18.3337 10.3751 18.142 9.95008 17.842 9.65008ZM4.58366 5.83342C3.89199 5.83342 3.33366 5.27508 3.33366 4.58341C3.33366 3.89175 3.89199 3.33341 4.58366 3.33341C5.27533 3.33341 5.83366 3.89175 5.83366 4.58341C5.83366 5.27508 5.27533 5.83342 4.58366 5.83342Z" fill="white"/>
</svg>
See Pricing
</a>
</div>
</div>
<div class="col-lg-6 mt-5">
<img class="section-img wow fadeInRight" src="assets/images/section1.svg" alt="Leading tool">
</div>
</div>
<div class="animated-box"></div>
</div>
</section>
<!-- End Get Started Section -->
<!-- Begin Our Benefits Section -->
<section class="section" id="our_benefits">
<div class="container">
<div class="section-counter wow fadeInDown">01</div>
<h2 class="section-title mb-2 wow fadeInDown" data-wow-delay="0.2s">Our Benefits</h2>
<div class="wow fadeInDown" data-wow-delay="0.4s">
<p class="section-desc size-normal mb-5">The French lettering company Letraset manufactured a set of dry-transfer sheets which included the lorem ipsum filler text </p>
</div>
<div class="section-content">
<div class="card-benefit wow fadeInDown" data-wow-delay="">
<div class="card-benefit__icon bg-light-green">
<img src="assets/images/icon_time.svg" alt="">
</div>
<p class="card-benefit__title">Integrate Type W in less than a week</p>
<p class="card-benefit__desc size-small">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</p>
</div>
<div class="card-benefit wow fadeInDown" data-wow-delay="0.2s">
<div class="card-benefit__icon bg-light-blue">
<img src="assets/images/icon_integration.svg" alt="">
</div>
<p class="card-benefit__title">Vendor Central and Seller Central integration</p>
<p class="card-benefit__desc size-small">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</p>
</div>
<div class="card-benefit wow fadeInDown" data-wow-delay="0.4s">
<div class="card-benefit__icon bg-light-orange">
<img src="assets/images/icon_backup.svg" alt="">
</div>
<p class="card-benefit__title">Data refreshed daily</p>
<p class="card-benefit__desc size-small">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</p>
</div>
<div class="card-benefit wow fadeInDown" data-wow-delay="">
<div class="card-benefit__icon bg-light-yellow">
<img src="assets/images/icon_clud.svg" alt="">
</div>
<p class="card-benefit__title">Free data warehousing</p>
<p class="card-benefit__desc size-small">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</p>
</div>
<div class="card-benefit wow fadeInDown" data-wow-delay="0.2s">
<div class="card-benefit__icon bg-light-red">
<img src="assets/images/icon_dashboard.svg" alt="">
</div>
<p class="card-benefit__title">Includes Data Studio Dashboard templates</p>
<p class="card-benefit__desc size-small">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</p>
</div>
<div class="card-benefit wow fadeInDown" data-wow-delay="0.4s">
<div class="card-benefit__icon bg-light-pink">
<img src="assets/images/icon_help.svg" alt="">
</div>
<p class="card-benefit__title">Rapid support</p>
<p class="card-benefit__desc size-small">Lorem ipsum was purposefully designed to have no meaning, but appear like real text, making it the perfect placeholder.</p>
</div>
</div>
<div class="animated-box"></div>
</div>
</section>
<!-- End Our Benefits Section -->
<!-- Begin Creation Section -->
<section class="section" id="creation">
<div class="container">
<div class="row">
<div class="col-lg-6 mb-5">
<img class="wow fadeInLeft" src="assets/images/section2.svg" alt="Creation">
</div>
<div class="col-lg-6">
<div class="section-counter ml-0 wow fadeInRight">02</div>
<h2 class="section-title mb-2 wow fadeInRight" data-wow-delay="0.2s">Creation timelines for the lorem ipsum passage</h2>
<div class="wow fadeInRight" data-wow-delay="0.4s">
<p class="section-desc size-normal mb-5">
Type W was built on the foundation that true data analysis requires all of your data to get a full picture. With this in mind, Type W built software that gets ALL of your Amazon data - no matter how hard it is to access!
From there, we store your data in a dedicated Google BigQuery™ database specifically designed for enterprise Big Data applications. This allows you to connect your data directly to where you need it most, whether that's in data visualization, internal tools, or your own data warehouse.
</p>
</div>
<button class="btn btn-yellow wow fadeInUp" data-wow-delay="0.6s">Get Started</button>
</div>
</div>
<div class="section-content">
<div class="section-content__left wow fadeInLeft">
<ul>
<li><img src="assets/images/icon_amazon.svg" alt="">Data</li>
<li>Advertising api</li>
<li>Brand analystics</li>
<li>Seller data</li>
<li>DSP Advertising</li>
<li>Vender data</li>
</ul>
<img src="assets/images/dots.svg" alt="" class="section-content__left--img d-none d-lg-block">
</div>
<img src="assets/images/logo_yellow.svg" alt="TYPE | W" class="section-content__img wow fadeInDown">
<div class="section-content__right wow fadeInRight">
<img src="assets/images/line.svg" alt="" class="section-content__right--img d-none d-lg-block">
<ul>
<li>Data warehouse</li>
<li>Data Visualization & BI tools</li>
<li>APIS</li>
<li>Machine learning</li>
<li>ERP tools</li>
<li>Spreadsheets</li>
<li>Data analysis</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End Creation Section -->
<!-- Begin Query Section -->
<section class="section" id="big_query">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="section-counter ml-0 wow fadeInLeft">03</div>
<h2 class="section-title mb-4 wow fadeInLeft" data-wow-delay="0.2s">We store your data in a dedicated Google BigQuery™</h2>
<div class="wow fadeInLeft" data-wow-delay="0.4s">
<p class="section-desc size-normal mb-5">
So how did the classical Latin become so incoherent? According to McClintock, a 15th century typesetter likely scrambled
part of Cicero's De Finibus in order to provide placeholder text to mockup various fonts for a type specimen book.
</p>
</div>
<p class="mb-4 font-weight-bold wow fadeInDown" data-wow-delay="0.6s">What's different?</p>
<ul class="icon-lists wow fadeInDown" data-wow-delay="0.8s">
<li>
<span class="icon bg-light-blue"><img src="assets/images/icon_guard.svg" alt=""></span>
The decade that brought us Star Trek
</li>
<li>
<span class="icon bg-light-green"><img src="assets/images/icon_gear.svg" alt=""></span>
Aldus Corporation, which later merged with
</li>
<li>
<span class="icon bg-light-yellow"><img src="assets/images/icon_lock.svg" alt=""></span>
The program came bundled
</li>
</ul>
</div>
<div class="col-lg-6 mt-5">
<img class="max-width-initial wow fadeInRight" src="assets/images/section3.svg" alt="Big Query">
</div>
</div>
</div>
</section>
<!-- End Query Section -->
<!-- Begin World Section -->
<section class="section theme-2" id="world">
<div class="container">
<div class="section-counter wow fadeInDown">04</div>
<h2 class="section-title mb-3 wow fadeInDown" data-wow-delay="0.2s">Trusted by data-driven teams around the world</h2>
<div class="wow fadeInUp" data-wow-delay="0.4s">
<p class="section-desc size-normal">
The French lettering company Letraset manufactured a set of dry-transfer sheets which included the lorem ipsum filler text
</p>
</div>
<div class="section-content">
<div class="section-content__card wow flipInX">
<p class="font-weight-bold">We are in numbers:</p>
<ul class="icon-lists">
<li>
<span class="icon text-blue bg-light-blue">03</span>
Continents
</li>
<li>
<span class="icon text-green bg-light-green">10</span>
Countries
</li>
<li>
<span class="icon text-light-yellow bg-light-yellow">5+</span>
Billion Datapoints Collected
</li>
</ul>
</div>
<div class="section-content__image">
<img class="max-width-initial" src="assets/images/section4.svg" alt="All of the World">
</div>
</div>
</div>
</section>
<!-- End World Section -->
<!-- Begin Price Section -->
<section class="section" id="price">
<div class="container">
<div class="section-counter wow fadeInDown">05</div>
<h2 class="section-title mb-3 wow fadeInDown" data-wow-delay="0.2s">Price</h2>
<div class="wow fadeInUp" data-wow-delay="0.4s">
<p class="section-desc size-normal">The French lettering company Letraset manufactured a set of dry-transfer sheets which included
the lorem ipsum filler text </p>
</div>
<div class="section-content">
<div class="card-price bg-light-dark wow flipInY">
<span class="card-price__icon mb-3 d-block">
<img src="assets/images/icon_rocket.svg" alt="">
</span>
<h3 class="mb-5">Comprehensive</h3>
<ul class="icon-lists mb-5">
<li>
<span class="icon bg-light-orange"><img src="assets/images/icon_analystic.svg" alt=""></span>
Real-time uploads for advertising data and critical reports.
</li>
<hr />
<li>
<span class="icon bg-light-orange"><img src="assets/images/icon_pie.svg" alt=""></span>
Weekly uploads for ancillary reports.
</li>
</ul>
<h3 class="mb-1">$99 / month</h3>
<p class="size-normal mb-4">per country per Amazon Account</p>
<button class="btn btn-yellow">Get Started</button>
</div>
<div class="card-price bg-light-dark wow flipInY" data-wow-delay="0.2s">
<span class="card-price__icon mb-3 d-block">
<img src="assets/images/icon_crown.svg" alt="">
</span>
<h3 class="mb-5">Custom</h3>
<ul class="icon-lists mb-5">
<li>
<span class="icon bg-light-orange"><img src="assets/images/icon_change.svg" alt=""></span>
Customized solutions are provided for companies with unique needs
</li>
<hr />
</ul>
<h3 class="mb-1">Contact Us</h3>
<p class="size-normal mb-4">to see if we can help</p>
<button class="btn btn-outline" data-toggle="modal" data-target="#contactModal">Contact</button>
</div>
</div>
</div>
</section>
<!-- End Price Section -->
<!-- Begin Contact Modal Section -->
<div id="contactModal" class="modal fade">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<img src="assets/images/logo.png" alt="TYPE | W">
<button type="button" class="close" data-dismiss="modal" title="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="text-center mb-4">
<h2>CONTACT US</h2>
</div>
<form action="">
<div>
<input type="text" name="name" id="name" placeholder="Name" required>
</div>
<div>
<input type="email" name="email" id="email" placeholder="Email" required>
</div>
<div>
<input type="text" name="company" id="company" placeholder="Company" required>
</div>
<div>
<fieldset>
<legend>
<p>Choose your platform(s):</p>
</legend>
<div>
<div class="custom-control custom-checkbox">
<input type="checkbox" name="seller" class="custom-control-input" id="seller">
<label for="seller" class="custom-control-label">Seller</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" name="vendor" class="custom-control-input" id="vendor">
<label for="vendor" class="custom-control-label">Vendor</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" name="agency" class="custom-control-input" id="agency">
<label for="agency" class="custom-control-label">Agency</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" name="advertising" class="custom-control-input" id="advertising">
<label for="advertising" class="custom-control-label">Advertising</label>
</div>
</div>
</fieldset>
</div>
<div>
<textarea name="message" id="message" cols="30" rows="5" fixed placeholder="Type your message here..." required></textarea>
</div>
<div class="text-center">
<button class="btn btn-yellow">Submit</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- End Contact Modal Section -->
<!-- Begin FAQ Section -->
<section class="section bg-light-dark" id="faq">
<div class="container">
<div class="section-counter bg-dark wow fadeInDown">06</div>
<h2 class="section-title mb-5 wow fadeInLeft">FAQ</h2>
<dl class="accordion" id="faq_accordion">
<div class="accordion-item wow fadeInDown" data-wow-delay="">
<div class="accordion-item__icon bg-light-orange">
<img src="assets/images/icon_question.svg" alt="">
</div>
<div>
<dt class="accordion-item__title" data-toggle="collapse" data-target="#faq1" aria-expanded="false" aria-controls="faq1">
Take a deep dive and try our list of over 4 unique generators, find images for your next design?
</dt>
<dd class="collapse accordion-item__content" id="faq1" data-parent="#faq_accordion">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum ipsam fugit accusantium aut, sint eos porro atque adipisci
explicabo ea, error ipsum amet quasi facere totam cupiditate? Odio, reprehenderit sapiente.
</dd>
<hr />
</div>
</div>
<div class="accordion-item wow fadeInDown" data-wow-delay="0.4s">
<div class="accordion-item__icon bg-light-orange">
<img src="assets/images/icon_question.svg" alt="">
</div>
<div>
<dt class="accordion-item__title" data-toggle="collapse" data-target="#faq2" aria-expanded="false" aria-controls="faq2">
Nor is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but occasionally circumstances occur?
</dt>
<dd class="collapse accordion-item__content" id="faq2" data-parent="#faq_accordion">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum ipsam fugit accusantium aut, sint eos porro atque adipisci
explicabo ea, error ipsum amet quasi facere totam cupiditate? Odio, reprehenderit sapiente.
</dd>
<hr />
</div>
</div>
<div class="accordion-item wow fadeInDown" data-wow-delay="0.6s">
<div class="accordion-item__icon bg-light-orange">
<img src="assets/images/icon_question.svg" alt="">
</div>
<div>
<dt class="accordion-item__title" data-toggle="collapse" data-target="#faq3" aria-expanded="false" aria-controls="faq3">
McClintock's eye for detail certainly helped narrow the whereabouts of lorem ipsum's origin, however?
</dt>
<dd class="collapse accordion-item__content" id="faq3" data-parent="#faq_accordion">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum ipsam fugit accusantium aut, sint eos porro atque adipisci
explicabo ea, error ipsum amet quasi facere totam cupiditate? Odio, reprehenderit sapiente.
</dd>
<hr />
</div>
</div>
<div class="accordion-item wow fadeInDown" data-wow-delay="0.8s">
<div class="accordion-item__icon bg-light-orange">
<img src="assets/images/icon_question.svg" alt="">
</div>
<div>
<dt class="accordion-item__title" data-toggle="collapse" data-target="#faq4" aria-expanded="false" aria-controls="faq4">
And anyways, as Cecil Adams reasoned, think graphic arts supply houses were hiring classics scholars in the 1960s?
</dt>
<dd class="collapse accordion-item__content" id="faq4" data-parent="#faq_accordion">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum ipsam fugit accusantium aut, sint eos porro atque adipisci
explicabo ea, error ipsum amet quasi facere totam cupiditate? Odio, reprehenderit sapiente.
</dd>
<hr />
</div>
</div>
<div class="accordion-item wow fadeInDown" data-wow-delay="1s">
<div class="accordion-item__icon bg-light-orange">
<img src="assets/images/icon_question.svg" alt="">
</div>
<div>
<dt class="accordion-item__title" data-toggle="collapse" data-target="#faq5" aria-expanded="false" aria-controls="faq5">
As an alternative theory, (and because Latin scholars do this sort of thing) someone tracked down a 1914 Latin edition of De Finibus?
</dt>
<dd class="collapse accordion-item__content" id="faq5" data-parent="#faq_accordion">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Eum ipsam fugit accusantium aut, sint eos porro atque adipisci
explicabo ea, error ipsum amet quasi facere totam cupiditate? Odio, reprehenderit sapiente.
</dd>
</div>
</div>
</dl>
</div>
</section>
<!-- End FAQ Section -->
<!-- Begin Offer Section -->
<section class="section bg-yellow" id="offer">
<div class="container">
<div class="section-counter wow fadeInDown">07</div>
<h2 class="section-title mb-3 wow fadeInLeft" data-wow-delay="0.2s">
Your interesting offer here for users to action now
</h2>
<div class="wow fadeInRight" data-wow-delay="0.4s">
<p class="section-desc size-normal mb-4">
“What I find remarkable is that this text has been the industry's standard dummy text ever since some printer in the
1500s took a galley of type and scrambled it to make a type specimen book; it has survived not only four centuries
</p>
</div>
<button class="btn btn-white wow fadeInUp" data-wow-delay="0.6s">Get Started</button>
</div>
</section>
<!-- End Offer Section -->
</main>
<!-- End Page Content -->
<!-- Begin Footer -->
<footer class="footer">
<div class="container footer-content">
<div class="footer-content__item mb-4">
<a href="/" class="footer-logo"><img src="assets/images/logo.png" alt="TYPE | W"></a>
</div>
<div class="footer-content__item footer-menus">
<div class="row">
<div class="col-6 col-md-4 footer-link"><a href="#our_benefits">Our Benefits</a></div>
<div class="col-6 col-md-4 footer-link"><a href="#faq">FAQ</a></div>
<div class="col-6 col-md-4 footer-link"><a href="#">Terms & Conditions</a></div>
<div class="col-6 col-md-4 footer-link"><a href="#creation">About Us</a></div>
<div class="col-6 col-md-4 footer-link"><a href="#price">Price</a></div>
<div class="col-6 col-md-4 footer-link"><a href="#">Privacy Policy</a></div>
</div>
</div>
<div class="footer-content__item footer-contact">
<p class="mb-1">General Inquiries:</p>
<div class="footer-link">
<a href="mailto:[email protected]">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4H4C2.9 4 2.01 4.9 2.01 6L2 18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6C22 4.9 21.1 4 20 4ZM20 8L12 13L4 8V6L12 11L20 6V8Z" fill="white"/>
</svg>
</a>
</div>
</div>
</div>
<div class="footer-copyright">
<p class="size-small">© 2020 Type W Inc. a Techstars Company</p>
</div>
</footer>
<!-- End Footer -->
<!-- Begin Scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"
integrity="sha512-Eak/29OTpb36LLo2r47IpVzPBLXnAMPAVypbSZiZ4Qkf8p/7S/XRG5xp7OKWPPYfJT6metI+IORkR5G8F900+g=="
crossorigin="anonymous"></script>
<script src="assets/js/script.js"></script>
<!-- End Scripts -->
</body>
</html>