@extends('layout.style')
@section('content')
<main class="main">

<!-- Portfolio Section -->
<section id="" class="portfolio section">

  <!-- Section Title -->
  <div class="container section-title" data-aos="fade-up">
    <h2>Consumables</h2>
   
  </div><!-- End Section Title -->

  <div class="container">

    <div class="isotope-layout" data-default-filter=".filter-botox" data-layout="masonry" data-sort="original-order">

      <ul class="portfolio-filters isotope-filters" data-aos="fade-up" data-aos-delay="100">
        <li data-filter="*" >All</li>
        <li data-filter=".filter-botox" class="filter-active">Botox</li>
        <li data-filter=".filter-filler">Filler</li>
        <li data-filter=".filter-dermapen">Derma Pen</li>
        <li data-filter=".filter-thread">Neo Thread Series</li>
        <li data-filter=".filter-headlight">Led Head Light</li>
        <li data-filter=".filter-spotpen">Spot Removal Pen</li>
        <li data-filter=".filter-prp">PRP</li>
        <li data-filter=".filter-cautery">Cautery</li>
        <li data-filter=".filter-centerifuge">Centrifuge</li>
        <li data-filter=".filter-anesthetic">Anesthetic</li>
        <li data-filter=".filter-laserdoctor">Laser Doctor</li>
        <li data-filter=".filter-dermlite">Dermlite</li>
        <li data-filter=".filter-chair">Chair</li>
        <li data-filter=".filter-dermajet">DermaJET</li>
        <li data-filter=".filter-hairtransplant">Hair Transplant</li>
        <li data-filter=".filter-cannulas">Cannulas</li>
        <li data-filter=".filter-surgery">Surgery Instruments</li>
        <li data-filter=".filter-other">Other</li>
      </ul><!-- End Portfolio Filters -->

      <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-botox">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/botulax.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Botulax</h4>
              <p>Korean gas Botox 100 Unit</p>
              <a href="assets/img/item/botulax.jpg" title="Botulax" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-botox">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/neuroxin.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Neuroxin</h4>
              <p>Pawder Botox 100 Unit</p>
              <a href="assets/img/item/neuroxin.jpg" title="Neuroxin" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-botox">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/needle.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Needle</h4>
              <p>G32 4mm , G30 4mm , </p>
              <a href="assets/img/item/needle.jpg" title="Needle" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-filler">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/angelab.png" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Angela Sub-Q</h4>
              <p>1.1 ml</p>
              <a href="assets/img/item/angelab.png" title="Angela Sub-Q" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-filler">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/angelg.png" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Angela Deep</h4>
              <p>1.1 ml</p>
              <a href="assets/img/item/angelg.png" title="Neuroxin" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-filler">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/angelaw.png" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Angela Fine</h4>
              <p>1.1 ml</p>
              <a href="assets/img/item/angelaw.png" title="Neuroxin" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-filler">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/canullaf.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Cannulas</h4>
              <p>G18, G20, G22, G23, G24, G25, G27 mm</p>
              <a href="assets/img/item/canullaf.jpg" title="Cannulas" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->

        <div class="col-lg-4 col-md-6 portfolio-item isotope-item filter-dermapen">
          <div class="portfolio-content h-100">
            <img src="assets/img/item/drpen.jpg" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>Dr Pen</h4>
              <p>Charge && Electric</p>
              <a href="assets/img/item/drpen.jpg" title="Dr Pen" data-gallery="portfolio-gallery-app" class="glightbox preview-link"><i class="bi bi-zoom-in"></i></a>
            </div>
          </div>
        </div><!-- End Portfolio Item -->
      </div><!-- End Portfolio Container -->

    </div>

  </div>

</section><!-- /Portfolio Section -->

</main>

@endsection