<title>Valor Home Pelotas</title>

Valor Home Pelotas

        <!-- Toggler/collapsibe Button -->
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>

        <!-- Navbar links -->
        <div class="collapse navbar-collapse" id="collapsibleNavbar">
            <ul class="navbar-nav ml-auto">
                <li class="nav-item">
                    <a class="nav-link" href="#servico">Grupo WhatsApp</Sect></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">RAIDS LOCALIZAÇÃO</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">EQUIPE</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="#">CONTATO</a>
                </li>
            </ul>
        </div>
    </div>
</nav>

<header class="fundo">
    <div class="fundo2">


        <div class="container text-white">
            <div class="row">

                <div class="col-md-6 text-center align-self-center">
                    <h2>Grupo Oficial Pelotas </h2>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis, autem.</p>
                    <a href="#" class="btn btn-lg btn-outline-secondary">Participe da Nossa Tribo</a>
                </div>
                <div class="col-md-6 mt-5">
                    <img src="fundogif.gif" alt="candela Lider valor" class="img-fluid d-nome d-md-block">

                </div>

            </div>

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

<form class="bg-danger tex-white py-4">
    <div class="container">
        <h4><i>Receba Notificações Sobre Nosso Grupo</i></h4>
        <div class="row">
            <div class="col-md-4">
                <input type="text" class="form-control form-control-lg my-1" placeholder="Informe seu nome">

            </div>
            <div class="col-md-4">
                <input type="email" class="form-control form-control-lg my-1" placeholder="Informe seu WhatsApp">

            </div>
            <div class="col-md-4">
                <button class="btn btn-secondary btn-lg btn-block" my-1>
                    Inscrever
                </button>

            </div>
</form>

<section>
    <div class="container mt-3">
        <div class="jumbotron">
            <h2 id="servico">Raids, Novidades, Suporte, ...</h2>
            <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatibus, iure!</p>
        </div>
</section>

<div id="accordion">

    <div class="card">
        <div class="card-header">
            <a class="card-link" data-toggle="collapse" href="#collapseOne">
                Nossos Membros
            </a>
        </div>
        <div id="collapseOne" class="collapse show" data-parent="#accordion">
            <div class="card-body">
                Lorem ipsum dolor, sit amet consectetur adipisicing elit. Inventore necessitatibus dicta unde
                assumenda provident itaque voluptatem saepe voluptates doloribus eligendi consequatur expedita,
                iusto error mollitia iste porro? Aut, atque accusantium, tempora harum quia, odit porro consequuntur
                similique qui delectus fuga!
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo">
                Eventos
            </a>
        </div>
        <div id="collapseTwo" class="collapse" data-parent="#accordion">
            <div class="card-body">
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora iure sint possimus ipsum iste cum
                vitae commodi qui, ab dolores similique eum unde culpa praesentium, labore repellendus adipisci
                dolorum enim porro fuga? Dolorem at maiores in suscipit natus impedit incidunt nihil veritatis
                accusantium, nesciunt cupiditate vitae ratione. Facere, fuga id.
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree">
                Novidades
            </a>
        </div>
        <div id="collapseThree" class="collapse" data-parent="#accordion">
            <div class="card-body">
                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Esse, nostrum repudiandae, sequi ipsa
                ipsam ab accusantium voluptatem obcaecati culpa porro molestiae vitae corrupti aspernatur et labore
                ipsum quo tenetur exercitationem est a cumque ex harum assumenda. Totam labore expedita quasi
                pariatur fugit omnis eligendi minus?
            </div>
        </div>
    </div>

RAIDS LOCALIZAÇÃO

<iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d13569.200842885837!2d-52.32941184999999!3d-31.762296899999996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9511b57a15840d8d%3A0xeaf2f8d9ec6b751b!2sClube%20Brilhante!5e0!3m2!1spt-BR!2sbr!4v1567607524323!5m2!1spt-BR!2sbr" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>

Av. Fernado Osorio

Bairo Fragata

Pelotas- RS

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

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>