TIF_E41211408/resources/views/landing.blade.php

2876 lines
126 KiB
PHP

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>
Markethon - Digital Marketing Agency Responsive HTML5 Template
</title>
<!-- Favicon -->
<link rel="shortcut icon" href="{{ asset('assets/assetLanding/images/favicon.ico') }}" />
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="{{ asset('assets/assetLanding/css/bootstrap.min.css') }}" />
<!-- Typography CSS -->
<link rel="stylesheet" href="{{ asset('assets/assetLanding/css/typography.css') }}" />
<!-- Style CSS -->
<link rel="stylesheet" href="{{ asset('assets/assetLanding/css/style.css') }}" />
<!-- Responsive CSS -->
<link rel="stylesheet" href="{{ asset('assets/assetLanding/css/responsive.css') }}" />
<style>
.bungkus-progres {
width: 150px;
height: 150px;
position: relative;
margin: auto;
}
.lingkaran-progres {
transform: rotate(-90deg);
}
.latar-progres,
.isi-progres {
fill: none;
stroke-width: 10;
}
.latar-progres {
stroke: #e6e6e6;
}
.isi-progres {
stroke: #28a745;
stroke-linecap: round;
stroke-dasharray: 440;
stroke-dashoffset: 440;
transition: stroke-dashoffset 1s ease;
}
.teks-progres {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
font-weight: bold;
}
.teks-label {
text-align: center;
margin-top: 10px;
font-weight: 600;
color: #000;
}
</style>
</head>
<body>
<!-- loading -->
<div id="loading">
<div id="loading-center">
<img src="{{ asset('assets/assetLanding/images/loader.gif') }}" alt="loder" />
</div>
</div>
<!-- loading End -->
<!-- Header -->
<header id="main-header" class="header-two">
<!-- menu start -->
<nav id="menu-1" class="mega-menu" data-color="">
<!-- menu list items container -->
<div class="menu-list-items">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<!-- menu logo -->
<ul class="menu-logo">
<li>
<a href="index.html"
><img
src="{{ asset('assets/assetLanding/images/logo-white.png') }}"
alt="logo"
class="img-fluid"
/></a>
</li>
</ul>
<!-- menu search bar -->
<ul class="menu-search-bar pull-right">
<li>
<form method="post" action="#">
<label>
<input
name="menu_search_bar"
placeholder="Search"
type="search"
/>
<i class="fas fa-search"></i>
</label>
</form>
</li>
</ul>
<!-- menu links -->
<ul class="menu-links">
<!-- active class -->
<li>
<a href="javascript:void(0)" class="active">Home</a>
</li>
<li>
<a href="javascript:void(0)">Pages</a>
<!-- drop down full width -->
<ul class="drop-down-multilevel">
<li>
<a href="javascript:void(0)">
About <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li><a href="about-us.html">About us</a></li>
<li><a href="about-me.html">About me</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">
Other Pages <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li><a href="coming-soon.html">Comming Soon</a></li>
<li><a href="client.html">Clients</a></li>
<li><a href="process.html">Process</a></li>
<li><a href="404.html">404 Page</a></li>
<li>
<a href="privacy-policy.html">Privacy Policy</a>
</li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="thankyou.html">Thank You</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">
Services <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li><a href="service.html">Service</a></li>
<li>
<a href="service-detail.html">Service Details</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)"
>Team <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li><a href="team.html">Team</a></li>
<li><a href="team-detail.html">Team Details</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)"
>Login Register <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li>
<a href="password-reset.html">Password Reset</a>
</li>
</ul>
</li>
<li><a href="pricing.html">Pricing Table</a></li>
<li><a href="faq.html">FAQ</a></li>
</ul>
</li>
<li>
<a href="javascript:void(0)">Portfolio</a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li><a href="portfolio.html">Portfolio</a></li>
<li>
<a href="porfolio-detail.html">Portfolio Details</a>
</li>
<li>
<a href="portfolio-two.html">Portfolio 2 column</a>
</li>
<li>
<a href="full-3-portfolio.html">Portfolio 3 column</a>
</li>
<li>
<a href="full-4-portfolio.html">Portfolio 4 column</a>
</li>
<li>
<a href="full-5-portfolio.html">Portfolio 5 column</a>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)">Blog</a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li>
<a href="javascript:void(0)">
Blog Details <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li>
<a href="blog-details-left-sidebar.html"
>Blog Detail Left Sidebar</a
>
</li>
<li>
<a href="blog-details-right-sidebar.html"
>Blog Detail Right Sidebar</a
>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)">
Blog Grid <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li>
<a href="all-blog-grid.html">All Blog Grid</a>
</li>
<li>
<a href="blog-grid-left-sidebar.html"
>Blog Grid Left Sidebar</a
>
</li>
<li>
<a href="blog-grid-right-sidebar.html"
>Blog Grid Right Sidebar</a
>
</li>
</ul>
</li>
<li>
<a href="javascript:void(0)">
Blog List <i class="fas fa-angle-right"></i
></a>
<!-- drop down third level -->
<ul class="drop-down-multilevel">
<li>
<a href="all-blog-list.html">All Blog List</a>
</li>
<li>
<a href="blog-list-left-sidebar.html"
>Blog List Left Sidebar</a
>
</li>
<li>
<a href="blog-list-right-sidebar.html"
>Blog List Right Sidebar</a
>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="contact-us.html">Contact us</a></li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<!-- menu end -->
</header>
<!-- Header END -->
<!-- Banner -->
<div class="iq-banner">
<div
id="rev_slider_12_1_wrapper"
class="rev_slider_wrapper fullwidthbanner-container"
data-alias="marketive-two"
data-source="gallery"
style="
margin: 0px auto;
background: transparent;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
"
>
<!-- START REVOLUTION SLIDER 5.4.3.1 fullwidth mode -->
<div
id="rev_slider_12_1"
class="rev_slider fullwidthabanner"
style="display: none"
data-version="5.4.3.1"
>
<ul>
<!-- SLIDE -->
<li
data-index="rs-41"
data-transition="fade"
data-slotamount="default"
data-hideafterloop="0"
data-hideslideonmobile="off"
data-easein="default"
data-easeout="default"
data-masterspeed="600"
data-rotate="0"
data-saveperformance="off"
data-title="Slide"
data-param1=""
data-param2=""
data-param3=""
data-param4=""
data-param5=""
data-param6=""
data-param7=""
data-param8=""
data-param9=""
data-param10=""
data-description=""
>
<!-- MAIN IMAGE -->
<img
src="{{ asset('assets/assetLanding/revslider/assets/b5690-bg-2.jpg') }}"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
data-bgparallax="off"
class="rev-slidebg"
data-no-retina
/>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<h1
class="tp-caption tp-resizeme"
id="slide-41-layer-1"
data-x="60"
data-y="center"
data-voffset="-60"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1020,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="
z-index: 5;
text-transform: capitalize;
white-space: nowrap;
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: rgba(255, 255, 255, 1);
font-family: 'Nunito', sans-serif;
"
>
We Manage<br />Your Business.
</h1>
<!-- LAYER NR. 2 -->
<p
class="tp-caption tp-resizeme"
id="slide-41-layer-2"
data-x="59"
data-y="center"
data-voffset="60"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="
z-index: 6;
white-space: nowrap;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
font-family: 'Poppins', sans-serif;
"
>
There are many variations of passages of Lorem Ipsum
available,<br />but the majority have suffered alteration in
some form.
</p>
<!-- LAYER NR. 3 -->
<div
class="tp-caption rev-btn button button-sm rev-withicon tp-resizeme rs-hover-ready"
id="slide-41-layer-3"
data-x="60"
data-y="center"
data-voffset="140"
data-width="['auto']"
data-height="['auto']"
data-type="button"
data-responsive_offset="on"
data-responsive="on"
data-frames='[{"delay":600,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":""}]'
data-textAlign="['left','left','left','left']"
data-paddingtop=""
data-paddingright="[35,35,35,35]"
data-paddingbottom=""
data-paddingleft="[35,35,35,35]"
style="
z-index: 7;
white-space: nowrap;
font-size: 18px;
line-height: 50px;
height: auto;
font-weight: 300;
color: rgb(255, 255, 255);
font-family: Nunito;
padding: 0px 35px;
border-color: rgb(0, 0, 0);
border-radius: 30px;
outline: none;
box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
box-sizing: border-box;
cursor: pointer;
visibility: inherit;
transition: none 0s ease 0s;
text-align: inherit;
margin: 0px;
letter-spacing: 1px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
transform: matrix3d(
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1
);
transform-origin: 50% 50% 0px;
border-width: 0px;
"
>
Get Started
</div>
<!-- LAYER NR. 4 -->
<div
class="tp-caption tp-resizeme"
id="slide-41-layer-4"
data-x="634"
data-y="222"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":900,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/81a17-Untitled-57.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 5 -->
<div
class="tp-caption tp-resizeme"
id="slide-41-layer-5"
data-x="609"
data-y="451"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":900,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/0d1ed-Untitled-58.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 6 -->
<div
class="tp-caption tp-resizeme"
id="slide-41-layer-6"
data-x="734"
data-y="210"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1200,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/a9361-09.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 7 -->
<div
class="tp-caption tp-resizeme"
id="slide-41-layer-7"
data-x="772"
data-y="531"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 11"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/0f298-01.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 10 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-41-layer-10"
data-x="992"
data-y="191"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 14"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/af220-05.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 11 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-41-layer-12"
data-x="1189"
data-y="130"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 16"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/91840-08.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
</li>
<!-- SLIDE -->
<li
data-index="rs-42"
data-transition="fade"
data-slotamount="default"
data-hideafterloop="0"
data-hideslideonmobile="off"
data-easein="default"
data-easeout="default"
data-masterspeed="300"
data-rotate="0"
data-saveperformance="off"
data-title="Slide"
data-param1=""
data-param2=""
data-param3=""
data-param4=""
data-param5=""
data-param6=""
data-param7=""
data-param8=""
data-param9=""
data-param10=""
data-description=""
>
<!-- MAIN IMAGE -->
<img
src="{{ asset('assets/assetLanding/revslider/assets/b5690-bg-2.jpg') }}"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
data-bgparallax="off"
class="rev-slidebg"
data-no-retina
/>
<!-- LAYERS -->
<!-- LAYER NR. 12 -->
<h1
class="tp-caption tp-resizeme"
id="slide-42-layer-1"
data-x="56"
data-y="center"
data-voffset="-60"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1020,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="
z-index: 5;
white-space: nowrap;
text-transform: capitalize;
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: rgba(255, 255, 255, 1);
font-family: 'Nunito', sans-serif;
"
>
Everyday is<br />New Beginning.
</h1>
<!-- LAYER NR. 13 -->
<p
class="tp-caption tp-resizeme"
id="slide-42-layer-2"
data-x="59"
data-y="center"
data-voffset="50"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="
z-index: 6;
white-space: nowrap;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
font-family: 'Poppins', sans-serif;
"
>
There are many variations of passages of Lorem Ipsum
available,<br />but the majority have suffered alteration in
some form.
</p>
<!-- LAYER NR. 14 -->
<div
class="tp-caption rev-btn button button-sm rev-withicon tp-resizeme rs-hover-ready"
id="slide-42-layer-3"
data-x="60"
data-y="center"
data-voffset="130"
data-width="['auto']"
data-height="['auto']"
data-type="button"
data-responsive_offset="on"
data-responsive="on"
data-frames='[{"delay":600,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":""}]'
data-textAlign="['left','left','left','left']"
data-paddingtop=""
data-paddingright="[35,35,35,35]"
data-paddingbottom=""
data-paddingleft="[35,35,35,35]"
style="
z-index: 7;
white-space: nowrap;
font-size: 18px;
line-height: 50px;
height: auto;
font-weight: 300;
color: rgb(255, 255, 255);
font-family: Nunito;
padding: 0px 35px;
border-color: rgb(0, 0, 0);
border-radius: 30px;
outline: none;
box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
box-sizing: border-box;
cursor: pointer;
visibility: inherit;
transition: none 0s ease 0s;
text-align: inherit;
margin: 0px;
letter-spacing: 1px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
transform: matrix3d(
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1
);
transform-origin: 50% 50% 0px;
border-width: 0px;
"
>
Get Started
</div>
<!-- LAYER NR. 15 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-4"
data-x="626"
data-y="219"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":900,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/81a17-Untitled-57.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 16 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-5"
data-x="630"
data-y="468"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":900,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9"
>
<img
src="{{ asset('assets/assetLanding/') }}revslider/assets/0d1ed-Untitled-58.png"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 17 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-14"
data-x="747"
data-y="443"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1200,"speed":300,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/4c71e-09.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 18 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-13"
data-x="859"
data-y="317"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1200,"speed":1500,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 11"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/7b389-06.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 19 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-15"
data-x="1109"
data-y="462"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1200,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 12"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/871fe-07.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 20 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-16"
data-x="895"
data-y="527"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":300,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 13"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/ed9b4-12.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 21 -->
<div
class="tp-caption tp-resizeme"
id="slide-42-layer-17"
data-x="1069"
data-y="203"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1500,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 14"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/b9754-01.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 22 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-42-layer-18"
data-x="690"
data-y="342"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1800,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 15"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/bea0c-04.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 23 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-42-layer-19"
data-x="1161"
data-y="374"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1800,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 16"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/c18a0-05.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 24 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-42-layer-20"
data-x="1222"
data-y="283"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 17"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/3b231-10.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 25 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-42-layer-21"
data-x="936"
data-y="174"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 18"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/5f84f-11.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
</li>
<!-- SLIDE -->
<li
data-index="rs-43"
data-transition="fade"
data-slotamount="default"
data-hideafterloop="0"
data-hideslideonmobile="off"
data-easein="default"
data-easeout="default"
data-masterspeed="300"
data-rotate="0"
data-saveperformance="off"
data-title="Slide"
data-param1=""
data-param2=""
data-param3=""
data-param4=""
data-param5=""
data-param6=""
data-param7=""
data-param8=""
data-param9=""
data-param10=""
data-description=""
>
<!-- MAIN IMAGE -->
<img
src="{{ asset('assets/assetLanding/revslider/assets/b5690-bg-2.jpg') }}"
alt=""
data-bgposition="center center"
data-bgfit="cover"
data-bgrepeat="no-repeat"
data-bgparallax="off"
class="rev-slidebg"
data-no-retina
/>
<!-- LAYERS -->
<!-- LAYER NR. 27 -->
<h1
class="tp-caption tp-resizeme"
id="slide-43-layer-1"
data-x="56"
data-y="center"
data-voffset="-70"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1020,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="
z-index: 5;
white-space: nowrap;
text-transform: capitalize;
font-size: 60px;
line-height: 70px;
font-weight: 700;
color: rgba(255, 255, 255, 1);
font-family: 'Nunito', sans-serif;
"
>
Best Digital<br />Marketing Solution.
</h1>
<!-- LAYER NR. 28 -->
<p
class="tp-caption tp-resizeme"
id="slide-43-layer-2"
data-x="58"
data-y="center"
data-voffset="50"
data-width="['auto']"
data-height="['auto']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":600,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="
z-index: 6;
white-space: nowrap;
font-size: 16px;
line-height: 30px;
font-weight: 400;
color: rgba(255, 255, 255, 1);
font-family: 'Poppins', sans-serif;
"
>
There are many variations of passages of Lorem Ipsum
available,<br />but the majority have suffered alteration in
some form.
</p>
<!-- LAYER NR. 29 -->
<div
class="tp-caption rev-btn button button-sm rev-withicon tp-resizeme rs-hover-ready"
id="slide-43-layer-3"
data-x="60"
data-y="center"
data-voffset="130"
data-width="['auto']"
data-height="['auto']"
data-type="button"
data-responsive_offset="on"
data-responsive="on"
data-frames='[{"delay":600,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"x:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":""}]'
data-textAlign="['left','left','left','left']"
data-paddingtop=""
data-paddingright="[35,35,35,35]"
data-paddingbottom=""
data-paddingleft="[35,35,35,35]"
style="
z-index: 7;
white-space: nowrap;
font-size: 18px;
line-height: 50px;
height: auto;
font-weight: 300;
color: rgb(255, 255, 255);
font-family: Nunito;
padding: 0px 35px;
border-color: rgb(0, 0, 0);
border-radius: 30px;
outline: none;
box-shadow: rgb(153, 153, 153) 0px 0px 0px 0px;
box-sizing: border-box;
cursor: pointer;
visibility: inherit;
transition: none 0s ease 0s;
text-align: inherit;
margin: 0px;
letter-spacing: 1px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
transform: matrix3d(
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1,
0,
0,
0,
0,
1
);
transform-origin: 50% 50% 0px;
border-width: 0px;
"
>
Get Started
</div>
<!-- LAYER NR. 30 -->
<div
class="tp-caption tp-resizeme"
id="slide-43-layer-4"
data-x="622"
data-y="218"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":900,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/81a17-Untitled-57.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 31 -->
<div
class="tp-caption tp-resizeme"
id="slide-43-layer-5"
data-x="630"
data-y="468"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":900,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 9"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/0d1ed-Untitled-58.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 32 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-43-layer-23"
data-x="970"
data-y="227"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1500,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 10"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/43474-07.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 33 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-43-layer-24"
data-x="724"
data-y="212"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1200,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 11"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/4d9ed-08.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 34 -->
<div
class="tp-caption tp-resizeme rs-parallaxlevel-1"
id="slide-43-layer-25"
data-x="866"
data-y="415"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":1800,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 12"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/95fe8-05.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 35 -->
<div
class="tp-caption tp-resizeme"
id="slide-43-layer-26"
data-x="1173"
data-y="441"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 13"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/54e08-09.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 36 -->
<div
class="tp-caption tp-resizeme"
id="slide-43-layer-27"
data-x="684"
data-y="260"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 14"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/bd913-10.png') }}"
alt=""
data-ww="auto"
data-hh="auto"
data-no-retina
/>
</div>
<!-- LAYER NR. 37 -->
<div
class="tp-caption tp-resizeme"
id="slide-43-layer-28"
data-x="953"
data-y="170"
data-width="['none','none','none','none']"
data-height="['none','none','none','none']"
data-type="image"
data-responsive_offset="on"
data-frames='[{"delay":2100,"speed":1000,"text_c":"transparent","bg_c":"transparent","use_text_c":false,"use_bg_c":false,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"use_text_c":false,"use_bg_c":false,"text_c":"transparent","bg_c":"transparent","frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['left','left','left','left']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 15"
>
<img
src="{{ asset('assets/assetLanding/revslider/assets/9f862-06.png') }}"
alt=""
data-ww="59px"
data-hh="39px"
data-no-retina
/>
</div>
</li>
</ul>
<div
class="tp-bannertimer tp-bottom"
style="visibility: hidden !important"
></div>
</div>
</div>
</div>
<!-- Banner END -->
<!-- Main Content -->
<div class="main-content">
<section class="iq-solutions position-relative">
<div class="container">
<div class="batang-progres text-center">
<div class="bungkus-progres">
<svg width="150" height="150" class="lingkaran-progres">
<circle class="latar-progres" cx="75" cy="75" r="70"></circle>
<circle
class="isi-progres"
cx="75"
cy="75"
r="70"
data-persentase="76"
></circle>
</svg>
<div class="teks-progres" id="nilai-progres"></div>
</div>
<p class="teks-label">Marketing</p>
</div>
</div>
</section>
<!--Solutions From -->
<section class="iq-solutions position-relative">
<div class="container">
<div class="row no-gutters flex-row-reverse">
<div class="col-lg-6">
<img src="{{ asset('assets/assetLanding/images/others/1.png') }}" class="img-fluid" alt="" />
</div>
<div class="col-lg-6 align-self-center">
<h2 class="iq-fw-8 mb-2 iq-mt-40">
Best Digital Marketing Solution
</h2>
<p class="mb-3">
Progravida nibh vel velit auctor alinean sollicitudin, lorem
quis bibendum auctor, nisi elit consequat ipsum,Lorem
Ipsum.lorem quis bibendum auctor.
</p>
<ul class="listing-mark">
<li>Simply dummy text of the Lorem Ipsum is printing.</li>
<li>Dummy text of the printing and typesetting industry.</li>
<li>Text of the printing and typesetting industry.</li>
<li>Ipsum has been the industry's standard dummy.</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Solutions END -->
<!-- Choose From -->
<section class="iq-choose-info position-relative iq-rmt-40">
<div class="container">
<div class="row">
<div class="col-lg-6 align-self-center">
<img
src="{{ asset('assets/assetLanding/images/others/31.png') }}"
class="img-fluid wow fadeInLeft"
alt=""
/>
</div>
<div class="col-lg-6 wow fadeInRight">
<h2 class="iq-fw-8 mb-2 iq-mt-40">Why Choose Us</h2>
<p class="iq-font-18 mb-3">
Progravida nibh vel velit auctor alinean sollicitudin, lorem
quis bibendum auctor, nisi elit consequat ipsum.
</p>
<ul class="iq-project-info">
<li>
<div class="media service-info mt-0 mb-0">
<div class="iq-feature-shap">
<i class="ion-ios-cloud-download-outline"></i>
</div>
<div class="media-body ml-3">
<h5 class="mt-0 mb-2 iq-fw-8">
<a href="service-detail.html">Data Analysis</a>
</h5>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor
</p>
</div>
</div>
</li>
<li>
<div class="media service-info mt-0 mb-0">
<div class="iq-feature-shap">
<i class="ion-ios-pie-outline"></i>
</div>
<div class="media-body ml-3">
<h5 class="mt-0 mb-2 iq-fw-8">
<a href="service-detail.html">PPC Marketing</a>
</h5>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor
</p>
</div>
</div>
</li>
<li>
<div class="media service-info mt-0 mb-0">
<div class="iq-feature-shap">
<i class="ion-ios-world-outline"></i>
</div>
<div class="media-body ml-3">
<h5 class="mt-0 mb23 iq-fw-8">
<a href="service-detail.html">Business Analytics</a>
</h5>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor
</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="scrollme">
<img
src="{{ asset('assets/assetLanding/images/others/32.png') }}"
class="img-fluid iqwork-right animateme"
data-when="exit"
data-from="0.5"
data-to="0"
data-translatey="100"
alt="image"
/>
</div>
</section>
<!-- Choose From End -->
<!-- Service Info -->
<section class="iq-project-info position-relative iq-rmt-40 pt-0">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<div class="section-title">
<p class="text-uppercase iq-fw-3 iq-ls-3">Features</p>
<h2 class="title iq-fw-8">Our Special Features</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="media iq-project-info">
<div class="media-body mr-3 text-right float-left">
<h5 class="mt-0 mb-1 iq-fw-8">
<a href="service-detail.html">Data Analysis</a>
</h5>
<p class="mb-0">
It is a long established fact that a reader
</p>
</div>
<div class="service-shap align-self-center float-right">
<i class="ion-ios-cloud-download-outline"></i>
</div>
</div>
<div class="media iq-project-info">
<div class="media-body mr-3 text-right float-left">
<h5 class="mt-0 mb-1 iq-fw-8">
<a href="service-detail.html">PPC Marketing</a>
</h5>
<p class="mb-0">
It is a long established fact that a reader
</p>
</div>
<div class="service-shap align-self-center float-right">
<i class="ion-ios-pie-outline"></i>
</div>
</div>
<div class="media iq-project-info mb-0">
<div class="media-body mr-3 text-right float-left">
<h5 class="mt-0 mb-1 iq-fw-8">
<a href="service-detail.html">Business Analytics</a>
</h5>
<p class="mb-0">
It is a long established fact that a reader
</p>
</div>
<div class="service-shap align-self-center float-right">
<i class="ion-ios-world-outline"></i>
</div>
</div>
</div>
<div class="col-md-4 align-self-center feature-images">
<img src="{{ asset('assets/assetLanding/images/others/33.png') }}" class="img-fluid" alt="image" />
</div>
<div class="col-sm-12 col-md-6 col-lg-4">
<div class="media iq-project-info">
<div class="service-shap align-self-center">
<i class="ion-ios-gear-outline"></i>
</div>
<div class="media-body ml-3">
<h5 class="mt-0 mb-1 iq-fw-8">
<a href="service-detail.html">Social Marketing</a>
</h5>
<p class="mb-0">
It is a long established fact that a reader
</p>
</div>
</div>
<div class="media iq-project-info">
<div class="service-shap align-self-center">
<i class="ion-ios-briefcase-outline"></i>
</div>
<div class="media-body ml-3">
<h5 class="mt-0 mb-1 iq-fw-8">
<a href="service-detail.html">Business Analytics</a>
</h5>
<p class="mb-0">
It is a long established fact that a reader
</p>
</div>
</div>
<div class="media iq-project-info mb-0">
<div class="service-shap align-self-center">
<i class="ion-ios-gear-outline"></i>
</div>
<div class="media-body ml-3">
<h5 class="mt-0 mb-1 iq-fw-8">
<a href="service-detail.html">Research</a>
</h5>
<p class="mb-0">
It is a long established fact that a reader
</p>
</div>
</div>
</div>
</div>
</div>
<div class="scrollme">
<img
src="{{ asset('assets/assetLanding/images/others/32.png') }}"
class="img-fluid service-right animateme"
data-when="exit"
data-from="0.5"
data-to="0"
data-translatey="100"
alt="image"
/>
</div>
</section>
<!--Project Info End -->
<!-- Video -->
<div class="iq-videos overview-block-ptb position-relative iq-rmt-40">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 position-relative">
<img src="{{ asset('assets/assetLanding/') }}images/video/2.png" class="img-fluid w-100" alt="" />
<div class="waves-box">
<a
href="https://www.youtube.com/watch?v=0O2aH4XLbto"
class="video-play popup-youtube"
><i class="fas fa-play"></i
></a>
<div class="iq-waves">
<div class="waves wave-1"></div>
<div class="waves wave-2"></div>
<div class="waves wave-3"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Video END -->
<!-- Team section -->
<section class="iq-bestteam main-bg position-relative pt-0">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<div class="section-title">
<p class="mt-5 text-uppercase text-white iq-fw-3 iq-ls-3">
Meet the team
</p>
<h2 class="title text-white iq-fw-8">Our Best Team</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-6">
<div class="team-box">
<div class="team-img text-center">
<img
src="{{ asset('assets/assetLanding/images/team/01.jpg') }}"
class="img-fluid rounded-circle"
alt="image"
/>
</div>
<div class="team-detail">
<a class="team-plus" href="#"><i class="fas fa-plus"></i></a>
<div class="team-info">
<h6 class="mb-0 text-white">
<a href="team-detail.html">Marie Mart</a>
</h6>
<span class="mb-0 text-white text-gray iq-fw-4"
>Web Designer</span
>
</div>
</div>
<div class="team-hover">
<p>
Progravida nibh vel velit auctor alinean sollicitudin nisi
elit consequat ipsum.
</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team-box">
<div class="team-img text-center">
<img
src="{{ asset('assets/assetLanding/images/team/02.jpg') }}"
class="img-fluid rounded-circle"
alt="image"
/>
</div>
<div class="team-detail">
<a class="team-plus" href="#"><i class="fas fa-plus"></i></a>
<div class="team-info">
<h6 class="mb-0 text-white">
<a href="team-detail.html">Kips Leo</a>
</h6>
<span class="mb-0 text-white text-gray iq-fw-4"
>Web Designer</span
>
</div>
</div>
<div class="team-hover">
<p>
Progravida nibh vel velit auctor alinean sollicitudin nisi
elit consequat ipsum.
</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team-box">
<div class="team-img text-center">
<img
src="{{ asset('assets/assetLanding/images/team/03.jpg') }}"
class="img-fluid rounded-circle"
alt="image"
/>
</div>
<div class="team-detail">
<a class="team-plus" href="#"><i class="fas fa-plus"></i></a>
<div class="team-info">
<h6 class="mb-0 text-white">
<a href="team-detail.html">Glen Jax</a>
</h6>
<span class="mb-0 text-white text-gray iq-fw-4"
>Web Designer</span
>
</div>
</div>
<div class="team-hover">
<p>
Progravida nibh vel velit auctor alinean sollicitudin nisi
elit consequat ipsum.
</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="team-box">
<div class="team-img text-center">
<img
src="{{ asset('assets/assetLanding/images/team/04.jpg') }}"
class="img-fluid rounded-circle"
alt="image"
/>
</div>
<div class="team-detail">
<a class="team-plus" href="#"><i class="fas fa-plus"></i></a>
<div class="team-info">
<h6 class="mb-0 text-white">
<a href="team-detail.html">Nik Jorden</a>
</h6>
<span class="mb-0 text-white text-gray iq-fw-4"
>Web Designer</span
>
</div>
</div>
<div class="team-hover">
<p>
Progravida nibh vel velit auctor alinean sollicitudin nisi
elit consequat ipsum.
</p>
<ul class="list-inline">
<li class="list-inline-item">
<a href="#"><i class="fab fa-facebook-f"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-twitter"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</li>
<li class="list-inline-item">
<a href="#"><i class="fab fa-instagram"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Team END -->
<!-- Testimonial -->
<section class="iq-testimonial">
<div class="container position-relative">
<div class="row no-gutters">
<div class="col-lg-4 align-self-center">
<h2 class="iq-fw-8 mb-2">Check What's Our Client Say</h2>
<p class="">
Progravida nibh vel velit auctor alinean sollicitudin.
</p>
</div>
<div class="col-lg-8">
<div class="testimonial-block">
<div
class="owl-carousel"
data-autoplay="true"
data-loop="true"
data-nav="true"
data-dots="false"
data-items="2"
data-items-laptop="2"
data-items-tab="2"
data-items-mobile="1"
data-items-mobile-sm="1"
data-margin="20"
>
<div class="item">
<div class="testimonial-box">
<img
src="{{ asset('assets/assetLanding/images/testimonials/01.jpg') }}"
class="img-fluid mb-5 img-shap"
alt=""
/>
<p class="testimonial-info">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor, nisi elit consequat.
</p>
<h6 class="mb-5">
Marie Mart
<span
><strong class="text-black">CEO -</strong
><span class="iq-fw-4 ml-0"> Markethon</span></span
>
</h6>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<img
src="{{ asset('assets/assetLanding/images/testimonials/02.jpg') }}"
class="img-fluid mb-5 img-shap"
alt=""
/>
<p class="testimonial-info">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor, nisi elit consequat.
</p>
<h6 class="mb-5">
Kips Leo
<span
><strong class="text-black">CEO -</strong
><span class="iq-fw-4 ml-0"> Markethon</span></span
>
</h6>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<img
src="{{ asset('assets/assetLanding/images/testimonials/03.jpg') }}"
class="img-fluid mb-5 img-shap"
alt=""
/>
<p class="testimonial-info">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor, nisi elit consequat.
</p>
<h6 class="mb-5">
Glen Jax
<span
><strong class="text-black">CEO -</strong
><span class="iq-fw-4 ml-0"> Markethon</span></span
>
</h6>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<img
src="{{ asset('assets/assetLanding/images/testimonials/04.jpg') }}"
class="img-fluid mb-5 img-shap"
alt=""
/>
<p class="testimonial-info">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor, nisi elit consequat.
</p>
<h6 class="mb-5">
Nik Jorden
<span
><strong class="text-black">CEO -</strong
><span class="iq-fw-4 ml-0"> Markethon</span></span
>
</h6>
</div>
</div>
<div class="item">
<div class="testimonial-box">
<img
src="{{ asset('assets/assetLanding/images/testimonials/03.jpg') }}"
class="img-fluid mb-5 img-shap"
alt=""
/>
<p class="testimonial-info">
Progravida nibh vel velit auctor alinean sollicitudin,
lorem quis bibendum auctor, nisi elit consequat.
</p>
<h6 class="mb-5">
JD Scot
<span
><strong class="text-black">CEO -</strong
><span class="iq-fw-4 ml-0"> Markethon</span></span
>
</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial END -->
<!--
Pricing -->
<section class="iq-pricing-table pt-0 iq-rmt-40">
<div class="container">
<div class="row">
<div class="col-sm-12 text-center">
<div class="section-title">
<p class="mb-0 text-uppercase iq-fw-5 iq-ls-2">Our Pricing</p>
<h2 class="title iq-fw-8">Our Popular Pricing Plans</h2>
</div>
</div>
</div>
<div class="row text-center">
<div class="col-sm-12">
<ul class="nav nav-pills iq-mt-40" id="pills-tab" role="tablist">
<li class="nav-item">
<a
class="nav-link active"
id="monthly-tab"
data-toggle="pill"
href="#monthly"
role="tab"
aria-controls="monthly"
aria-selected="true"
>Monthly</a
>
</li>
<li class="nav-item">
<a
class="nav-link"
id="yearly-tab"
data-toggle="pill"
href="#yearly"
role="tab"
aria-controls="yearly"
aria-selected="false"
>Yearly</a
>
</li>
</ul>
<div class="tab-content iq-mt-80" id="pills-tabContent">
<div
class="tab-pane fade show active"
id="monthly"
role="tabpanel"
aria-labelledby="monthly-tab"
>
<div class="row pricing1 text-center">
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="iq-pricing white-bg">
<div class="pricing-header mb-5">
<h6 class="iq-fw-6 mb-2">Start Up</h6>
<h3 class="iq-fw-8">$19.99</h3>
</div>
<ul class="">
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Email Marketing
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>Content Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Voice Optimize
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>SEO Consulting
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>Video Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Advertising
</li>
</ul>
<a class="slide-button button mt-5" href="pricing.html">
<div class="first">Purchase</div>
<div class="second">Purchase</div>
</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="iq-pricing active white-bg">
<div class="pricing-header mb-5">
<h6 class="iq-fw-6 mb-2">Professional</h6>
<h3 class="iq-fw-8">$29.99</h3>
</div>
<ul class="">
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Email Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Content Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Voice Optimize
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>SEO Consulting
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>Video Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Advertising
</li>
</ul>
<a class="slide-button button mt-5" href="pricing.html">
<div class="first">Purchase</div>
<div class="second">Purchase</div>
</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
<div class="iq-pricing white-bg">
<div class="pricing-header mb-5">
<h6 class="iq-fw-6 mb-2">Advanced</h6>
<h3 class="iq-fw-8">$45.99</h3>
</div>
<ul class="">
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Email Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Content Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Voice Optimize
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>SEO Consulting
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Video Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Advertising
</li>
</ul>
<a class="slide-button button mt-5" href="pricing.html">
<div class="first">Purchase</div>
<div class="second">Purchase</div>
</a>
</div>
</div>
</div>
</div>
<div
class="tab-pane fade"
id="yearly"
role="tabpanel"
aria-labelledby="yearly-tab"
>
<div class="row pricing1 text-center">
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
<div class="iq-pricing white-bg">
<div class="pricing-header mb-5">
<h6 class="iq-fw-6 mb-2">Start Up</h6>
<h3 class="iq-fw-8">$9.99</h3>
</div>
<ul class="">
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Email Marketing
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>Content Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Voice Optimize
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>SEO Consulting
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>Video Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Advertising
</li>
</ul>
<a class="slide-button button mt-5" href="pricing.html">
<div class="first">Purchase</div>
<div class="second">Purchase</div>
</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
<div class="iq-pricing active white-bg">
<div class="pricing-header mb-5">
<h6 class="iq-fw-6 mb-2">Professional</h6>
<h3 class="iq-fw-8">$29.99</h3>
</div>
<ul class="">
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Email Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Content Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Voice Optimize
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>SEO Consulting
</li>
<li class="mb-2">
<i class="fas fa-times-circle main-color mr-2"></i
>Video Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Advertising
</li>
</ul>
<a class="slide-button button mt-5" href="pricing.html">
<div class="first">Purchase</div>
<div class="second">Purchase</div>
</a>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 col-sm-12">
<div class="iq-pricing white-bg">
<div class="pricing-header mb-5">
<h6 class="iq-fw-6 mb-2">Advanced</h6>
<h3 class="iq-fw-8">$49.99</h3>
</div>
<ul class="">
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Email Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Content Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Voice Optimize
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>SEO Consulting
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Video Marketing
</li>
<li class="mb-2">
<i class="fa fa-check-circle text-green mr-2"></i
>Advertising
</li>
</ul>
<a class="slide-button button mt-5" href="pricing.html">
<div class="first">Purchase</div>
<div class="second">Purchase</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Pricing END -->
<!-- Our Blog -->
<section class="iq-blogs position-relative pb-xl-0 iq-rmt-40">
<div class="container">
<div class="col-sm-12 text-center">
<div class="section-title">
<p class="mb-0 text-uppercase iq-fw-5 iq-ls-2">Latest Articles</p>
<h2 class="title iq-fw-8">Our Stories Post</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div
class="owl-carousel"
data-autoplay="true"
data-loop="true"
data-nav="false"
data-dots="false"
data-items="3"
data-items-laptop="3"
data-items-tab="1"
data-items-mobile="1"
data-items-mobile-sm="1"
>
<div class="item">
<div class="main-blog">
<div class="blog-img">
<img
src="{{ asset('assets/assetLanding/images/blog/02.jpg') }}"
class="img-fluid"
alt="image"
/>
</div>
<div class="blog-detail">
<a
class="main-color iq-fw-8"
href="blog-details-left-sidebar.html"
>Design Concept</a
>
<a href="blog-details-left-sidebar.html">
<h5 class="mt-1 iq-fw-8">Fully dedicated finding.</h5>
</a>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin.
</p>
<div class="blog-info">
<a href=""
><img
src="{{ asset('assets/assetLanding/images/blog/clients/01.jpg') }}"
class="img-fluid rounded-circle mr-3 user-img"
alt="image"
/><span class="iq-fw-8 font-c iq-font-18"
>John Deo</span
></a
>
<ul class="d-inline-block float-right">
<li class="d-inline-block">
<a href="#"
><i class="far fa-thumbs-up"></i>
<span class="iq-fw-8 iq-font-14">90</span></a
>
</li>
<li class="d-inline-block">
<a href="#"
><i class="far fa-comment-alt"></i>
<span class="iq-fw-8 iq-font-14">120</span></a
>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="item">
<div class="main-blog">
<div class="blog-img">
<img
src="{{ asset('assets/assetLanding/images/blog/03.jpg') }}"
class="img-fluid"
alt="image"
/>
</div>
<div class="blog-detail">
<a
class="main-color iq-fw-8"
href="blog-details-left-sidebar.html"
>Design Concept</a
>
<a href="blog-details-left-sidebar.html">
<h5 class="mt-1 iq-fw-8">Progravida nibh vel.</h5>
</a>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin.
</p>
<div class="blog-info">
<a href=""
><img
src="{{ asset('assets/assetLanding/images/blog/clients/01.jpg') }}"
class="img-fluid rounded-circle mr-3 user-img"
alt="image"
/><span class="iq-fw-8 font-c iq-font-18"
>Glen Jax</span
></a
>
<ul class="d-inline-block float-right">
<li class="d-inline-block">
<a href="#"
><i class="far fa-thumbs-up"></i>
<span class="iq-fw-8 iq-font-14">90</span></a
>
</li>
<li class="d-inline-block">
<a href="#"
><i class="far fa-comment-alt"></i>
<span class="iq-fw-8 iq-font-14">120</span></a
>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="item">
<div class="main-blog">
<div class="blog-img">
<img
src="{{ asset('assets/assetLanding/images/blog/04.jpg') }}"
class="img-fluid"
alt="image"
/>
</div>
<div class="blog-detail">
<a
class="main-color iq-fw-8"
href="blog-details-left-sidebar.html"
>Design Concept</a
>
<a href="blog-details-left-sidebar.html">
<h5 class="mt-1 iq-fw-8">Auctor alinean.</h5>
</a>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin.
</p>
<div class="blog-info">
<a href=""
><img
src="{{ asset('assets/assetLanding/images/blog/clients/02.jpg') }}"
class="img-fluid rounded-circle mr-3 user-img"
alt="image"
/><span class="iq-fw-8 font-c iq-font-18"
>Kips Leo</span
></a
>
<ul class="d-inline-block float-right">
<li class="d-inline-block">
<a href="#"
><i class="far fa-thumbs-up"></i>
<span class="iq-fw-8 iq-font-14">90</span></a
>
</li>
<li class="d-inline-block">
<a href="#"
><i class="far fa-comment-alt"></i>
<span class="iq-fw-8 iq-font-14">120</span></a
>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="item">
<div class="main-blog">
<div class="blog-img">
<img
src="{{ asset('assets/assetLanding/images/blog/02.jpg') }}"
class="img-fluid"
alt="image"
/>
</div>
<div class="blog-detail">
<a
class="main-color iq-fw-8"
href="blog-details-left-sidebar.html"
>Design Concept</a
>
<a href="blog-details-left-sidebar.html">
<h5 class="mt-1 iq-fw-8">Alinean sollicitudin.</h5>
</a>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin.
</p>
<div class="blog-info">
<a href=""
><img
src="{{ asset('assets/assetLanding/images/blog/clients/03.jpg') }}"
class="img-fluid rounded-circle mr-3 user-img"
alt="image"
/><span class="iq-fw-8 font-c iq-font-18"
>John Deo</span
></a
>
<ul class="d-inline-block float-right">
<li class="d-inline-block">
<a href="#"
><i class="far fa-thumbs-up"></i>
<span class="iq-fw-8 iq-font-14">90</span></a
>
</li>
<li class="d-inline-block">
<a href="#"
><i class="far fa-comment-alt"></i>
<span class="iq-fw-8 iq-font-14">120</span></a
>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="item">
<div class="main-blog">
<div class="blog-img">
<img
src="{{ asset('assets/assetLanding/images/blog/03.jpg') }}"
class="img-fluid"
alt="image"
/>
</div>
<div class="blog-detail">
<a
class="main-color iq-fw-8"
href="blog-details-left-sidebar.html"
>Design Concept</a
>
<a href="blog-details-left-sidebar.html">
<h5 class="mt-1 iq-fw-8">Progravida nibh vel.</h5>
</a>
<p class="mb-0">
Progravida nibh vel velit auctor alinean sollicitudin.
</p>
<div class="blog-info">
<a href=""
><img
src="{{ asset('assets/assetLanding/images/blog/clients/04.jpg') }}"
class="img-fluid rounded-circle mr-3 user-img"
alt="image"
/><span class="iq-fw-8 font-c iq-font-18"
>Glen Jax</span
></a
>
<ul class="d-inline-block float-right">
<li class="d-inline-block">
<a href="#"
><i class="far fa-thumbs-up"></i>
<span class="iq-fw-8 iq-font-14">90</span></a
>
</li>
<li class="d-inline-block">
<a href="#"
><i class="far fa-comment-alt"></i>
<span class="iq-fw-8 iq-font-14">120</span></a
>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Our Blog END -->
</div>
<footer class="footer-two">
<img src="{{ asset('assets/assetLanding/images/footer/1.jpg') }}" class="img-fluid footer-one" alt="image" />
<div class="footer-top main-bg">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-4 col-md-5">
<div class="iq-footer-logo">
<a href="index.html"
><img
src="{{ asset('assets/assetLanding/images/logo-white.png') }}"
class="img-fluid mb-4"
alt="image"
/></a>
<p class="footer-info text-white">
Contrary to popular belief, Lorem Ipsum is not simply random
text.
</p>
<a class="slide-button button" href="contact-us.html">
<div class="first">
contact us <i class="fas fa-angle-right"></i>
</div>
<div class="second">
contact us <i class="fas fa-angle-right"></i>
</div>
</a>
</div>
</div>
<div class="col-lg-5 col-md-7">
<h5 class="text-white">Subscribe Newsletter.</h5>
<form class="position-relative subscribe-form">
<div class="form-group mb-0">
<input
type="email"
class="form-control position-relative subscription-email"
placeholder="Enter Email"
/>
</div>
<a href="#" class="button bt-subscribe subscription-button"
><i class="fas fa-angle-right"></i
></a>
</form>
<div class="social-media d-inline-block mb-4">
<ul class="social">
<li>
<a href="#" class="text-uppercase"
><i class="fab fa-facebook-f iq-fw-6 pr-3"></i>facebook</a
>
</li>
<li>
<a href="#" class="text-uppercase"
><i class="fab fa-twitter iq-fw-6 pr-3"></i>twitter</a
>
</li>
<li>
<a href="#" class="text-uppercase"
><i class="fab fa-linkedin iq-fw-6 pr-3"></i>linkedin</a
>
</li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-12">
<div class="footer-link">
<h5 class="text-white">Navigation.</h5>
<ul class="list-inline">
<li class="list-item">
<a href="about-us.html">About us</a>
</li>
<li class="list-item"><a href="pricing.html">Pricing</a></li>
<li class="list-item"><a href="process.html">Process</a></li>
<li class="list-item"><a href="faq.html">FAQ</a></li>
<li class="list-item"><a href="team.html">Team</a></li>
<li class="list-item">
<a href="contact-us.html">Contact Us</a>
</li>
<li class="list-item"><a href="service.html">Service</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
<div class="footer-copyright text-center iq-fw-3">
©Copyrights 2019 Markethon
</div>
</div>
</div>
</div>
</div>
<div class="bottom-wave wave-animation">
<div class="main-wave waveone">
<div class="wave-effect wave-top"></div>
</div>
<div class="main-wave wavetwo">
<div class="wave-effect wave-middle"></div>
</div>
<div class="main-wave wavethree">
<div class="wave-effect wave-bottom"></div>
</div>
</div>
<!-- back-to-top -->
<div id="back-to-top">
<a class="top" id="top" href="#top"
><i class="ion-ios-arrow-thin-up"></i
></a>
</div>
<!-- back-to-top End -->
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="{{ asset('assets/assetLanding/js/jquery-min.js') }}"></script>
<!-- popper -->
<script src="{{ asset('assets/assetLanding/js/popper.min.js') }}"></script>
<!-- bootstrap -->
<script src="{{ asset('assets/assetLanding/js/bootstrap.min.js') }}"></script>
<!-- Modernizr JavaScript -->
<script src="{{ asset('assets/assetLanding/js/modernizr.js') }}"></script>
<!-- Appear JavaScript -->
<script src="{{ asset('assets/assetLanding/js/appear.min.js') }}"></script>
<!-- Megamenu -->
<script src="{{ asset('assets/assetLanding/js/mega_menu.min.js') }}"></script>
<!-- Timeline JavaScript -->
<script src="{{ asset('assets/assetLanding/js/timeline.js') }}"></script>
<!-- Wow -->
<script src="{{ asset('assets/assetLanding/js/wow.min.js') }}"></script>
<!-- scrollme -->
<script src="{{ asset('assets/assetLanding/js/jquery.scrollme.min.js') }}"></script>
<!-- countdown JavaScript -->
<script src="{{ asset('assets/assetLanding/js/countdown.js') }}"></script>
<!-- waypoints JavaScript -->
<script src="{{ asset('assets/assetLanding/js/waypoints.min.js') }}"></script>
<!-- Counterup JavaScript -->
<script src="{{ asset('assets/assetLanding/js/jquery.counterup.min.js') }}"></script>
<!-- Owl Carousel JavaScript -->
<script src="{{ asset('assets/assetLanding/js/owl.carousel.min.js') }}"></script>
<!-- Magnific Popup JavaScript -->
<script src="{{ asset('assets/assetLanding/js/jquery.magnific-popup.min.js') }}"></script>
<!-- Isotope JavaScript -->
<script src="{{ asset('assets/assetLanding/js/isotope.pkgd.min.js') }}"></script>
<!-- Progressbar JavaScript -->
<script src="{{ asset('assets/assetLanding/js/circle-progress.min.js') }}"></script>
<!-- Canvas JavaScript -->
<script src="{{ asset('assets/assetLanding/js/canvasjs.min.js') }}"></script>
<!-- REVOLUTION JS FILES -->
<script src="{{ asset('assets/assetLanding/revslider/js/jquery.themepunch.tools.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/jquery.themepunch.revolution.min.js') }}"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) -->
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.actions.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.carousel.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.kenburn.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.layeranimation.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.migration.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.navigation.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.parallax.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.slideanims.min.js') }}"></script>
<script src="{{ asset('assets/assetLanding/revslider/js/extensions/revolution.extension.video.min.js') }}"></script>
<!-- Retina JavaScript -->
<script src="{{ asset('assets/assetLanding/js/retina.min.js') }}"></script>
<!-- Custom JavaScript -->
<script src="{{ asset('assets/assetLanding/js/custom.js') }}"></script>
{{-- Script Untuk Progress Circle Bar (Menampilkan Jumlah Kasus) --}}
<script>
document.addEventListener("DOMContentLoaded", () => {
const lingkaran = document.querySelector(".isi-progres");
const nilai = document.getElementById("nilai-progres");
const persen = parseInt(lingkaran.getAttribute("data-persentase"));
const radius = parseFloat(lingkaran.getAttribute("r"));
const keliling = 2 * Math.PI * radius;
lingkaran.style.strokeDasharray = `${keliling}`;
lingkaran.style.strokeDashoffset = `${keliling}`;
const animasiLingkaran = (persen) => {
const offset = keliling - (persen / 100) * keliling;
lingkaran.style.strokeDashoffset = offset;
};
const animasiHitung = (tujuan) => {
let sekarang = 0;
const langkah = () => {
if (sekarang <= tujuan) {
nilai.innerText = sekarang + "%";
sekarang++;
setTimeout(langkah, 10);
}
};
langkah();
};
animasiLingkaran(persen);
animasiHitung(persen);
});
</script>
{{-- Script Bawaan --}}
<script>
var revapi12,
tpj = jQuery;
tpj(document).ready(function () {
if (tpj("#rev_slider_12_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_12_1");
} else {
revapi12 = tpj("#rev_slider_12_1")
.show()
.revolution({
sliderType: "standard",
jsFileLocation:
"//localhost/revslider-standalone/revslider-standalone/revslider/public/revslider/assets/js",
sliderLayout: "fullwidth",
dottedOverlay: "none",
delay: 9000,
navigation: {
onHoverStop: "off",
},
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: 1400,
gridheight: 868,
lazyType: "none",
parallax: {
type: "mouse",
origo: "enterpoint",
speed: 400,
levels: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 55],
},
shadow: 0,
spinner: "spinner0",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
disableProgressBar: "on",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
},
});
}
}); /*ready*/
</script>
</body>
</html>