@extends('categoria.comercio.plantilla')

@section('cuerpo')

<link rel="stylesheet" href="{{ asset('assets/css/styleDos.css') }}">
<div class="ful-img" id="fulImgBox">
    <img src="imgs/1.jpg" id="fulImg" alt="">
    <span onclick="closeImg()">X</span>
</div>

<h1><span>Galeria</span></h1>

<div class="img-gallery">
    <img src=" {{ asset('imgs/1.jpg') }}" onclick="openFulImg(this.src)" alt="">
    <img src=" {{ asset('imgs/2.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/3.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/4.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/5.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/6.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/7.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/8.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src=" {{ asset('imgs/2.jpg') }} " onclick="openFulImg(this.src)" alt="">
    <img src="{{ asset('imgs/3.jpg') }} " onclick="openFulImg(this.src)" alt="">
   
</div>
<script src="{{ asset('assets/js/galeria.js') }} "></script>


@endsection


@section('breadcrumb')
    
          <!-- Inicio breadcrumb -->
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb custom-breadcrumb">
                <li class="breadcrumb-item"><a href="
                    {{route('categoria')}}
                    "
                    >Categorías</a></li>
                <li class="breadcrumb-item"><a href="
                    {{route('categoria')}}
                    ">Hoteles</a></li>
                <li class="breadcrumb-item active"><a >Hotel Cricko</a></li>
                <li class="breadcrumb-item active"><a>Galeria</a></li>
            </ol>
        </nav>

      
 @endsection