<!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>
