TIF_E41211408/resources/views/landing.blade.php

2857 lines
125 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">Apa Sih Curas dan Curanmor Itu ?</h2>
<p class="iq-font-18 mb-3">
Ternyata banyak yang belum paham apa itu Curas dan Curanmor. Yuk Kita Bahas
</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">Curas ( Pencurian Dengan Kekerasan )</a>
</h5>
<p class="mb-0">
Pencurian dengan Kekerasan atau yang sering disebut Curas, merupakan salah satu tindak pidana pencurian yang dalam prakteknya melakukan kekerasan secara fisik maupun ancaman kepada korbannya. Salah satu contoh Curas yaitu Begal
</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">Curanmor ( Pencurian Kendaraan Bermotor )</a>
</h5>
<p class="mb-0">
Pencurian Kendaraan Bermotor atau yang sering disebut Curanmor, merupakan salah satu tindak pidana pencurian yang sasaran utamanya yaitu kendaraan bermotor, seperti Motor dan Mobil
</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>