<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title> <?php echo $__env->yieldContent('title'); ?> </title>

  <!-- Favicons -->
  <link href="<?php echo e(asset('assets/img/1670063190870.png')); ?>" rel="icon">
  <link href="<?php echo e(asset('assets/img/apple-touch-icon.png')); ?>" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="<?php echo e(asset('assets/vendor/bootstrap/css/bootstrap.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('assets/vendor/bootstrap-icons/bootstrap-icons.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('assets/vendor/fontawesome-free/css/all.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('assets/vendor/glightbox/css/glightbox.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('assets/vendor/swiper/swiper-bundle.min.css')); ?>" rel="stylesheet">
  <link href="<?php echo e(asset('assets/vendor/aos/aos.css')); ?>" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="<?php echo e(asset('assets/css/main.css')); ?>" rel="stylesheet">

  <style>
    .float{
      position:fixed;
      /* width:60px; */
      /* height:60px; */
      bottom:20px;
      right:20px;
      background-color:#25d366;
      color:#FFF;
      border-radius:50px;
      text-align:center;
      font-size:16px;
      z-index:100;
    }

    .float:hover {
      background-color:#FFF;
      color: black;
      border: 1px solid black;
    }
  </style>

  <!-- =======================================================
  * Template Name: Logis - v1.2.1
  * Template URL: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/
  * Author: BootstrapMade.com
  * License: https://bootstrapmade.com/license/
  ======================================================== -->
  <?php echo $__env->yieldContent('style'); ?>
