@extends('template.master')
@section('body')

@section('title', 'Whats New')
@section('description', 'Semua Produk Onebox Contact Center Omnichanel')

<!-- /header -->
<section class="atas-wrapper bg-soft-primary">
    <div class="container pt-10 pb-7 pt-md-10 pb-md-10 text-center">
        <div class="row">
            <div class="col-md-9 col-lg-7 col-xl-6 mx-auto">
                <h1 class="display-1 mb-3">Partner</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a href="{{url('/')}}" title="Beranda">Beranda</a></li>
                        <li class="breadcrumb-item active">Partner</li>
                    </ol>
                </nav>
            </div>
            <!-- /column -->
        </div>
        <!-- /.row -->
    </div>
    <!-- /.container -->
</section>

<section class="wrapper bg-light">
    <div class="container py-14 py-md-10">
      <div class="grid grid-view projects-masonry">

        <div>
             <div class="isotope-filter filter mb-10">
          <ul>
            <li><a class="filter-item active" data-filter="*">Semua</a></li>
            <li><a class="filter-item" data-filter=".concept">Banking dan Asuransi</a></li>
            <li><a class="filter-item" data-filter=".product">Pemerintahan</a></li>
            <li><a class="filter-item" data-filter=".workshop">Sektor Privat</a></li>
            <li><a class="filter-item" data-filter=".still-life">Telekomunikasi</a></li>
          </ul>
        </div>
        </div>


        <div class="row isotope">

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-1.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>
          <!-- /.project -->
          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-2.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-3.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-4.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-5.jpg" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-6.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-7.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-8.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-9.jpg" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-10.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-11.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-12.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 concept">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-13.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-14.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-15.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-16.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-17.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-18.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-19.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-20.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-21.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-22.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-23.jpg" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-24.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-25.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-26.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-27.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div><!-- /.project -->

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-28.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-29.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-30.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 product">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-31.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-32.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-33.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-34.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-35.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-36.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-37.jpg" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-38.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-39.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-40.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-41.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-43.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-44.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-45.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-46.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-47.jpg" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-48.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-49.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-50.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-51.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 workshop">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-52.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>

          <div class="project item col-md-2 mt-2 still-life">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-53.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 still-life">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-54.jpg" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 still-life">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-55.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 still-life">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-56.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 still-life">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-57.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


          <div class="project item col-md-2 mt-2 still-life">
            <div class="lift rounded mb-6 border">
                <img src="./assets/img/mitra/klien-59.png" alt="" class="logo-sm" width="100" height="100"/>
            </div>
          </div>


        </div>
        <!-- /.row -->
      </div>
      <!-- /.grid -->
    </div>
    <!-- /.container -->
  </section>

@endsection