@extends('layouts.app')
@section('content')
<!--Conteúdo-->
<section class="conteudo-internas">
    <h1 class="titulo-internas">Álbum <span>Outubro Rosa nos Municípios</spa></h1>

    <section id="galeria"><!--GALERIA-->
        <div class="centraliza">
            <div class="box-galeria"><!--box-->
                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

                <a href="assets/img/exemplo-noticia.png" data-lightbox="nome-galeria"><!--img-->
                    <figure>
                        <img src="assets/img/exemplo-video.png" alt="" class="img-fluid">
                    </figure>
                    <figcaption>
                        <svg class="svg-lupa-dims">
                        <use xlink:href="sprite-svg/sprite.svg#lupa"></use>
                        </svg>
                    </figcaption>
                </a><!--img-->

            </div><!--Fim box-->

            <nav aria-label="Page navigation example">
                <ul class="pagination justify-content-center">
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Previous">
                            <span aria-hidden="true">&laquo;</span>
                            <span class="sr-only">Previous</span>
                        </a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                        <a class="page-link" href="#" aria-label="Next">
                            <span aria-hidden="true">&raquo;</span>
                            <span class="sr-only">Next</span>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </section><!--FIM GALERIA-->

</section>
<!--Fim Conteúdo-->
@endsection