Sindbad~EG File Manager

<footer>
  <div class="container pt-5">
    <div class="row">
      <div class="col-12 col-md-4 order-1 order-md-1">
        <img src="<?php echo get_template_directory_uri(); ?>/assets/logos/aturtoko.svg" alt="Logo AturToko" width="150" height="49">
        <p>Metropolitan Tower, Lantai 2 <br> Jl. R.A. Kartini No. 14, RW.4, <br> West
          Cilandak, Cilandak, <br> South Jakarta City, Jakarta <br> 12430</p>
        <p class="pt-2">info@aturtoko.id</p>
        <p class="pt-2">PT Atur Toko Solusi Indonesia</p>
      </div>
      <div class="col-12 col-md-3 order-2 order-md-3">
        <div class="cara">Sukses Berjualan di Marketplace</div>
        <ul class="box">
          <li><a href="/cara-jualan-di-tokopedia">Cara Jualan di Tokopedia</a></li>
          <li><a href="/cara-jualan-di-shopee">Cara Jualan di Shopee</a></li>
          <li><a href="/cara-jualan-di-lazada">Cara Jualan di Lazada</a></li>
          <li><a href="/cara-jualan-di-blibli">Cara Jualan di Blibli</a></li>
        </ul>
      </div>
      <div class="col-6 col-md-2 order-3 order-md-2">
        <div class="h4">Servis</div>
        <ul class="box">
          <li><a href="/omnipos">OmniPos</a></li>
          <li><a href="/buattoko">BuatToko</a></li>
          <li><a href="/aturtokoplus">AturToko +</a></li>
		  <li><a href="https://www.aturdropship.com" target="_blank">AturDropship</a></li>
        </ul>
      </div>
      <div class="col-6 col-md-2 order-4 order-md-4">
        <div class="h4">AturToko</div>
        <ul class="box">
          <li><a href="/tentang">Tentang AturToko</a></li>
          <li><a href="https://wa.me/628118880258?text=Halo AturToko" target="_blank" rel="noreferrer">
              Kontak AturToko</a></li>
        </ul>
        <div class="column">
          <a href="https://www.facebook.com/profile.php?id=100063537397085" target="_blank" rel="noreferrer"><img class="smicons" src="<?php echo get_template_directory_uri(); ?>/assets/logos/facebook.webp" alt="Facebook" width="40" height="40"></a>
          <a href="https://www.instagram.com/aturtoko.id/" target="_blank" rel="noreferrer"><img class="smicons" src="<?php echo get_template_directory_uri(); ?>/assets/logos/instagram.webp" alt="Instagram" width="40" height="40"></a>
          <a href="https://www.linkedin.com/company/aturtoko" target="_blank" rel="noreferrer"><img class="smicons" src="<?php echo get_template_directory_uri(); ?>/assets/logos/linkedin.webp" alt="LinkedIn" width="40" height="40"></a>
        </div>
      </div>


    </div>
  </div>
</footer>



<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<script type="text/javascript">

var random = Math.floor(Math.random() * $('.blur-box').length);
$('.blur-box').hide().eq(random).show();

  $('.slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: true,
    asNavFor: '.thumbnail-carousel'
  });

  $('.thumbnail-carousel').slick({
    'autoplay': false,
    'slidesToShow': 6,
    'arrows': false,
    'slidesToScroll': 1,
    'asNavFor': '.slider-for',
    'dots': true,
    'variableWidth': true,
    'focusOnSelect': true,
    'responsive': [{
      'breakpoint': 576,
      'settings': {
        'arrows': false,
        'centerMode': true,
        'centerPadding': '40px',
        'slidesToShow': 1
      }
    }]
  });

  $('.partner-carousel').slick({
    'autoplay': true,
    'arrows': false,
    'slidesToShow': 3,
    'slidesToScroll': 1,
    'dots': true,
    'centerPadding': '50px',
    'centerMode': true,
    'variableWidth': true,
    'focusOnSelect': true,
    'responsive': [{
      'breakpoint': 576,
      'settings': {
        'arrows': false,
        'dots': false,
        'swipe': true,
        'lazyLoad': 'ondemand',
        'autoplaySpeed': 1500,
        'centerMode': true,
        'centerPadding': '40px',
        'slidesToShow': 1
      }
    }]
  });




  function addClassByClickbuattoko(buattoko) {
    $(buattoko).addClass("selected");
    $(omnipos).removeClass("selected");
    // $(paket).removeClass("selected");
  }

  function addClassByClickomnipos(omnipos) {
    $(omnipos).addClass("selected");
    $(buattoko).removeClass("selected");
    // $(paket).removeClass("selected");
  }
  //   function addClassByClickpaket(paket){
  //   $(paket).addClass("selected");
  //   $(omnipos).removeClass("selected");
  //   $(buattoko).removeClass("selected");
  // }

  $(document).ready(function() {
    $('#omnipos').on('click', function() {
      $('#show-buattoko').hide();
      $('#show-omnipos').show();
      // $('#show-paket').hide();
      $('#img-omni').hide();
      $('#img-omni-show').show();
      $('#img-buattoko').show();
      $('#img-buattoko-show').hide();
      $('#btn-omni').show();
      $('#btn-btk').hide();
      // $('#btn-paket').hide();
    });
    $('#buattoko').on('click', function() {
      $('#show-buattoko').show();
      $('#show-omnipos').hide();
      // $('#show-paket').hide();
      $('#img-omni').show();
      $('#img-omni-show').hide();
      $('#img-buattoko').hide();
      $('#img-buattoko-show').show();
      $('#btn-omni').hide();
      $('#btn-btk').show();
      // $('#btn-paket').hide();
    });
    //   $('#paket').on('click',function(){  
    //     $('#show-buattoko').hide();
    //     $('#show-omnipos').hide();
    //     $('#show-paket').show();
    //     $('#img-omni').show();
    //     $('#img-omni-show').hide();
    //     $('#img-buattoko').show();
    //     $('#img-buattoko-show').hide();
    //     $('#btn-omni').hide();
    //     $('#btn-btk').hide();
    //     $('#btn-paket').show();
    //  }); 
  });
</script>
<?php wp_footer(); ?>
</body>

</html>