-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
590 lines (542 loc) · 28.3 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
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://kit.fontawesome.com/b357e2f303.js" crossorigin="anonymous"></script>
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Spartan&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NeoReach</title>
</head>
<body>
<script>
AOS.init();
</script>
<div id="Navbar">
<div class="logo">
<img src="./img/logo.svg" alt="">
</div>
<ul class="menu">
<li>Solutions</li>
<li>Agency Service</li>
<li>Case Studies</li>
<li>Pricing</li>
<li>Blog</li>
</ul>
<Button class="btn1"> Login</Button>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;right: 2.5%;z-index: 2;height: 60%;width: 12%;top:25%;">
<button class="btn2">Get Started</button>
</div>
<div id="section-hero-animation">
<div class="section-text1">
<h1>Run World Class Influencer Marketing Campaigns</h1>
<p>Neo Reach provides Data, Software, and agency service for leading brands and Global Fortune 500's</p>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: -1%;z-index: -1;height: 15%;width: 52%;top:%;">
<button class="btn3">Get Started</button>
<h5 style="position: absolute;bottom:0%;">SEARCH <span></span>•</span> ANALYZE <span>•</span> MONITOR <span>•</span> MANAGE <span>•</span> TRACK</h5>
</div>
<div class="section-animation1">
<img src="./img/hero-base1@2x.png" >
<img class="imganimation1" src="./img/circle-orange@2x.png" style="position: absolute;height: 45%;width: 45%;top:5%;z-index: -1;right:65%;">
<div style="position: absolute;height: 40%;width: 45%;opacity:.6;top:1%;z-index: 1;right:47%;border: 0px solid black;">
<img class="imganimation2" src="./img/ornament2.svg" style="position: absolute;transform:rotateY(1250deg) rotate(-60deg);">
</div>
<img class="imganimation3" src="./img/ornament2.svg" style="position: absolute;height: 45%;width: 45%;opacity:.6;top:40%;z-index: 1;right:70%;transform:rotateY(10deg) rotate(180deg);">
<img class="imganimation4"src="./img/talk-bubble@2x.png" style="position: absolute;height: 15%;width: 60%;top:10%;z-index: 1;right:-10%;">
<img class="imganimation5"src="./img/talk-bubble@2x.png" style="position: absolute;height: 15%;width: 60%;top:80%;z-index: 1;right:30%;">
<img class="imganimation6"src="./img/bullhorn@2x.png" style="position: absolute;height: 12%;width: 12%;top:75%;z-index: 1;right:18%;">
<img class="imganimation15"src="./img/horn-lines.svg" style="position: absolute;height: 6%;width: 6%;top:75%;z-index: 1;right:13%;transform: rotate(-25deg);opacity: .7;">
<img class="imganimation10" src="./img/card-boy@2x.png" style="position: absolute;height: 29%;width: 27%;top:45%;right:60%;">
<img class="imganimation11" src="./img/card-girl@2x.png"style="position: absolute;height: 29%;width: 27%;top:45%;right:60%;">
<img class="imganimation12"src="./img/card-boy@2x.png" style="position: absolute;height: 29%;width: 27%;top:45%;right:60%;">
<img class="imganimation13" src="./img/card-girl@2x.png" style="position: absolute;height: 29%;width: 27%;top:45%;right:60%;">
<img class="imganimation7" src="./img/hero-base2@2x.png" style="position: absolute;right:-100%;">
<img class="imganimation8"src="./img/search-bar@2x.png" style="height: 9%;width:45%;position: absolute; top:46%;right:-55%;">
<img class="imganimation9"src="./img/graph-up.svg" style="position: absolute;right:-35%;height: 20%;width: 20%;top:18%;">
<div style="position:absolute;border:0px solid black;height: 10%;width: 72%;top:62%;right:-90%;overflow: hidden;z-index: 1;">
<img class="imganimation14" src="./img/graph-wave@2x.png" style="position: absolute;">
<img class="imganimation14" src="./img/graph-wave@2x.png" style="position: absolute;right:-96%">
</div>
</div>
</div>
<div id="partner-icons">
<div class="img1">
<img src="./img/logo-airbnb@2x.png" >
</div>
<div class="img1">
<img src="./img/logo-amazon@2x.png" >
</div>
<div class="img1">
<img src="./img/logo-bet@2x.png" >
</div>
<div class="img1">
<img src="./img/logo-blk-casper@2x.png" >
</div>
<div class="img1">
<img src="./img/logo-blk-fanduel@2x.png" >
</div>
<div class="img1">
<img src="./img/logo-blk-walmart@2x.png" >
</div>
</div>
<div id="section-software">
<img src="./img/logo-icons-gr.svg" style="height: 100px;width: 100px;">
<h1>Enterprise Marketing Software</h1>
<h3>Best-in-class Influencer search, management, and tracking with enterprise-grade analytics make it easy to build influencer relationships and create effective campaigns at scale.</h3>
<div class="section-software-text">
<h5 style="position: absolute;left:6%;top:2%">SEARCH & ANALYZE</h5>
<h2>Find & manage talent with easy search features.</h2>
<p>Find exactly who you need, when you need them. Utilize our expansive network of influencers or import your own. Target influencers and their audience by specific keywords, demographics, interests, location, and that’s just the start.</p>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 2%;z-index: -1;height: 13%;width: 38%;top:%;">
<button class="btn3 btn4">Learn More</button>
</div>
<div class="section-software-images">
<img src="./img/how1-base@2x.png" style="position:absolute;height: 105%;width: 105%;top:0;left: 0;">
<img class="imgpopup1"src="./img/how-photo1@2x.png">
<img class="imgpopup2"src="./img/how-photo2@2x.png">
<div style="height:68%;width:58%;border: 0px solid black;position: absolute;top:32%;left: 25%;overflow: hidden;">
<img class="slideup" src="./img/how-igrid@2x.png" style="height: 450px;width: 450px;">
<img class="slideup" src="./img/how-igrid@2x.png" style="height: 450px;width: 450px;">
<img class="slideup" src="./img/how-igrid@2x.png" style="height: 450px;width: 450px;">
</div>
</div>
</div>
<div id="section-cordinate">
<div class="section-cordinate-image">
<img src="./img/how2-base@2x.png" >
</div>
<div class="section-cordinate-text">
<h3 style="margin-bottom: 80px;">Monitor & Manage</h3>
<h1>Coordinate each step of your campaign fulfillment process.</h1>
<p style="line-height: 35px;margin-bottom: 40px;">Everything you need to bring your campaign to life. Manage your influencer relationships, contact information, notes, contracts, and historical influencer campaign data. Use our battle-tested workflow with built-in automation to save you more time & headache.</p>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 2%;z-index: -1;height: 11%;width: 28%;top:%;">
<button class="btn3 btn4">Learn More</button>
</div>
</div>
<div id="section-track">
<div class="section-track-text">
<h3 style="margin-bottom: 80px;">Track</h3>
<h1>See what’s working and what isn’t with intuitive analytics.</h1>
<p style="line-height: 35px;margin-bottom: 40px;">Measure the core of your marketing efforts and automatically verify influencer reach, brand alignment, and targeted message delivery, all while measuring real-time influencer post performance. Then export reports when you’re ready to share your results.</p>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 2%;z-index: -1;height: 11%;width: 28%;top:%;">
<button class="btn3 btn4">Learn More</button>
</div>
<div class="section-track-image">
<img class="img3" src="./img/how3-pie.svg">
<img class="img2" src="./img/circle-mixed@2x.png">
<img class="img1"src="./img/how3-base@2x.png">
<img class="img4" src="./img/how3-graph.svg" >
<img class="img5" src="./img/how3-grid.svg">
<div class="graphmove">
<img src="./img/how3-graphmove@2x.png" alt="">
</div>
</div>
</div>
<div id="section-gallery">
<h1>Everything your team needs in one package.</h1>
<h5 style="line-height: 30px;">Whether you are looking for a YouTube superstar or a rising Instagram micro-influencer, we've got you covered. We're as hands-on or as hands-off as you need. Speak to our team see why NeoReach has managed over $250 million worth of influencer marketing campaigns to date. </h5>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 40%;z-index: -1;height: 10%;width: 25%;top:37%;">
<button class="btn3 btn5">Get Started Today!</button>
<div class="section-gallery-images">
<img class="img7" src="./img/how3-circle@2x.png">
<img class="img6" src="./img/package-photo1@2x.png" data-aos="fade-up-right"data-aos-duration="2000">
<img class="img8" src="./img/package-boxes@2x.png" data-aos="fade-up-right" data-aos-duration="2000">
<img class="img9" src="./img/package-sm-photo1@2x.png" data-aos="fade-up-right" data-aos-duration="3000">
<img class="img10" src="./img/package-photo2@2x.png" data-aos="fade-up" data-aos-duration="1500">
<img class="img11" src="./img/package-sm-photo2@2x.png" data-aos="fade-up-left" data-aos-duration="2000">
<img class="img12" src="./img/package-sm-photo3@2x.png" data-aos="fade-up-left" data-aos-duration="2500">
<img class="img13" src="./img/package-photo3@2x.png" data-aos="fade-up" data-aos-duration="2000">
<img class="img14" src="./img/circle-orange@2x.png">
<img class="img15" src="./img/package-bgdots.svg">
<img class="img16" src="./img/package-horn1@2x.png">
<img class="img17" src="./img/ornament2.svg">
<img class="img18" src="./img/bullhorn@2x.png">
<img class="img19" src="./img/horn-lines.svg">
<img class="img20" src="./img/ornament2.svg">
<img class="img21" src="./img/package-paper@2x.png">
</div>
</div>
<div id="section-api">
<div class="section-api-1">
<img class="img23" src="./img/api1-base@2x.png">
<img class="img22" src="./img/api1-top@2x.png">
<div class="thumsup">
<img class="img24" src="./img/thumb.svg">
<img class="img25" src="./img/thumb.svg">
<img class="img26" src="./img/thumb.svg">
<img class="img27" src="./img/thumb.svg">
<img class="img29" src="./img/thumb.svg">
<img class="img28" src="./img/thumb.svg">
<img class="img24" src="./img/thumb.svg">
<img class="img25" src="./img/thumb.svg">
<img class="img26" src="./img/thumb.svg">
<img class="img27" src="./img/thumb.svg">
<img class="img29" src="./img/thumb.svg">
<img class="img28" src="./img/thumb.svg">
</div>
<h1 style="position: absolute; top:50%;left:11%;">Social Intelligence API Suite</h1>
<h4 style="position:absolute;line-height: 40px;top:58%;left:1%;">Our suite of influencer marketing API's provides comprehensive audience demographics, competitive intelligence, sponsored campaign, post data & deep creator insights to enterprise applications in real-time. With access to millions of influencers’ insights, you’ll be better equipped to capture your target audience.</h4>
</div>
<div class="section-api-2">
<img class="img30" src="./img/api2-base@2x.png">
<img class="img32" src="./img/api2-dot.svg">
<img class="img31" src="./img/api2-girl@2x.png">
<div class="social-icon-circle">
<div class="icon-float inpart loc1">
<img src="./img/api2-icon4.svg">
</div>
<div class="icon-float inpart loc2">
<img src="./img/api2-icon1.svg">
</div>
<div class="icon-float inpart loc3">
<img src="./img/api2-icon2.svg">
</div>
<div class="icon-float inpart loc4">
<img src="./img/api2-icon3.svg">
</div>
</div>
<h1 style="position: absolute; top:50%;left:25%;">Easy API Integration </h1>
<h4 style="position:absolute;line-height: 40px;top:58%;left:1%;">Seamlessly integrate our social insights with your enterprise application, allowing you to see more data, craft effective campaigns, and gain valuable business intelligence. Our REST API continuously delivers time-series data to enterprise-scale applications through JSON objects. </h4>
</div>
</div>
<div id="case-studies">
<div style="height: 22vh;width: 52%;border: 0px solid;position: absolute;left: 2%;">
<h1>See what our clients are saying.</h1>
<h5 style="line-height: 30px;">See how top brands are successfully using NeoReach to activate, manage, and track influencer marketing campaigns at scale.</h5>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;right: 4%;z-index: -1;height: 48%;width: 22%;top:20%;">
<button class="btn3 btn6">SEE ALL CASE STUDIES</button>
</div>
<div id="section-slider-parent">
<div class="section-sliders">
<div class="slider1">
<div class="slider-logo">
<img src="./img/logo-blk-fanduel@2x.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How FanDuel closed 2015 with over $1.8 billion in collected entry fees to become one of the fastest-growing companies in the world. They even beat DraftKings by a $600 million lead by </h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-graph.svg" >
<h2 style="margin-top: -2px;">5:1 ROI</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-cost.svg" >
<h2 style="margin-top: -2px;">7 Figures</h2>
</div>
<div class="table3">
<p>Influencer <br> Spend</p>
</div>
<div class="table4">
<p>As Measured <br> Against LTV</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
<div class="slider2">
<div class="slider-logo">
<img src="./img/Black-TT.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How TikTok achieved breakout success through regional specific influencer campaigns at scale.</h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-video.svg" >
<h2 style="margin-top: -2px;">170</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-cost.svg" >
<h2 style="margin-top: -2px;">7 Figures</h2>
</div>
<div class="table3">
<p>Post Created</p>
</div>
<div class="table4">
<p>Paid To Influencer</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
<div class="slider3">
<div class="slider-logo">
<img src="./img/logo-airbnb@2x.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How Airbnb promoted a travel-based user-generated content campaign and resolve operational bottlenecks in influencer contracting, relationship management, and performance </h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-impressions.svg" >
<h2 style="margin-top: -2px;">1 Week</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-influencers.svg" >
<h2 style="margin-top: -2px;">2</h2>
</div>
<div class="table3">
<p>Campaign Duration</p>
</div>
<div class="table4">
<p>Influencer</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 5%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7 btn8">Learn More</button>
<img class="play-icon" src="./img/play-btn@2x.png">
</div>
</div>
</div>
<div class="section-sliders2">
<div class="slider4">
<div class="slider-logo">
<img src="./img/logo-blk-wot@2x.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How World of Tanks generated targeted brand awareness among males ages 17 to 25 before the launch of their 2016 Super Bowl Ad.</h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-cost.svg" >
<h2 style="margin-top: -2px;">40%</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-views.svg" >
<h2 style="margin-top: -2px;">7:22</h2>
</div>
<div class="table3">
<p>Average View Duration</p>
</div>
<div class="table4">
<p>Reduction in Youtube CAC</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 5%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn8">Learn More</button>
<img class="play-icon" src="./img/play-btn@2x.png">
</div>
</div>
<div class="slider5">
<div class="slider-logo">
<img src="./img/HR-Block-Black.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How H&R Block increased sales by generating awareness of their new Tax Pro Go Review with over 6K engagements before the 2018 tax season ended. </h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-influencers.svg" >
<h2 style="margin-top: -2px;">36</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-impressions.svg" >
<h2 style="margin-top: -2px;">30</h2>
</div>
<div class="table3">
<p>Blog Post</p>
</div>
<div class="table4">
<p>Influencer</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
<div class="slider6">
<div class="slider-logo">
<img src="./img/logo-blk-walmart@2x.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How Walmart generated social awareness for the launch of their Star Wars product line and Gold Disc Giveaway in a family-friendly way.</h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-web.svg" >
<h2 style="margin-top: -2px;">163</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-views.svg" >
<h2 style="margin-top: -2px;">27M</h2>
</div>
<div class="table3">
<p>Impression</p>
</div>
<div class="table4">
<p>Posts</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
</div>
<div class="section-sliders3">
<div class="slider7">
<div class="slider-logo">
<img src="./img/logo-blk-id@2x.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">By creating and distributing targeted and timed content on social media for a three-night special event, Investigation Discovery was able to create a trending conversation on Twitter.</h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-views.svg" >
<h2 style="margin-top: -2px;">19M</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-graph.svg" >
<h2 style="margin-top: -2px;">6 Hour</h2>
</div>
<div class="table3">
<p>Twitter Trending Hashtag</p>
</div>
<div class="table4">
<p>Content Views</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
<div class="slider8">
<div class="slider-logo">
<img src="./img/logo-blk-casper@2x.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How Casper created targeted consumer exposure on YouTube as “the Internet’s favorite mattress” promoting a path to purchase.</h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-impressions.svg" >
<h2 style="margin-top: -2px;">32,000</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-cart.svg" >
<h2 style="margin-top: -2px;">1700+</h2>
</div>
<div class="table3">
<p>Item over $595 added to cart</p>
</div>
<div class="table4">
<p>Targeted Website Visits </p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
<div class="slider9">
<div class="slider-logo">
<img src="./img/BLACK-MOOSE-TOYS-LOGO.png">
</div>
<div class="slider-text">
<h5 style="line-height: 33px;">How Moose Toys launched four products in two weeks with NeoReach</h5>
</div>
<div class="slider-table-icons">
<div class="table1">
<img class="table-icons" src="./img/cs-icon-influencers.svg" >
<h2 style="margin-top: -2px;">103</h2>
</div>
<div class="table2">
<img class="table-icons" src="./img/cs-icon-views.svg" >
<h2 style="margin-top: -2px;">40M+</h2>
</div>
<div class="table3">
<p>Impressions</p>
</div>
<div class="table4">
<p>Influencer</p>
</div>
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 29%;z-index: -1;height: 19%;width: 45%;top:65%;">
<button class="btn3 btn4 btn7">Learn More</button>
</div>
</div>
</div>
<input type="radio" id="btn-1" name="slide-control" class="radio1" checked>
<input type="radio" id="btn-2" name="slide-control" class="radio2" >
<input type="radio" id="btn-3" name="slide-control" class="radio3">
</div>
<div id="section-footer">
<img class="footer-img" src="./img/footer-base@2x.png">
<div style="position:absolute;border:0px solid black;height: 10%;width: 22%;z-index: 1;left:5%;top: 55%;overflow: hidden;">
<img class="imganimation14" src="./img/graph-wave@2x.png" style="position: absolute; height: 100%;width: 100%;">
<img class="imganimation14" src="./img/graph-wave@2x.png" style="position: absolute;height: 100%;width: 100%;right: -96%;">
</div>
<img class="searchicon"src="./img/search-bar@2x.png">
<img class="searchdots" src="./img/search-dots.svg" >
<img class="imganimation4 footerbuble1" src="./img/talkbubble-blank@2x.png">
<img class="imganimation4 footerbuble2" src="./img/talkbubble-guy@2x.png">
<img class="imganimation4 footerbuble3" src="./img/talkbubble-girl@2x.png">
<img class="imganimation15"src="./img/horn-lines.svg" style="position: absolute;height: 6%;width: 6%;top:90%;z-index: 1;left:36%;transform: rotate(35deg);opacity: .7;">
</div>
<div id="contactform">
<div class="contactform-child">
<h1>Start a campaign with us!</h1>
<h3>Submit the form below, tell us a bit more about your business, and we’ll be in touch shortly.Are you an Influencer? Sign up here</h3>
<form>
<input class="input1" type="text" placeholder="* First Name">
<input class="input1" type="text" placeholder="* Second Name">
<input class="input1" type="text" placeholder="* Business Email">
<input class="input1" type="text" placeholder="* Contact Phone No.">
<input class="input1" type="text" placeholder="* Company Name.">
<input class="input1" type="text" placeholder="* Company Website.">
<input class="input1" type="text" placeholder="* Job Role.">
<input class="input1" type="text" placeholder="* Company Size.">
<input class="input1 input2" type="text" placeholder="* Describe What you're Looking tp achieve - be as descriptive as possible.">
<img src="./img/cta-patternbg@2x.png" style="position:absolute;left: 40%;z-index: 1;height: 7.5%;width: 25%;top:80%;">
<button class="btn3 btn4 btn9">Let's Chat</button>
</form>
<img class="footerimg" src="./img/footer-photobg@2x.png">
<img class="footerimg1" src="./img/footer-photo5@2x.jpg">
<img class="imganimation5 footerimggloatsize footerimgfloat1" src="./img/footer-photo-floater1.svg">
<img class="imganimation4 footerimggloatsize footerimgfloat2" src="./img/footer-photo-floater2.svg">
<img class="imganimation5 footerimggloatsize footerimgfloat3" src="./img/footer-photo-floater3.svg">
</div>
</div>
<div id="section-footer1">
<img class="footerlogo" src="./img/logo.svg" >
<h3 >Seamlessly search, manage, and track <br>
user-generated content campaigns.</h3>
<img class="seal" src="./img/footer-seal@2x.png">
<i class="fab fa-facebook-f footer-icons"></i>
<i class="fab fa-twitter footer-icons"></i>
<i class="fab fa-instagram footer-icons"></i>
<i class="fab fa-linkedin-in footer-icons"></i>
<div class="footer-links">
<ul>
<li class="title">Advertisers</li>
<li>Pricing</li>
<li>Case Studies</li>
<li>Advertiser FAQ</li>
</ul>
<ul>
<li class="title">Influencers</li>
<li>Community</li>
<li>Influencer FAQ</li>
<li>Influencer Guidelines</li>
<li>Influencer Sign Up</li>
</ul>
<ul>
<li class="title">Solutions</li>
<li>Services</li>
<li>Software</li>
<li>API</li>
<li>Fraud Detection</li>
</ul>
<ul>
<li class="title">Resources</li>
<li>Meet The Team</li>
<li>Press</li>
<li>Privacy</li>
<li>Customer Support</li>
</ul>
<ul class="contact">
<li class="title">Contact</li>
<li>Phone: (512) 262-4747</li>
<li>Email:team@neoreach.com</li>
<li>Careers</li>
</ul>
</div>
</div>
</body>
</html>