-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
519 lines (372 loc) · 27.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
<!doctype html>
<html lang="en">
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
<!-- Required meta tags -->
<meta charset="UTF-8" />
<title>4notfour</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="4notfour LLP represents a conglomerate of innovative and modern startups interested and involved in creating products and solutions that enhances/enriches the method of doing things in real life with the optimal technical and creative solutions. Our Industry leading solutions and products comes from our team's innate desire for perfections in the products we build.">
<meta name="keywords" content="4notfour,fournotfour,agora,HTML,html,Website,WEBSITE,React,Flutter,responsive,app,appbuilding,Webbuilding,Agility,Cloud,Hybrid,Social Media,Virtual Machines,Storage,Provisioning,Cloud solutions,AWS,aws,GCP,gcp,Google cloud,google cloud,Azure,azure,Optimization,SEO,seo,searchengineoptimization,optimization,searchengine,Information Technology,Technical Support,it Services,it Security,it Solutions,Cloud Technology,Infrastructure as a Service,Network Security,Robotics,IOT,Internet of Things,Products,web solutions,online business,marketing,contentwriting,artificial intelligence,Machine learning,Big data,analytics,data science,emerging Technology,advancing technology,intel optimised,Code optimisation,Openvino,oneapi,fastapi,node">
<meta name="author" content="4notfour">
<!-- Bootstrap CSS -->
<link href="css/style.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script type="text/javascript">
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/13.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.techamulets.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=bd5ffcc2f83855efd783dcb405eb061c"}};
!function(e,a,t){var r,n,o,i,p=a.createElement("canvas"),s=p.getContext&&p.getContext("2d");function c(e,t){var a=String.fromCharCode;s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,e),0,0);var r=p.toDataURL();return s.clearRect(0,0,p.width,p.height),s.fillText(a.apply(this,t),0,0),r===p.toDataURL()}function l(e){if(!s||!s.fillText)return!1;switch(s.textBaseline="top",s.font="600 32px Arial",e){case"flag":return!c([127987,65039,8205,9895,65039],[127987,65039,8203,9895,65039])&&(!c([55356,56826,55356,56819],[55356,56826,8203,55356,56819])&&!c([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]));case"emoji":return!c([55357,56424,8205,55356,57212],[55357,56424,8203,55356,57212])}return!1}function d(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(i=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},o=0;o<i.length;o++)t.supports[i[o]]=l(i[o]),t.supports.everything=t.supports.everything&&t.supports[i[o]],"flag"!==i[o]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[i[o]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(r=t.source||{}).concatemoji?d(r.concatemoji):r.wpemoji&&r.twemoji&&(d(r.twemoji),d(r.wpemoji)))}(window,document,window._wpemojiSettings);
</script>
<link rel='stylesheet' id='wp-block-library-css' href='css/style.min6f06.css' type='text/css' media='all' />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://4notfour.com/">
<meta property="og:title" content="4notfour">
<meta property="og:description" content="">
<meta property="og:image" content="https://4notfour.com/imgs/og-img.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://4notfour.com/">
<meta property="twitter:title" content="4notfour">
<meta property="twitter:description" content="">
<meta property="twitter:image" content="https://4notfour.com/imgs/og-img.jpg">
<link rel="icon" href="favicon.ico" sizes="32x32" />
<link rel="icon" href="favicon.ico" sizes="192x192" />
<link rel="apple-touch-icon" href="favicon.ico" />
<link rel="stylesheet" href="/styles.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LW19WH1VDS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LW19WH1VDS');
</script>
</head>
<body>
<span class="nextSlideButton nextSlideRightMenu d-flex align-items-center justify-content-center">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="11px" height="6px">
<path fill-rule="evenodd" fill="rgb(0, 176, 240)"
d="M11.006,0.481 L5.733,6.006 L5.500,5.762 L5.267,6.006 L-0.007,0.481 L0.460,-0.008 L5.500,5.273 L10.540,-0.008 L11.006,0.481 Z"/>
</svg>
</span>
<div id="fullpage">
<section class="section" id="intro">
<div class="cover-container d-flex h-100 p-3 mx-auto flex-column container-p">
<nav class="navbar navbar-light mb-auto padding-10" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back">
<span class="navbar-brand mb-0">
<img src="imgs/logo.png" alt="4notfour" class="logo">
</span>
</nav>
<main role="main" class="inner cover mb-auto width-50">
<h1 class="bold-font text-white" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >TURNING VISIONS TO CREATIONS</h1>
<p class="pt-4" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" data-aos-delay="300">Innovating towards a better future</p>
<span class="callUs d-block mt-5 pl-4 blueBlockBG text-uppercase text-white call-us" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" data-aos-delay="600">Let's get in touch</span>
</main>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">About us</span>
</section>
<section class="section fp-auto-height" id="Aboutus">
<div class="cover-container h-100 mx-auto d-flex align-items-stretch">
<div class="row grad-row absolute-title">
<div class="col-lg-6 grad-bg text-white pl5 p-10h order-2 order-lg-1">
<h1 class="section-title bold-font text-white" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >About Us</h1>
<p class="pt-4 light-font lead " data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" data-aos-delay="300">
4notfour LLP represents a conglomerate of innovative and modern startups interested and involved in creating products and solutions that enhances/enriches the method of doing things in real life with the optimal technical and creative solutions. Our Industry leading solutions and products comes from our team's innate desire for perfections in the products we build.
<br><br>
We follow a business process that focuses on future oriented, innovative approach to deliver products utilising state of the art tools and processes. Our solutions are unique, friendly, scalable and build with future in mind utilising the technology pioneers under strict quality standards to provide intuitive and meaningful solutions to problems.
</p>
<img src="imgs/logo_png.png" class="logo-BG">
</div>
<div class="col-lg-6 image order-1 order-lg-2">
<span class="layer-black"></span>
</div>
</div>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">Our Story</span>
</section>
<section class="section fp-auto-height" id="Story">
<div class="cover-container h-100 ">
<div class="row">
<div class="col-lg-6 d-flex align-items-center mt-5 mt-lg-0 pt-5 pt-lg-0 logo">
<img class="m-auto" src="imgs/whitelogo.png" alt="4notfour" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back">
</div>
<div class="col-lg-6 text-white p-10h texts">
<h1 class="section-title bold-font text-white" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >4notfour story</h1>
<p class="pt-5 light-font lead mr-lg-5" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" data-aos-delay="300">
Never settle for anything less than the best. Oftentimes, the best solution is the easiest. 4notfour is based on an establishment of effortlessness and pledge to greatness. We are determined to comprehend your point of view and pound your most noteworthy hindrances through tech-based advancements.
<br><br>
By consolidating a comprehension of industry snags and a profound information on rising innovations, we construct ageless web and versatile applications, our accomplices can use for quite a long time to come. It doesn't stop there. Our group stays to help oversee, support and update anything we've developed.
<span class="med-font d-block pt-2 pt-lg-4">
And that makes <a href="#" class="text-white tech-amulets">4notfour</a> different
</span>
</p>
</div>
</div>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">Ventures</span>
</section>
<section class="section fp-auto-height" id="Ventures">
<span class="layer-black"></span>
<div class="cover-container h-100 p-10h">
<div class="row">
<div class="col-12 text-white m-auto pb-md-3 mb-md-3">
<h1 class="section-title bold-font text-white m-auto" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >OUR REVOLUTIONARY VENTURES</h1>
<p class="pt-md-5 light-font lead text-center pr-4 pl-4 mb-4 mb-lg-auto" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" data-aos-delay="300">
4notfour is focused on making the world a more connected, better place to live in. By leveraging the cutting-edge technology advancements of the era, we stand prepared to deliver the best in these domains, unlike anything you've experienced ever before. Through developing a network of innovation and perfection around the 4notfour group, we live and breathe innovation. It's who we are and what we do.
</p>
</div>
<div class="col-12 m-auto pt-md-5 d-lg-flex justify-content-lg-between pb-2 trans-circles owl-carousel owl-carousel-trans" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back">
<div class="circle d-flex align-items-center justify-content-center mr-auto ml-auto">
<img alt="" src="imgs/c2.png">
<a href="#" class="med-font">Internet of Things(IoT)</a>
</div>
<div class="circle d-flex align-items-center justify-content-center mr-auto ml-auto">
<img alt="" src="imgs/c4.png">
<a href="#" class="med-font">Robotics</a>
</div>
<div class="circle d-flex align-items-center justify-content-center mr-auto ml-auto">
<img alt="" src="imgs/c3.png">
<a href="#" class="med-font">Cloud Solutions</a>
</div>
<div class="circle d-flex align-items-center justify-content-center mr-auto ml-auto">
<img alt="" src="imgs/c1.png">
<a href="#" class="med-font">Cognitive Computing</a>
</div>
<div class="circle d-flex align-items-center justify-content-center mr-auto ml-auto">
<img alt="" src="imgs/c5.png">
<a href="#" class="med-font">Brand Store</a>
</div>
</div>
</div>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">INNOVATION</span>
</section>
<section class="section fp-auto-height" id="INNOVATION">
<span class="layer-black"></span>
<div class="cover-container h-100 p-10h d-flex align-items-md-end">
<div class="row">
<div class="col-lg-6 text-white pb-0 mb-md-0 mb-lg-5">
<h1 class="section-title bold-font text-white text-center text-md-left text-lg-right ml-md-0 m-auto mr-lg-0 ml-lg-auto pr-md-2 pt-lg-5 pt-xl-3" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >PASSION LED US HERE.<br> LET INNOVATION LEAD THE WAY.</h1>
</div>
<div class="col-lg-6 text-white pb-5 mb-5">
</div>
</div>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">WHAT LIES AHEAD?</span>
</section>
<section class="section fp-auto-height" id="LiesAhead">
<div class="cover-container h-100 mx-auto d-flex align-items-stretch">
<div class="row grad-row absolute-title">
<div class="col-lg-6 grad-bg text-white pl5 p-10h order-2 order-lg-1">
<h1 class="section-title bold-font text-white" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >WHAT LIES AHEAD?</h1>
<p class="pt-4 light-font lead " data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" data-aos-delay="300">
Incredible things are just a step away for you.
Regardless of whether you're searching for the next best solution to put resources into or just something to make your life simpler,you has just arrived at another level of Innovation.
<br><br>
We as a society has reached a point where things are about to get unrecognizably different day by day.
The world as you know it is about to change in unrecognisable ways.
<br><br>
Our team at 4notfour aids in making your shift to the new world faster. As the world undergoes a revolution, the rise of a digital era is coming.
</p>
<img src="imgs/logo_png.png" class="logo-BG" alt="">
</div>
<div class="col-lg-6 image order-1 order-lg-2">
<span class="layer-black"></span>
</div>
</div>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">Excellence</span>
</section>
<section class="section fp-auto-height" id="Excellence">
<div class="cover-container h-100 p-10h">
<div class="row">
<div class="col-12 m-auto pb-lg-5 mb-5" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back">
<h1 class="section-title bold-font m-auto">A TRACK RECORD OF EXCELLENCE</h1>
<p class="pt-5 light-font lead text-center pr-4 pl-4">
We at 4notfour is a team of experienced individual’s with deep operational experiences in a wide array of industries that span right from design to Production, Cognitive intelligence and beyond.
<br>
With a team of bright individuals with a proven track record of success, we have the expertise required to revolutionise any developmental or production requirement thrown at us in-house.<br>
As a group, we follow a path that blends and combines the passions of our team members into a projectile trajectory.<br>
If you've had the pleasure of already working with us, you already know how much we care.
</p>
</div>
</div>
</div>
<span class="nextSlideButton nextSlideButton-style text-uppercase light-font">Get in touch</span>
</section>
<section class="section fp-auto-height" id="CallUs">
<div class="cover-container h-100 mx-auto d-flex align-items-stretch">
<div class="row grad-row absolute-title">
<div class="col-lg-6 grad-bg text-white pl5 p-10h" data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back">
<h1 class="section-title bold-font text-white " data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back" >Let's get in touch</h1>
<p class="pt-4 light-font lead " data-sal="slide-up" data-sal-delay="300" data-sal-duration="1000" data-sal-easing="ease-out-back">
Thank you for your interest in 4notfour. For all inquiries, please reach out to us and we will respond shortly.
<br><br>
</p>
<div class="lead contact clearfix pt-3 mt-3 ">
<div class="clearfix float-md-left mr-md-5 pr-md-5 mt-2">
<span class="float-left">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="27px" height="27px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M4.647,0.708 L4.584,0.771 L4.584,0.834 L1.453,4.027 L1.453,4.090 C0.409,5.009 0.117,6.136 0.577,7.471 C2.079,11.689 4.500,15.487 7.841,18.869 C10.930,21.917 14.729,24.338 19.238,26.133 C20.531,26.550 21.701,26.299 22.745,25.381 L22.807,25.381 L25.876,22.250 C26.293,21.833 26.502,21.311 26.502,20.685 C26.502,20.059 26.293,19.537 25.876,19.119 L21.868,15.111 L21.805,14.986 C21.388,14.610 20.866,14.423 20.240,14.423 C19.614,14.423 19.091,14.610 18.674,14.986 L18.612,15.049 L16.670,16.990 C15.125,16.281 13.768,15.362 12.600,14.235 C11.431,13.107 10.491,11.730 9.782,10.102 L11.786,8.098 C12.203,7.681 12.412,7.169 12.412,6.563 C12.412,5.959 12.182,5.468 11.723,5.092 L11.786,5.029 L11.723,4.967 L7.715,0.834 L7.653,0.771 L7.590,0.708 C7.130,0.375 6.640,0.207 6.119,0.207 C5.596,0.207 5.106,0.375 4.647,0.708 L4.647,0.708 ZM6.338,2.336 L10.346,6.407 L10.408,6.470 L10.471,6.470 C10.512,6.554 10.471,6.637 10.346,6.720 L7.841,9.225 L7.402,9.663 L7.590,10.289 L7.966,11.104 C8.216,11.689 8.633,12.429 9.218,13.327 C9.802,14.225 10.471,15.008 11.222,15.675 L11.410,15.863 C12.954,17.283 14.645,18.368 16.482,19.119 L17.109,19.432 L17.610,18.994 L20.115,16.489 C20.198,16.364 20.281,16.364 20.365,16.489 L24.498,20.559 C24.581,20.644 24.581,20.747 24.498,20.873 L21.430,23.878 C20.970,24.296 20.448,24.401 19.864,24.192 C15.647,22.522 12.119,20.268 9.281,17.428 C6.108,14.256 3.833,10.707 2.455,6.783 C2.288,6.241 2.413,5.802 2.831,5.468 L2.831,5.405 L5.899,2.336 C5.983,2.253 6.056,2.211 6.119,2.211 C6.181,2.211 6.254,2.253 6.338,2.336 L6.338,2.336 Z"/>
</svg>
</span>
<span class="float-left pl-3">
<span class="reg-font d-block">Call Us:</span>
<span class="light-font d-block text-white">+91-8714816042</span>
</span>
</div>
<div class="clearfix float-md-left mr-md-5 pr-md-5 mt-3 pt-2 pt-md-0">
<span class="float-left">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="28px" height="19px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M0.594,1.122 L0.594,17.912 L0.594,18.962 L1.643,18.962 L26.828,18.962 L27.877,18.962 L27.877,17.912 L27.877,1.122 L27.877,0.073 L26.828,0.073 L1.643,0.073 L0.594,0.073 L0.594,1.122 ZM23.352,2.172 L14.235,8.206 L5.119,2.172 L23.352,2.172 ZM13.645,10.436 L14.235,10.763 L14.826,10.436 L25.779,3.090 L25.779,16.863 L2.692,16.863 L2.692,3.090 L13.645,10.436 Z"/>
</svg>
</span>
<span class="float-left pl-3">
<span class="reg-font d-block">Email :</span>
<span class="light-font d-block">[email protected]</span>
</span>
</div>
<div class="clearfix float-md-left mr-md-5 pr-md-5 mt-3 pt-2 pt-md-0 call-block-display d-lg-none">
<span class="float-left">
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
width="28px" height="19px">
<path fill-rule="evenodd" fill="rgb(255, 255, 255)"
d="M0.594,1.122 L0.594,17.912 L0.594,18.962 L1.643,18.962 L26.828,18.962 L27.877,18.962 L27.877,17.912 L27.877,1.122 L27.877,0.073 L26.828,0.073 L1.643,0.073 L0.594,0.073 L0.594,1.122 ZM23.352,2.172 L14.235,8.206 L5.119,2.172 L23.352,2.172 ZM13.645,10.436 L14.235,10.763 L14.826,10.436 L25.779,3.090 L25.779,16.863 L2.692,16.863 L2.692,3.090 L13.645,10.436 Z"/>
</svg>
</span>
<span class="float-left pl-3">
<span class="reg-font d-block">Send us a message</span>
</span>
</div>
</div>
<div class="social contact">
<ul class="list-unstyled d-flex justify-content-start flex-wrap p-0">
<li class="p-0">
<a target="_blank" href=""><i class="
lab la-instagram"></i></a>
</li>
<li class="p-0">
<a target="_blank" href=""><i class="
lab la-twitter"></i></a>
</li>
<li class="p-0">
<a target="_blank" href=""><i class="lab la-youtube"></i></a>
</li>
<li class="p-0">
<a target="_blank" href="https://www.linkedin.com/company/4notfour"><i class="
lab la-linkedin"></i></a>
</li>
</ul>
</div>
<img src="imgs/logo_png.png" class="logo-BG" alt="">
</div>
<div class="col-lg-6 p-10h call-block" >
<div class="call-div mt-lg-4 position-relative">
<span class="close d-lg-none">×</span>
<h4 class="bold-font">How can we help you?</h4>
<form class="pt-4 email-form" method="post" action="#">
<input type="text" name="name" placeholder="Name" required>
<input type='email' name="email" placeholder="Email" required>
<input type="number" name="phone" placeholder="Phone" required>
<textarea name="message" placeholder="Your message" required></textarea>
<input type="button" name="submit" value="Send" class="text-center grad-bg text-white border-0 send-email">
</form>
<div class="output_message"></div>
</div>
</div>
<div class="col-12 light-font copywrights">
Copyright © 2020 4notfour LLP. All rights reserved.
</div>
</div>
</div>
</section>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="js/js.min.js"></script>
<script type="text/javascript">
/* AOS.init({
duration: 1000
});
*/
$(document).ready(function() {
$('#fullpage').fullpage(
{
autoScrolling: true,
navigation: true,
responsiveWidth: 480,
responsiveHeight: 640,
navigationPosition: 'right',
navigationTooltips: ['Intro', 'About us', 'Our Story', 'Ventures', 'Innovation','What Lies Ahead?','Excellence','Get In Touch'],
afterResponsive: function(isResponsive){
if(isResponsive){
$.fn.fullpage.setAutoScrolling(false);
}
}
}
);
$('.owl-carousel-trans').owlCarousel({
loop:true,
nav:true,
responsive:{
0:{
items:1
},
600:{
items:2
},
768:{
items:3,
loop:false
},
992:{
items:5,
}
}
});
sal();
if ( $(window).width() < 992 ){
$('.owl-carousel-process').owlCarousel({
loop:false,
nav:true,
responsive:{
0:{
items:1
}
}
});
}
});
$('.nextSlideButton').click(function(){
$.fn.fullpage.moveSectionDown();
});
$('.callUs').click(function(){
$.fn.fullpage.moveTo(9);
});
$('.call-block-display').click(
function () {
$('.call-block').addClass('display');
}
);
$('.call-block .close').click(
function () {
$('.call-block').removeClass('display');
}
);
</script>
<script type='text/javascript' src='js/wp-embed.min6f06.js?ver=bd5ffcc2f83855efd783dcb405eb061c' id='wp-embed-js'></script>
</body>
</html>