-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1111 lines (676 loc) · 44.2 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
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
<link rel="stylesheet" href="style.css">
<title>Landkit</title>
</head>
<body>
<!---------------------------------Navigation Starts---------------------------------->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
<script src="jquery.waypoints.min.js"></script>
<script src="jquery.counterup.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<nav class="navbar navbar-expand-lg navbar-light padding">
<div class="container mt-3">
<a class="navbar-brand text-primary" href="#">Landkit.</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav text-capitalize mx-auto">
<!-----------------------------------megamenu1------------------------->
<li class="nav-item active dropdown mr-4 p-2">
<a class="nav-link active text-primary" href="#" data-toggle="dropdown">landing</a>
<div class="dropdown-menu mega-menu1 shadow-lg border-0" aria-labelledby="navbarDropdown">
<div class="row">
<div class="col-lg-6 col-12 mb-3 mb-lg-0">
<div class="megamenu-img mt-n2 rounded-left text-light">
<div class="megamenu-title text-center">
<h6>Want to see an overview?</h6>
<p>See all the pages at once.</p>
<button type="button" class="btn btn-primary btn-white">View all pages</button>
</div>
</div>
</div>
<div class="col-lg-3 col-12 p-3">
<div class="megamenu-hover">
<h6 class="text-primary">services</h6>
<hr>
<p><a href="" class="text-decoration-none">cow working</a></p>
<p><a href="" class="text-decoration-none">rental</a></p>
<p><a href="" class="text-decoration-none">job listing</a></p>
<h6 class="text-primary">apps</h6>
<hr>
<p><a href="" class="text-decoration-none">desktop</a></p>
<p><a href="" class="text-decoration-none">mobile</a></p>
</div>
</div>
<div class="col-lg-3 col-12 p-3">
<div class="megamenu-hover">
<h6 class="text-primary">Webs</h6>
<hr>
<p><a href="" class="text-decoration-none">Basic</a></p>
<p><a href="" class="text-decoration-none">Enterpise</a></p>
<p><a href="" class="text-decoration-none">cloud hosting</a></p>
<p><a href="" class="text-decoration-none">portfolio</a></p>
</div>
</div>
</div>
</div>
</li>
<!-----------------------------------megamenu1 Ends------------------------->
<!----------------------megamenu2 Starts------------------------->
<li class="nav-item dropdown mr-4 p-2">
<a class="nav-link" href="#" data-toggle="dropdown">page</a>
<div class="dropdown-menu mega-menu2 shadow-lg border-0" aria-labelledby="navbarDropdown">
<div class="row">
<div class="col-12 col-lg-6 p-4 p-lg-5">
<div class="megamenu-hover">
<h6 class="text-primary">Carirer</h6>
<hr>
<p><a href="#" class="text-decoration-none">listing</a></p>
<p><a href="#" class="text-decoration-none">company</a></p>
<h6 class="text-primary">Carirer</h6>
<hr>
<p><a href="#" class="text-decoration-none">about</a></p>
<p><a href="#" class="text-decoration-none">pricing</a></p>
<p><a href="#" class="text-decoration-none">term</a></p>
</div>
</div>
<div class="col-12 col-lg-6 p-4 p-lg-5">
<div class="megamenu-hover">
<h6 class="text-primary">helpcenter</h6>
<hr>
<p><a href="#" class="text-decoration-none">overview</a></p>
<p><a href="#" class="text-decoration-none">article</a></p>
<h6 class="text-primary">contact</h6>
<hr>
<p><a href="#" class="text-decoration-none">basic</a></p>
<p><a href="#" class="text-decoration-none">cover</a></p>
</div>
</div>
</div>
</div>
</li>
<!----------------------megamenu2 End------------------------->
<!-------------------------megamenu 3 starts---------------------->
<li class="nav-item dropdown mr-4 p-2">
<a class="nav-link" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
documention
</a>
<div class="dropdown-menu mega-menu3 border-0 shadow-lg" aria-labelledby="navbarDropdown">
<div class="row">
<div class="col-12 p-5">
<div class="">
<a href="#" class="text-decoration-none">
<div class="media">
<i class="fas fa-tasks fa-2x mr-3 mt-1"></i>
<div class="media-body">
<span class="h6 text-primary">documention</span>
<p style="color: black;">customize and building</p>
<hr>
</div>
</div>
</a>
<a href="#" class="text-decoration-none">
<div class="media">
<i class="fas fa-book-reader fa-2x mr-3 mt-1"></i>
<div class="media-body">
<span class="h6 text-primary">components</span>
<p style="color: black;">full list of components</p>
<hr>
</div>
</div>
</a>
<a href="#" class="text-decoration-none">
<div class="media">
<i class="fas fa-envelope-open-text fa-2x mr-3 mt-1"></i>
<div class="media-body">
<span class="h6 text-primary">changelogs</span>
<p style="color: black;">keep track of change logs</p>
<hr>
</div>
<div class="badge badge-pill badge-primary p-1">
3.0 V
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</li>
<!-------------------------megamenu 3 Ends---------------------->
</ul>
</div>
<button class="btn btn-primary btn-top btn-lg d-none d-lg-block" type="submit">Buy now</button>
</div>
</nav>
<!--------------------------------Ends navigation----------------------------->
<!----------------------Banner section satrts----------------------------------->
<div class="container padding">
<div class="banner">
<div class="row">
<div class="col-12 col-lg-6 order-2 order-lg-1">
<div class="banner-left" data-aos="fade-up" data-aos-offset="200" data-aos-delay="50" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="true" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<h6 class="display-4 mb-4">Welcome to <span class="text-primary">Landkit</span><br>
Develop anything.</h6>
<p class="text-muted text-justify mb-5" style="font-size: 25px;">Build a beautiful, modern website with
flexible <br>
Bootstrap components built from scratch.</p>
<a href="#" class="btn btn-lg btn-primary p-2 m-2">View all pages <span><i
class="fas fa-chevron-right ml-1"></i> </span> </a>
<a href="#" class="btn btn-lg btn-banner p-2">Documention</a>
</div>
</div>
<div class="col-12 col-lg-6 order-1 order-lg-2">
<div class="banner_right" data-aos="fade-up" data-aos-offset="50" data-aos-delay="0" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="false"
data-aos-anchor-placement="center-bottom">
</div>
</div>
</div>
</div>
</div>
<!----------------------Banner section Ends----------------------------------->
<!----------------------------------Three column section satrts------------------->
<div class="container padding">
<div class="three-column">
<div class="row">
<div class="col-12 col-lg-4">
<div class="three-column-left" data-aos="fade-up" data-aos-offset="50" data-aos-delay="1000"
data-aos-duration="1000" data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<i class="fas fa-align-justify fa-2x text-primary mb-3"></i>
<h4 class="mb-3">Buid for developers</h4>
<p class="text-justify text-muted">Landkit is built to make your life easier. Variables, build tooling,
documentation,
and reusable components.</p>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="three-column-left" data-aos="fade-up" data-aos-offset="50" data-aos-delay="1000"
data-aos-duration="1000" data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<i class="fas fa-align-justify fa-2x text-primary mb-3"></i>
<h4 class="mb-3">Designed to be modern</h4>
<p class="text-justify text-muted">Landkit is built to make your life easier. Variables, build tooling,
documentation,
and reusable components.</p>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="three-column-left" data-aos="fade-up" data-aos-offset="50" data-aos-delay="1000"
data-aos-duration="1000" data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<i class="fas fa-align-justify fa-2x text-primary mb-3"></i>
<h4 class="mb-3">Documentation for everything</h4>
<p class="text-justify text-muted">Landkit is built to make your life easier. Variables, build tooling,
documentation,
and reusable components.</p>
</div>
</div>
</div>
</div>
</div>
<!------------------------------------------Three column section Ends------------------->
<!-----------------------------------------------Type Script column starts------------------------------>
<div class="container padding">
<div class="row">
<div class="col-12 col-lg-6">
<div class="typed-left" data-aos="fade-right" data-aos-offset="100" data-aos-delay="0" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="top-center">
<div class="card shadow-lg border-0" style="width: 400px;">
<img src="img/photo-2.jpg" alt="" class="card-img-top img-fluid" style="border-radius: 0 0 30px 0">
<div class="card-body">
<form action="index.php">
<input type="text" name="name" id="name" placeholder="Name" class="form-control w-100 border-0 mb-1">
<hr>
<input type="text" name="email" id="email" placeholder="Email" class="form-control w-100 border-0 mb-1">
<hr>
<input type="password" name="pass" id="pass" placeholder="Password"
class="form-control w-100 border-0 mb-3">
<hr>
</form>
<button type="submit" class="btn btn-lg w-100 btn-danger p-2">Download a sample</button>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="typed-right" data-aos="fade-left" data-aos-offset="200" data-aos-delay="0" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<div class="typed" style="margin-top: 100px">
<h3 class="mb-2 text-success">The most useful resource </h3>
<h3 class="mb-2 text-danger">Ever created for <span class="type text-danger"></span></h3>
<p class="text-muted mb-5">Using Landkit to build your site means
never worrying about designing another page or cross browser compatibility.
Our ever-growing library of components
and pre-designed layouts will
make your life easier.
</p>
<div class="row">
<div class="col-12 col-lg-6">
<p class="text-success" style="font-size: 20px"><i class="fas fa-check-circle mr-2"></i> Lifetime
updates</p>
<p class="text-success" style="font-size: 20px"><i class="fas fa-check-circle mr-2"></i> Tons of assets
</p>
</div>
<div class="col-12 col-lg-6">
<p class="text-success" style="font-size: 20px"><i class="fas fa-check-circle mr-2"></i> Lifetime
updates</p>
<p class="text-success" style="font-size: 20px"><i class="fas fa-check-circle mr-2"></i> Tons of assets
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-----------------------------------------------Type Script column Ends------------------------------>
<!------------------------------------Two Columns Starts --------------------------------->
<div class="container padding">
<div class="row">
<div class="col-lg-6 col-12">
<div class="two-left" data-aos="fade-right" data-aos-offset="10" data-aos-delay="0" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="top-center">
<p class="h3 mb-3">We have lots of experience</p>
<h3 class="text-primary mb-3">building Bootstrap themes.</h3>
<p class="text-muted">We've built well over a dozen Bootstrap themes and sold tens of thousands of copies.</p>
<div class="row no-gutter">
<div class="col-3">
<p><i class="fas fa-check-circle fa-3x mb-4 mt-4 text-primary"></i></p>
<p> <i class="fab fa-accusoft fa-3x text-primary"></i></p>
</div>
<div class="col-9">
<h5>Bootstrap users since the beginning</h5>
<p class="text-muted">We've been developing with Bootstrap since it was publicly released in 2011.</p>
<h5>Deep understanding of Bootstrap</h5>
<p class="text-muted">We've been developing with Bootstrap since it was publicly released in 2011.</p>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="two-right" data-aos="fade-left" data-aos-offset="200" data-aos-delay="0" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<img src="img/dashkit.jpg" alt="img" class="img-fluid rotate-img img-thumbnail shadow-lg rounded-lg">
</div>
</div>
</div>
</div>
<!------------------------------------Two Columns Ends --------------------------------->
<!-------------------------------------------Flickity Starts--------------------------------->
<div class="main-carousel container padding">
<div class="carousel-cell">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<img src="img/beautiful-caucasian-connection-914931.jpg" alt="img" class="img-fluid flick-img"
style="border-radius:8px 20px 80px 8px">
</div>
<div class="col-lg-6 col-12 text-center mt-5">
<img src="img/logo-neon-neon-light-2235130.jpg" alt="logo" class="img-fluid mb-5">
<blockquote class="blockquote">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite>
</footer>
</blockquote>
</div>
</div>
</div>
</div>
<div class="carousel-cell">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<img src="img/cheerful-coffee-colleague-1331971.jpg" alt="img" class="img-fluid flick-img"
style="border-radius:8px 20px 80px 8px">
</div>
<div class="col-lg-6 col-12 text-center mt-5">
<svg viewBox="0 0 2761 991" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" style="width:180px">
<g id="instagram" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(130.000000, 198.000000)" fill="currentColor" fill-rule="nonzero" id="Shape">
<path
d="M143.497142,0.251252504 C120.634256,0.251252504 90.9945866,
24.495521 73.5095841,40.6341758 C35.0686047,74.7558316 0.251252504,137.498637
0.251252504,187.859048 C0.251252504,259.418179 61.1096718,286.430218 76.5025801,
286.430218 C81.5776602,286.430218 85.9044914,283.812597 85.9044914,276.925704
C85.9044914,271.5278 82.4810645,267.035804 79.0751552,262.421185 C64.981047,
240.874616 60.4540155,220.311533 60.4540155,192.57627 C60.4540155,134.750887 87.1232113,
81.7478306 109.245356,57.493552 C113.324439,53.1041583 122.541165,43.6221668 125.298925,
43.6221668 C128.036666,43.6221668 128.714845,45.8518988 128.714845,52.7437975 L126.144772,431.225157 C126.144772,
490.391883 109.072683,513.89541 109.072683,527.826856 C109.072683,533.947983 111.722836,535.537074 116.782901,
535.537074 C140.741884,535.537074 164.618284,506.335343 171.382555,495.684681 C192.358552,459.453414 197.503702,431.170102 197.503702,349.588439 L197.503702,31.5500826 C197.503702,22.9414654 195.088785,19.2202405 186.910599,13.9124273 C174.951127,6.31732464 161.24741,0.251252504 143.497142,0.251252504 Z M828.54037,1.30730962 C817.27159,1.30730962 812.454268,7.1982064 811.921234,25.4264529 L809.421232,100.902004 L743.412657,98.6147143 C739.408649,98.5121116 737.599338,99.7783792 735.847584,103.296901 C730.241973,113.807422 727.29152,122.043166 727.29152,135.756894 C727.29152,146.923071 732.354087,148.114263 736.868606,148.114263 L805.547354,150.086237 L805.337143,294.283078 C805.337143,324.866192 786.037825,364.540906 751.793546,397.538937 C751.793546,397.538937 754.738995,387.576465 754.571327,377.123502 C754.571327,347.536385 735.529766,320.724546 710.144355,301.750553 L648.184834,255.138895 C661.172835,240.113855 683.177362,210.314025 683.177362,185.151337 C683.177362,165.641808 670.910082,157.446105 648.042191,157.446105 C615.767384,157.446105 578.337417,187.005694 578.337417,230.847079 C578.337417,246.828076 585.447033,261.212475 596.255353,272.213487 C581.332915,300.526828 560.21928,337.779118 544.541087,364.308173 C532.699233,384.621007 512.66668,415.742159 500.814817,415.742159 C492.076069,415.742159 488.037026,401.993396 488.037026,349.170521 C488.037026,305.28409 491.155147,257.568827 492.719213,211.767981 C492.719213,201.269972 490.997489,191.585278 477.368847,182.090774 C464.831297,174.057733 449.348299,162.839003 433.399834,162.839003 C397.944343,162.839003 373.790165,195.464161 357.221079,227.366094 C340.073915,260.429191 330.802134,288.292081 317.72154,328.717547 L319.165486,189.590781 C319.610932,179.670852 317.105924,175.819496 309.167978,172.443617 C298.87017,168.076746 283.712497,163.041706 270.266538,163.041706 C259.03029,163.041706 257.663923,167.886555 257.663923,179.693374 L256.15241,346.632981 L255.979737,411.019932 C255.979737,469.070541 263.249514,478.75023 297.696495,478.75023 C316.768086,478.75023 322.876701,476.510488 323.254579,460.657119 C323.777602,450.171623 328.792622,424.768694 335.576913,399.293193 C355.419276,324.097923 378.93031,264.623389 419.468389,219.293013 C423.69512,214.89361 426.963391,216.467685 426.297725,222.70643 C426.297725,222.70643 419.88881,324.470796 419.88881,366.094962 C419.88881,440.124065 431.280212,478.752732 468.114584,478.752732 C504.265771,478.752732 539.771312,432.303737 559.153213,400.947349 L621.32795,296.953251 C661.615778,331.282615 689.72892,357.899258 689.72892,390.27917 C689.72892,410.404316 677.031209,430.094025 657.689348,430.094025 C633.517652,430.094025 618.074694,404.603509 601.748351,404.603509 C588.197286,404.603509 570.804877,430.764696 570.804877,445.619566 C570.804877,459.643604 601.40801,479.483464 656.317975,479.483464 C737.376615,479.483464 780.860142,423.85528 806.956264,362.253617 C811.951264,435.366803 841.082925,478.074554 886.518406,478.074554 C916.320738,478.074554 950.765217,440.421863 966.433401,394.428324 C966.433401,394.428324 967.979949,406.367775 979.87936,430.829762 C996.258256,462.774238 1021.15818,477.44142 1052.08664,477.44142 C1090.55515,477.44142 1123.45808,454.120576 1143.54569,414.988905 C1146.59124,444.641087 1171.48866,477.296275 1211.52624,477.296275 C1236.6589,477.296275 1259.57183,458.039499 1274.61189,426.320248 C1274.61189,426.320248 1294.09389,478.707687 1350.44279,478.707687 C1382.09198,478.707687 1419.56949,449.388339 1428.52596,428.084514 L1429.51194,459.065526 L1345.90575,536.165202 C1321.62895,559.731292 1295.8056,593.590185 1295.8056,631.07771 C1295.8056,678.755435 1340.82066,706.170378 1380.43532,706.170378 C1421.61404,706.170378 1448.93639,680.081763 1463.90387,658.222382 C1482.74022,629.936568 1490.69569,576.625703 1490.69569,524.513539 L1488.82882,446.1526 C1545.17772,384.213098 1589.27937,298.599899 1608.91152,238.024263 L1651.68434,236.898136 C1659.97013,236.340077 1659.55722,239.603344 1658.41107,244.433179 C1650.89355,276.199977 1644.32947,312.175989 1644.32947,348.004353 C1644.32947,407.196104 1657.96312,432.954388 1677.56024,454.00546 C1694.5998,471.643116 1711.54426,477.59157 1729.37961,477.59157 C1764.25952,477.59157 1786.15644,448.787738 1793.10089,430.629561 C1809.47979,462.574038 1833.60894,477.45143 1864.5299,477.45143 C1903.0009,477.45143 1935.90384,454.130586 1955.99395,414.998915 C1959.0395,444.651097 1983.93192,477.306285 2023.972,477.306285 C2053.88444,477.306285 2071.23431,460.046508 2084.87796,427.526455 C2085.15324,437.986926 2085.55614,449.138088 2085.86395,459.593554 C2086.22431,465.00397 2090.54864,468.427397 2094.42002,469.83881 C2107.13524,474.651127 2118.29642,477.058537 2128.32145,477.058537 C2154.46762,477.058537 2160.14581,471.688161 2160.14581,454.596052 C2160.14581,426.405333 2160.97163,381.863246 2168.98215,346.099947 C2177.48566,310.494306 2190.31851,270.186458 2208.02624,242.140884 C2209.62033,239.242983 2213.52674,240.003745 2213.69691,243.514759 C2216.23946,303.522327 2220.25347,405.10401 2236.01675,431.400333 C2243.79454,443.942888 2255.82408,453.084539 2273.8246,453.084539 C2282.26555,453.084539 2292.61341,449.485936 2295.26106,447.241189 C2297.94374,445.149095 2299.2951,442.824268 2299.13243,438.512452 C2299.13243,361.800663 2323.05638,287.533822 2347.01286,237.60134 C2347.67102,236.119857 2349.53789,236.004742 2349.47533,237.954193 L2348.13899,293.227021 C2348.13899,384.007893 2354.68304,441.360303 2400.02843,468.932903 C2408.94435,473.921657 2418.99597,476.527218 2429.21264,476.497975 C2452.41337,476.497975 2473.45193,463.540005 2483.84983,442.701645 C2492.32081,426.507935 2500.25626,395.339236 2500.25626,377.684063 C2500.25626,370.849722 2500.33634,359.726087 2489.13262,359.726087 C2482.98897,359.726087 2479.29778,364.255621 2477.82881,371.09747 C2474.25773,385.927314 2471.3273,398.645045 2465.78675,413.307222 C2460.49145,427.303732 2452.58854,435.454391 2443.21916,435.454391 C2432.21315,435.454391 2426.62756,426.793221 2423.43436,421.440363 C2409.3903,400.01892 2408.26417,350.809661 2408.26417,309.736047 L2411.64506,204.017723 C2411.64506,195.271468 2407.9939,184.803489 2394.49789,177.085764 C2385.43883,171.870543 2362.52589,162.053216 2348.48684,162.053216 C2335.46881,162.053216 2329.1675,169.425596 2324.4753,180.24893 C2315.66398,199.688389 2286.21951,275.937214 2278.3241,337.929268 C2278.04132,339.563404 2276.00428,339.90875 2275.86164,337.824163 C2271.75753,293.98528 2269.65292,241.164907 2269.69797,205.529236 C2269.69797,194.755952 2267.06283,179.355536 2244.20996,169.375546 C2233.10384,164.768434 2223.91714,161.948111 2212.69841,161.948111 C2198.77948,161.948111 2195.78648,168.75993 2190.80149,177.786465 C2175.03321,206.920629 2164.12979,244.91366 2147.78593,292.83663 L2148.03368,183.176861 C2148.03368,178.049228 2144.89054,171.3275 2135.88652,169.518189 C2113.56168,164.388053 2103.21882,162.058221 2094.41751,162.058221 C2088.0086,162.058221 2084.48757,167.165834 2084.48757,172.688863 L2083.28887,359.661022 C2078.96955,382.548932 2061.46953,437.181119 2036.64218,437.181119 C2016.26428,437.181119 2006.75476,416.535453 2006.75476,330.234065 L2010.45346,189.976167 C2010.45346,181.117299 2004.63764,177.396074 1996.16166,173.644819 C1984.04203,168.83 1974.39988,166.918086 1962.08255,166.918086 C1946.62207,166.918086 1941.31676,174.317993 1944.44489,192.093286 C1927.45038,169.10027 1910.46087,156.39255 1880.44583,156.39255 C1820.18551,156.39255 1774.76254,228.877607 1774.76254,334.213048 C1774.17195,363.750115 1781.30909,393.107001 1781.30909,393.107001 C1775.85613,417.62154 1763.0383,437.604043 1745.33058,437.604043 C1722.99071,437.604043 1708.75396,406.019927 1708.75396,351.282635 C1708.75396,296.38268 1729.6649,234.463199 1729.6649,217.6814 C1729.6649,198.169369 1716.8796,185.824511 1694.24944,185.824511 C1682.9131,185.824511 1640.8585,195.36406 1619.29942,198.494694 C1619.29942,198.494694 1621.73185,188.226916 1621.55167,180.153835 C1621.55167,160.914576 1612.52514,148.857507 1590.11521,148.857507 C1562.73029,148.857507 1542.62267,168.412081 1542.62267,201.772976 C1542.62267,216.740458 1551.2438,230.589321 1562.65522,238.029268 C1547.84289,299.811112 1523.75878,345.757104 1488.26826,397.085984 L1491.25875,189.237928 C1491.25875,182.481165 1489.45945,178.284464 1476.2237,173.146821 C1469.2267,170.123795 1457.82278,166.6328 1443.44839,166.6328 C1422.61504,166.6328 1423.99392,181.510193 1425.10753,192.648842 C1415.57549,175.746924 1394.7071,155.684341 1362.51238,155.684341 C1274.77956,155.684341 1247.84509,289.468259 1261.05332,384.478364 C1261.05332,396.06246 1249.74199,437.181119 1224.19392,437.181119 C1203.81602,437.181119 1194.3065,416.535453 1194.3065,330.234065 L1198.04024,189.976167 C1198.04024,181.114797 1192.18438,177.393572 1183.70839,173.644819 C1171.58876,168.83 1161.98164,166.918086 1149.66431,166.918086 C1134.20134,166.918086 1128.89603,174.317993 1132.02416,192.090784 C1115.02965,169.097768 1098.0051,156.390047 1067.98756,156.390047 C1007.72724,156.390047 961.703666,222.681405 961.703666,328.011841 C961.703666,368.219589 927.084012,429.576007 902.807211,429.576007 C889.321212,429.576007 874.961838,404.818725 874.961838,341.565408 C875.029405,298.449749 880.910292,151.672825 880.910292,151.672825 L965.647614,150.29895 C969.691662,150.261413 972.034007,145.841989 973.533008,143.119263 C977.424403,135.22386 979.306287,129.966097 979.306287,120.519141 C979.306287,111.995609 977.599578,108.882492 966.668636,108.266876 L882.211595,103.196801 L885.805192,24.5180436 C886.057945,19.5505711 883.059944,16.3123296 877.637016,13.8874023 C861.28815,7.493502 841.23808,1.30981212 828.54037,1.30730962 Z M1085.00209,207.463672 C1107.5947,207.463672 1130.52015,228.069298 1130.52015,301.174977 C1130.52015,393.222116 1096.98658,436.047485 1071.20077,436.047485 C1047.02657,436.047485 1028.67571,401.925829 1028.67571,334.90374 C1028.67571,267.158427 1046.59614,207.463672 1085.00209,207.463672 Z M1898.64404,207.463672 C1921.23666,207.463672 1944.16211,228.069298 1944.16211,301.174977 C1944.16211,393.222116 1910.62854,436.047485 1884.84273,436.047485 C1860.66853,436.047485 1842.31516,401.925829 1842.31516,334.90374 C1842.31766,267.158427 1860.2381,207.463672 1898.64404,207.463672 Z M1382.58497,207.886595 C1412.06948,207.886595 1425.11254,238.277016 1425.11254,297.195994 C1425.11254,386.027414 1398.70611,436.605543 1366.6365,436.605543 C1346.16351,436.605543 1322.62245,402.989393 1323.86369,336.870709 C1323.86369,294.595891 1337.64749,207.886595 1382.58497,207.886595 Z M1432.50244,505.049055 L1432.50244,540.03908 C1432.50244,656.145302 1401.56397,675.96264 1376.70408,675.96264 C1367.28465,675.96264 1344.21156,668.848018 1344.21156,640.124265 C1344.21156,599.971573 1386.19108,554.293349 1399.23664,540.17922 L1432.50244,505.049055 Z">
</path>
</g>
</g>
</svg>
<blockquote class="blockquote">
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante."</p>
<footer class="blockquote-footer">Someone famous in <cite title="Source Title">Source Title</cite>
</footer>
</blockquote>
</div>
</div>
</div>
</div>
</div>
<!-------------------------------------------Flickity Ends--------------------------------->
<!----------------------------------------------Count Up Starts------------------------------->
<div class="container padding">
<div class="row">
<div class="col-12 col-lg-6">
<h3>Stay focused on your business. </h3>
<h4 class="text-primary">Let us handle the design.</h4>
<p class="lead text-muted mb-5">You have a business to run. Stop worring about cross-browser bugs, designing new
pages, keeping your components up to date. Let us do that for you.</p>
<ul class="list-inline">
<li class="list-inline-item border-right">
<h4 class="counter text-dark">100</h4>
<p class="text-muted">Satisfaction</p>
</li>
<li class="list-inline-item border-right">
<h4 class="counter text-dark">247</h4>
<p class="text-muted">Support</p>
</li>
<li class="list-inline-item">
<h4><span class="counter text-dark">100 </span><span class="text-dark">K+</span></h4>
<p class="text-muted">Sales</p>
</li>
</ul>
</div>
<div class="col-12 col-lg-6">
<div class="counter-right">
<img src="img/illustration-8.png" alt="img" class="img-fluid">
</div>
</div>
</div>
</div>
<!----------------------------------------------Count Up Ends------------------------------->
<!----------------------------------------Card Starts--------------------------------------->
<div class="container padding flot">
<div class="row d-none d-lg-block">
<div class="col-12 col-lg-6 cl ">
<div class="card-left" data-aos="fade-up" data-aos-offset="200" data-aos-delay="0" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<div class="card text-center border-0 shadow-lg rounded-lg bg-white" style="height:600px;">
<h3 class="card-header bg-white border-0 mt-4">$535 <sub>/mo</sub></h3>
<p class="text-muted">per seat</p>
<div class="card-body bg-white mt-5">
<ul class="list-unstyled">
<li class="mb-2"> <span><i class="fas fa-check-circle mr-2 text-info"
style="font-size:20px;"></i></span> <span style="font-size:21px;">Rich, responsive landing
pages</span></li>
<li class="mb-2"> <span><i class="fas fa-check-circle mr-2 text-info"
style="font-size:20px;"></i></span> <span style="font-size:21px;">Rich, responsive landing
pages</span></li>
<li class="mb-2"> <span><i class="fas fa-check-circle mr-2 text-info"
style="font-size:20px;"></i></span> <span style="font-size:21px;">Rich, responsive landing
pages</span></li>
<li class="mb-2"> <span><i class="fas fa-check-circle mr-2 text-info"
style="font-size:20px;"></i></span> <span style="font-size:21px;">Rich, responsive landing
pages</span></li>
<li> <span><i class="fas fa-check-circle mr-2 text-info" style="font-size:20px;"></i></span> <span
style="font-size:21px;">Rich, responsive landing pages</span></li>
</ul>
</div>
<button type="button" class="btn btn-info w-100 p-3">Get it now</button>
</div>
</div>
</div>
<div class="col-12 col-lg-6 cr">
<div class="card-right" data-aos="fade-up" data-aos-offset="200" data-aos-delay="1000" data-aos-duration="1000"
data-aos-easing="ease-in-out" data-aos-mirror="false" data-aos-once="true"
data-aos-anchor-placement="center-bottom">
<div class="card text-center border-0 shadow-lg rounded-lg bg-white" style="height:500px; width: 620px;">
<div class="card-header bg-white border-0 mt-5">
<button type="button" class="btn btn-info btn-sm">Enterprise</button>
</div>
<div class="card-body bg-white mt-5">
<p class="lead text-muted">
We offer variable pricing with discounts
for larger organizations. Get in touch with us and we’ll figure out something that works for everyone.
</p>
</div>
<button type="button" class="btn btn-info w-100 p-3">Get it now</button>
</div>
</div>
</div>
</div>
</div>
<!----------------------------------------Card Ends--------------------------------------->
<!--------------------------------------Svg image Starts--------------------------------------------->
<div class="svg-img">
<div class="container svg-main">
<div class="row">
<div class="col-12 col-lg-6">
<div class="svg-left">
<h3><span><i class="fas fa-check-circle text-info mr-2" style="font-size:27px;"></i></span><span
class="text-light">Can I use Landkit for my clients?</span></h3>
<p class="text-muted mb-5">Absolutely. The Bootstrap Themes license allows you to build a websites for
personal use or for a client.</p>
<h3><span><i class="fas fa-check-circle text-info mr-2" style="font-size:27px;"></i></span><span
class="text-light">Do I get free updates?</span></h3>
<p class="text-muted">Absolutely. The Bootstrap Themes license allows you to build a websites for personal
use or for a client.</p>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="svg-right">
<h3><span><i class="fas fa-check-circle text-info mr-2" style="font-size:27px;"></i></span><span
class="text-light">Can I use Landkit for my clients?</span></h3>
<p class="text-muted mb-5">Absolutely. The Bootstrap Themes license allows you to build a websites for
personal use or for a client.</p>
<h3><span><i class="fas fa-check-circle text-info mr-2" style="font-size:27px;"></i></span><span
class="text-light">Do I get free updates?</span></h3>
<p class="text-muted">Absolutely. The Bootstrap Themes license allows you to build a websites for personal
use or for a client.</p>
</div>
</div>
</div>
</div>
</div>
<!--------------------------------------Svg image Ends--------------------------------------------->
<!-----------------------------------------Footer Satrts-------------------------------------------->
<footer class="padding d-none d-lg-block">
<div class="container">
<div class="row">
<div class="col-6 col-lg-4">
<h5 class="text-primary">Landit</h5>
<p class="text-muted mb-4" style="font-size:23px;">A better way to build.</p>
<ul class="list-unstyle list-inline">
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-facebook-square text-muted" style="font-size:22px;"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-twitter text-muted" style="font-size:22px;"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-facebook-square text-muted" style="font-size:22px;"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-twitter text-muted" style="font-size:22px;"></i></a></li>
</ul>
</div>
<div class="col-lg-2">
<ul class="list-unstyled">
<li>
PRODUCTS
</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
</ul>
</div>
<div class="col-lg-2">
<ul class="list-unstyled">
<li>
PRODUCTS
</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
</ul>
</div>
<div class="col-lg-2">
<ul class="list-unstyled">
<li>
PRODUCTS
</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
</ul>
</div>
<div class="col-lg-2">
<ul class="list-unstyled">
<li>
PRODUCTS
</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
</ul>
</div>
</div>
</div>
</footer>
<!------------------------Footer For Mobile version-------------------------->
<footer class="padding d-block d-lg-none">
<div class="container">
<div class="row">
<div class="col-6">
<h5 class="text-primary">Landit</h5>
<p class="text-muted mb-4" style="font-size:23px;">A better way to build.</p>
<ul class="list-unstyle list-inline">
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-facebook-square text-muted" style="font-size:22px;"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-twitter text-muted" style="font-size:22px;"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-facebook-square text-muted" style="font-size:22px;"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com" target="_blank"><i
class="fab fa-twitter text-muted" style="font-size:22px;"></i></a></li>
</ul>
<ul class="list-unstyled">
<li>
PRODUCTS
</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
</ul>
<ul class="list-unstyled">
<li>
PRODUCTS
</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
<li>Page Builder</li>
<li>UI Kit</li>
<li>Styleguide</li>
</ul>
</div>
<div class="col-6">
<ul class="list-unstyled">
<li>
PRODUCTS
</li>