@extends('layouts.app')

@section('content')
    <div class="container my-1 justify-content-center">

        <div class="row justify-content-center">

            <div class="px-5 col-md-11 d-flex flex-column justify-content-center text-center text-primary">
                <h1>Central do Trabalhador Autônomo </h1>
                <h5>Aproximando você dos melhores profissionais</h5>

            </div>
        </div>
    </div>

    <div class="container mx-auto d-flex justify-content-center">
        <div class="row mx-auto d-flex justify-content-center">
            <div class="megaNav mx-auto justify-content-center">
                <div class="megaDropdown shadow m-3 justify-content-center ">


                    <div class="card mx-auto shadow bloco bg-light">


                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-tools text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Construção e Reformas</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5  mx-auto justify-content-center bg-light shadow-lg">

                        <div class="row bg-light px-5  mx-auto justify-content-center">
                            <div class="column  px-5 ">

                                <a class="nav-link text-secondary  dropdown-item"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Calheiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Carpinteiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Eletricista</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Empreiteiro</a>
                            </div>
                            <div class="column px-5 ">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Empreiteiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Encanador</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Gesseiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Limpeza pós Obra</a>

                            </div>
                            <div class="column px-5 ">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Pedreiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Pintor</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Serralheiro
                                    / Soldador</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Vidraceiro</a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="megaDropdown shadow m-3">


                    <div class="card mx-auto bloco shadow bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-car-front-fill text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Automóveis</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">


                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Alarme
                                    Automotivo
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Ar
                                    Condicionado</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Auto
                                    Elétrica</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Borracharia</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Despachante</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Funilaria</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Guincho</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Insulfilm</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Lava
                                    Jato</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Martelinho
                                    de ouro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Mecânica
                                    Geral</a>
                            </div>

                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Pintura
                                    Automotiva</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Som
                                    Automotivo</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Vidraçaria
                                    Automotiva
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="megaDropdown shadow m-3">

                    <div class="card mx-auto shadow bloco bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-book-half text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Aulas Particulares</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">


                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Artes e Lazer
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Concurso Público</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Dança</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Esportes e Lutas
                                </a>


                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Idiomas</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Informática
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Música</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    de
                                    Reforço Escolar / ENEM
                                </a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    para
                                    Ensino Fundamental
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Aulas
                                    para
                                    Ensino Médio
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="megaDropdown shadow m-3">


                    <div class="card mx-auto shadow bloco bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-balloon-fill text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Festas e Eventos</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">


                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Animador
                                    de
                                    Festas</a>
                                </li>
                                <li class="nav-item bg-light dropdown-item"><a class="nav-link text-secondary"
                                        href="{{ route('dataView', ['table' => 'prestadores']) }}">Bandas
                                        e
                                        Cantores</a>
                                    <a class="nav-link text-secondary"
                                        href="{{ route('dataView', ['table' => 'prestadores']) }}">Bartender</a>
                                    <a class="nav-link text-secondary"
                                        href="{{ route('dataView', ['table' => 'prestadores']) }}">Churrasqueiro</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Confeiteira</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Copeira</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Cozinheira</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Decorador
                                    de Eventos
                                </a>

                            </div>
                            <div class="column px-5">


                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">DJ</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Filmagem</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Fotógrafo</a>


                            </div>


                            <div class="column px-5">

                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Garçom</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Organizador
                                    de Eventos
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Segurança</a>

                            </div>
                        </div>
                    </div>
                </div>

                <div class="megaDropdown shadow m-3">

                    <div class="card mx-auto shadow bloco bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-stars text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Beleza e Moda</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">

                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Alfaiate / Costureira
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Barbeiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Cabeleireiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Depilação</a>

                            </div>

                            <div class="column px-5">

                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Designer
                                    de
                                    sobrancelhas</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Estética</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Manicure
                                    /
                                    Pedicure</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Maquiadora</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Personal
                                    Stylist</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Personal
                                    Trainer
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Podóloga</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Sapateiro</a>


                            </div>
                        </div>
                    </div>
                </div>

                <div class="megaDropdown shadow m-3">

                    <div class="card mx-auto shadow bloco bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-diagram-2-fill text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Assistência e Tecnologia</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Ar-condicionado</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Computador
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica DVD/Blu-Ray
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Fogão
                                </a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Lava-roupa</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Micro-ondas</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Refrigerador
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Telefone</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica TV
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Assist.
                                    Técnica Vídeo Game
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Desenvolvedor
                                    de Apps
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Desenvolvedor
                                    de Software / Site</a>
                            </div>

                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Design
                                    e
                                    Produção gráfica</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Edição
                                    Áudio Visual
                                </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Técnico
                                    de
                                    Informática
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="megaDropdown shadow m-3">

                    <div class="card mx-auto shadow bloco bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-house-gear-fill text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Casa e Serviços Gerais</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">

                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Chaveiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Decorador</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Dedetizador</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Desentupidor</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Detetive
                                    Particular</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Impermeabilizador</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Jardineiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Marceneiro</a>



                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Marido
                                    de
                                    aluguel</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Montador
                                    de Móveis</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Motoboy</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Paisagista</a>


                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Relojoeiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Tapeceiro</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Transportador
                                    de Mudanças</a>


                            </div>
                        </div>
                    </div>
                </div>


                <div class="megaDropdown shadow m-3">

                    <div class="card mx-auto shadow bloco bg-light">

                        <div class="card-body text-center ">
                            <h4 class="card-title"><i class="bi bi-wrench text-secondary"></i>
                            </h4>
                            <p class="card-text d-flex justify-content-center text-secondary">
                                Serviços Domésticos</p>

                        </div>
                    </div>
                    <div class="dropdown-content px-5 mx-auto justify-content-center bg-light">

                        <div class="row bg-light px-5 mx-auto justify-content-center">
                            <div class="column px-5 ">


                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Faxineiro
                                    (a) </a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Babá</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Cuidador
                                    de idosos</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Lavadeira</a>

                            </div>
                            <div class="column px-5">
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Passadeira</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Cozinheiro
                                    (a)</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Dog
                                    Walker</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Limpador
                                    de piscina</a>

                            </div>
                            <div class="column px-5">

                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">
                                    Motorista
                                    Particular</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Personal
                                    Organizer</a>
                                <a class="nav-link text-secondary"
                                    href="{{ route('dataView', ['table' => 'prestadores']) }}">Pet
                                    Shop</a>


                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <br>
    <div class="row justify-content-center">

        <div class="px-5 col-md-10 d-flex flex-column justify-content-center text-center">
            <h2>Quer mais praticidade no seu dia a dia? </h2>
            <br>
            <blockquote class="blockquote d-flex justify-content-center">
                <p style="text-align: justify;">É fácil! Use o Catálogo de Serviços da Central do Trabalhador Autônomo e
                    encontre prestadores de serviços pertinho de você.  <br>
                    <b style="color:#13317c;">E sabe o que é melhor? O serviço é gratuito para todos!</b><br> <br>
                    Em um modelo de Catálogo de Serviços em rede, levamos para o mundo digital as relações pessoais de
                    contratação de serviços autônomos.  Em nossa plataforma, o que realmente importa é a confiança entre as
                    partes, principalmente de profissionais para contratação. Esses prestadores de serviços participam da
                    Formação para Trabalhador Autônomo e recebem orientações para aprimoramento, desenvolvimento
                    profissional, visando a melhoria na prestação dos serviços.</p>
            </blockquote>
        </div>

    </div>
    <br>
    <div class="row d-flex justify-content-center text-center p-1">
        <h2>Benefícios para você </h2><br> <br>
        <br>
        <div class="col-md-3 d-flex justify-content-center m-1">
            <div class="card shadow" style="width: 21rem;">
                <img class="card-img-top" src="{{ URL('imagens/primeira.jpg') }}" alt="Card image cap">

            </div>

        </div>
        <div class="col-md-3 d-flex justify-content-center m-1">
            <div class="card shadow" style="width: 21rem;">
                <img class="card-img-top" src="{{ URL('imagens/segunda.jpg') }}" alt="Card image cap">

            </div>

        </div>
        <div class="col-md-3 d-flex justify-content-center m-1">
            <div class="card shadow" style="width: 21rem;">
                <img class="card-img-top" src="{{ URL('imagens/terceira.jpg') }}" alt="Card image cap">

            </div>

        </div>
    </div>
    <br>
    <div class="container py-5">
        <div class="row">

            <div class="px-5 col-md-12 d-flex flex-column justify-content-center text-center">
                <h2>Precisando gerar renda? Trabalha como autônomo?
                </h2>

                <blockquote class="blockquote">
                    <p class="mb-0" style="text-align: justify;"> Cadastre-se na
                        Central do Trabalhador Autônomo para ser um prestador de serviços cada vez
                        mais preparado e conectado. <br> É GRATUITO.
                        Não deixe seu talento escondido. Faça seu cadastro, participe da Formação
                        para Autônomos e aproveite as oportunidades do catálogo de serviços.</p>
                    <br>

                </blockquote>

            </div>

        </div>

        <div class="row d-flex justify-content-center text-center p-1">

            <h2>Alguns dos serviços ofertados </h2> <br> <br>
            <br>
            <!--div class="col-md-3 d-flex justify-content-center m-1">
                    <div class="card shadow" style="width: 19rem;">
                        <img class="card-img-top" src="{{ URL('imagens/construcao.jpg') }}" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title d-flex justify-content-center">Construção</h5>


                        </div>
                    </div>

                </div>
                <div class="col-md-3 d-flex justify-content-center m-1">
                    <div class="card shadow" style="width: 19rem;">
                        <img class="card-img-top" src="{{ URL('imagens/idosos.jpg') }}" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title d-flex justify-content-center">Cuidador de Idosos</h5>


                        </div>
                    </div>

                </div>
                <div class="col-md-3 d-flex justify-content-center m-1">
                    <div class="card shadow" style="width: 19rem;">
                        <img class="card-img-top" src="{{ URL('imagens/pintura.jpg') }}" alt="Card image cap">
                        <div class="card-body">
                            <h5 class="card-title d-flex justify-content-center">Pintura</h5>


                        </div>
                    </div>

                </div-->




            <div class="col-md-3 d-flex justify-content-center m-1">
                <div class="card shadow" style="width: 23rem;">
                    <img class="card-img-top" style="width: 300px; height: 300px; object-fit:cover;" 
                        src="{{ URL('imagens/28.jpg') }}" alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title d-flex justify-content-center">Serviços de Limpeza</h5>


                    </div>
                </div>

            </div>
            <div class="col-md-3 d-flex justify-content-center m-1">
                <div class="card shadow" style="width: 23rem;">
                    <img class="card-img-top" style="width: 300px; height: 300px; object-fit:cover;" src="{{ URL('imagens/cdIdosos.jpg') }}"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title d-flex justify-content-center">Cuidador de Idosos</h5>


                    </div>
                </div>

            </div>
            <div class="col-md-3 d-flex justify-content-center m-1">
                <div class="card shadow" style="width: 23rem;">
                    <img class="card-img-top" style="width: 300px; height: 300px; object-fit:cover;" src="{{ URL('imagens/eletricista.jpg') }}"
                        alt="Card image cap">
                    <div class="card-body">
                        <h5 class="card-title d-flex justify-content-center">Eletricista</h5>


                    </div>
                </div>

            </div>


        </div>
        <div class="row d-flex justify-content-center p-1">
            <div class=" col-md-12 d-flex justify-content-center p-5">

                <a href="{{ route('locais') }}" class="btn btn-secondary text-light p-2 shadow-lg "
                    style="font-size:20px;">Seja um profissional cadastrado! </a>

            </div>

        </div>

    </div>

    <br>
    </div>
@endsection