@section('title') 
Gallery - Januardi Logistik
@endsection 
@extends('layout')
@section('style')

@endsection 
@section('content')

<main id="main">

<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs">
  <div class="page-header d-flex align-items-center" style="background-image: url({{ asset('assets/img/cover-2.jpg')}});">
    <div class="container position-relative">
      <div class="row d-flex justify-content-center">
        <div class="col-lg-6 text-center">
          <h2>Gallery</h2>
          <p>Some documentation of our company activities and facilities</p>
        </div>
      </div>
    </div>
  </div>
  <nav>
    <div class="container">
      <ol>
        <li><a href="{{ url('/') }}">Home</a></li>
        <li>Gallery</li>
      </ol>
    </div>
  </nav>
</div><!-- End Breadcrumbs -->

<!-- ======= Gallery Section ======= -->
<img src="{{ asset('assets/img/1216474_972-removebg-preview.png') }}" alt="pattern" style="z-index:-100 !important; position: absolute; opacity: 0.08; right: 0;">
<section id="gallery" class="gallery mt-0">
  <div class="container" data-aos="fade-up">

    <div class="row gy-4 justify-content-center">
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/1.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/1.jpeg') }}" title="AIO Logistic Conference at Bangkok, Thailand" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/2.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/2.jpeg') }}" title="Freight Lounge conference at Phuket, Thailand" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/3.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/3.jpeg') }}" title="Lognet conference at Pattaya, Thailand" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/4.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/4.jpeg') }}" title="Indonesia Leather Footwear Expo 2022, at JIExpo" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/5.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/5.jpeg') }}" title="Drums of oil sent to italy by Air Service" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/6.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/6.jpeg') }}" title="Boxes of fuel injection pump sent to KL by Air Service" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/7.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/7.jpeg') }}" title="Project Open Top Container" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/8.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/8.jpeg') }}" title="Project Open Top Container" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/9.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/9.jpeg') }}" title="Project Open Top Container" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/10.jpeg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/10.jpeg') }}" title="Cartons of shoes sent to Italy by Air Service" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/11.jpg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/11.jpg') }}" title="Accounting Finance & Tax Department" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/12.jpg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/12.jpg') }}" title="Customer Service Department" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/13.jpg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/13.jpg') }}" title="Customs Department" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/14.jpg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/14.jpg') }}" title="Sales & Marketing Department" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->
      <div class="col-lg-4 col-md-6">
        <div class="gallery-item h-100">
          <img src="{{ asset('assets/img/gallery/15.jpg') }}" class="img-fluid" alt="">
          <div class="gallery-links d-flex align-items-center justify-content-center">
            <a href="{{ asset('assets/img/gallery/15.jpg') }}" title="Lognet conference at Pattaya, Thailand" class="glightbox preview-link"><i class="bi bi-arrows-angle-expand"></i></a>
            <!-- <a href="gallery-single.html" class="details-link"><i class="bi bi-link-45deg"></i></a> -->
          </div>
        </div>
      </div><!-- End Gallery Item -->

    </div>

  </div>
</section><!-- End Gallery Section -->
<img src="{{ asset('assets/img/1216474_972-removebg-preview-kanan.png') }}" alt="pattern" style="z-index:-100 !important; position: absolute; opacity: 0.08;">

</main><!-- End #main -->

@endsection