</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="header d-flex align-items-center fixed-top">
    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">

      <a href="<?php echo e(url('/')); ?>" class="logo d-flex align-items-center">
        <!-- Uncomment the line below if you also wish to use an image logo -->
        <img src="<?php echo e(asset('assets/img/logo-jlog-removebg-preview2.png')); ?>" alt="company-logo" class="img-fluid">
        <!-- <h1>Logis</h1> -->
      </a>

      <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
      <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
      <nav id="navbar" class="navbar">
        <ul>
          <li><a href="<?php echo e(url('/')); ?>">Home</a></li>
          <li><a href="<?php echo e(url('/about-us')); ?>">About</a></li>
          <li class="dropdown"><a href="#"><span>Our Services</span> <i class="bi bi-chevron-down dropdown-indicator"></i></a>
          <ul>
            <li><a href="<?php echo e(url('/air-freight')); ?>">Air Freight</a></li>
            <li><a href="<?php echo e(url('/sea-freight')); ?>">Sea Freight</a></li>
            <li><a href="<?php echo e(url('/customs-clearance')); ?>">Customs Clearance & PPJK</a></li>
            <li><a href="<?php echo e(url('/export-import')); ?>">Export & Import</a></li>
          </ul>
        </li>
        <li><a href="<?php echo e(url('/gallery')); ?>">Gallery</a></li>
        <li><a class="get-a-quote" href="<?php echo e(url('/get-in-touch')); ?>">Get in Touch</a></li>
        </ul>
      </nav><!-- .navbar -->

    </div>
  </header><!-- End Header -->
  <!-- End Header -->

  <?php echo $__env->yieldContent('content'); ?>

   <!-- ======= Frequently Asked Questions Section ======= -->
   <section id="faq" class="faq pt-0 pb-5">
      <div class="container" data-aos="fade-up">

        <div class="section-header">
          <span>Frequently Asked Questions</span>
          <h2>Frequently Asked Questions</h2>

        </div>

        <div class="row justify-content-center" data-aos="fade-up" data-aos-delay="200">
          <div class="col-lg-10">

            <div class="accordion accordion-flush" id="faqlist">

              <div class="accordion-item" data-aos="fade-up" data-aos-delay="100">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
                    <i class="bi bi-question-circle question-icon"></i>
                    How to use JLOG services?
                  </button>
                </h3>
                <div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    You can call us at +62 31 8420558, click the whatsapp button in the lower right corner, email at marketing@j-logistik.com or filling online form and send your Shipping Instruction
                  </div>
                </div>
              </div><!-- # Faq item-->

              <div class="accordion-item" data-aos="fade-up" data-aos-delay="200">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
                    <i class="bi bi-question-circle question-icon"></i>
                    What services are in JLOG?
                  </button>
                </h3>
                <div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    Our Services focused on Air Freight, Sea Freight, Customs Clearance & PPJK, Export & Import.
                  </div>
                </div>
              </div><!-- # Faq item-->

              <div class="accordion-item" data-aos="fade-up" data-aos-delay="300">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
                    <i class="bi bi-question-circle question-icon"></i>
                    Why choose JLOG?
                  </button>
                </h3>
                <div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    1. Experienced Since 1999 <br>
                    2. Professional Team <br>
                    3. Reliable Price <br>
                    4. Member of Associate Global Network
                  </div>
                </div>
              </div>
              <!-- # Faq item-->

              <!-- <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4">
                    <i class="bi bi-question-circle question-icon"></i>
                    Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?
                  </button>
                </h3>
                <div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    <i class="bi bi-question-circle question-icon"></i>
                    Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.
                  </div>
                </div>
              </div> -->
              <!-- # Faq item-->

              <!-- <div class="accordion-item">
                <h3 class="accordion-header">
                  <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-5">
                    <i class="bi bi-question-circle question-icon"></i>
                    Tempus quam pellentesque nec nam aliquam sem et tortor consequat?
                  </button>
                </h3>
                <div id="faq-content-5" class="accordion-collapse collapse" data-bs-parent="#faqlist">
                  <div class="accordion-body">
                    Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in
                  </div>
                </div>
              </div> -->
              <!-- # Faq item-->

            </div>

          </div>
        </div>

      </div>
    </section><!-- End Frequently Asked Questions Section -->

  <!-- ======= Footer ======= -->
  <footer id="footer" class="footer">

    <div class="container">
      <div class="row gy-4">
        <div class="col-lg-5 col-md-12 footer-info">
          <a href="<?php echo e(url('/')); ?>" class="logo d-flex align-items-center mb-2">
            <img src="<?php echo e(asset('assets/img/logo-jlog-removebg-preview2.png')); ?>" alt="company-logo" class="img-fluid">
          </a>
          <p>Your Solutions To All Your Shipping Needs.</p>
          <div class="social-links d-flex mt-2 align-items-center">
            <!-- <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
            <a href="#" class="facebook"><i class="bi bi-facebook"></i></a> -->
            <a href="https://instagram.com/januardilogistik?igshid=N2ZiY2E3YmU=" class="instagram"><i class="bi bi-instagram"></i></a>
            <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
            <img src="<?php echo e(asset('assets/img/halo_jlog.png')); ?>" alt="Halo JLOG" class="img-fluid border-start px-1 border-light" style="--bs-border-opacity: .5; max-width: 140px">
          </div>
        </div>

        <div class="col-lg-2 col-6 footer-links">
          <h4>Useful Links</h4>
          <ul>
            <li><a href="<?php echo e(url('/')); ?>">Home</a></li>
            <li><a href="<?php echo e(url('/about-us')); ?>">About</a></li>
            <li><a href="<?php echo e(url('/gallery')); ?>">Gallery</a></li>
            <li><a href="<?php echo e(url('/get-in-touch')); ?>">Get In Touch</a></li>
          </ul>
        </div>

        <div class="col-lg-2 col-6 footer-links">
          <h4>Our Services</h4>
          <ul>
            <li><a href="<?php echo e(url('/air-freight')); ?>">Air Freight</a></li>
            <li><a href="<?php echo e(url('/sea-freight')); ?>">Sea Freight</a></li>
            <li><a href="<?php echo e(url('/customs-clearance')); ?>">Customs Clearance & PPJK</a></li>
            <li><a href="<?php echo e(url('/export-import')); ?>">Export & Import</a></li>
          </ul>
        </div>

        <div class="col-lg-3 col-md-12 footer-contact">
          <h4>Contact Us</h4>
          <p style="color: rgba(255, 255, 255, 0.6)">
            Jemursari VI/7 <br> Surabaya, 60237 <br> Indonesia <br> <br>
            <strong>Phone:</strong> +62 31 8420558<br>
            <strong>Email:</strong> marketing@j-logistik.com<br>
          </p>    
        </div>

      </div>
    </div>

    <div class="container mt-4">
      <div class="copyright">
        &copy; Copyright <strong><span>J-Logistik</span></strong>. All Rights Reserved
      </div>
      <!-- <div class="credits"> -->
        <!-- All the links in the footer should remain intact. -->
        <!-- You can delete the links only if you purchased the pro version. -->
        <!-- Licensing information: https://bootstrapmade.com/license/ -->
        <!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/logis-bootstrap-logistics-website-template/ -->
        <!-- Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a> -->
      <!-- </div> -->
    </div>

  </footer><!-- End Footer -->
  <!-- End Footer -->

  <!-- <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> -->

  <a href="https://api.whatsapp.com/send/?phone=6285230030603&text=Hi+JLOG!+I+want+to+ask+your+services&type=phone_number&app_absent=0" class="float d-flex align-items-center justify-content-center py-1 px-3" target="_blank">
    <i class="bi bi-whatsapp fst-normal"> Hi, How can i help?</i>
  </a>

  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="<?php echo e(asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js')); ?>"></script>
  <script src="<?php echo e(asset('assets/vendor/purecounter/purecounter_vanilla.js')); ?>"></script>
  <script src="<?php echo e(asset('assets/vendor/glightbox/js/glightbox.min.js')); ?>"></script>
  <script src="<?php echo e(asset('assets/vendor/swiper/swiper-bundle.min.js')); ?>"></script>
  <script src="<?php echo e(asset('assets/vendor/aos/aos.js')); ?>"></script>
  <!-- <script src="<?php echo e(asset('assets/vendor/php-email-form/validate.js')); ?>"></script> -->

  <!-- Template Main JS File -->
  <script src="<?php echo e(asset('assets/js/main.js')); ?>"></script>

  <?php echo $__env->yieldContent('script'); ?>

</body>

</html><?php /**PATH /home/jlogisti/public_html/web-jlog/resources/views/layout.blade.php ENDPATH**/ ?>