@extends('layouts.public')

@section('content')

<!--Conteúdo-->
<section id="galeria">
    <div class="container">
        <h1 class="titulo-padrao">{{$galeria->titulo}}</h1>
        <div class="box-btn-voltar">
            <a class="btn-voltar" href="javascript:window.history.go(-1)">
                <svg class="svg-voltar-dims">
                    <use xlink:href="{{ asset('svg/site/sprite-svg/sprite.svg#voltar') }}"></use>
                </svg>
                Voltar
            </a>
        </div>
        <div class="box-galeria">
            @foreach($fotos as $foto)
            <a href="{{$foto->nome}}" data-lightbox="roadtrip">
                <figure>
                    <img src="{{$foto->nome}}" alt="" class="img-fluid">
                </figure>
            </a>
            @endforeach
        </div>
    </div>
</section>
<!--Fim Conteúdo-->

@endsection