Grupo São João

Nome

Origem

Destino

Data - Partida

Data - Volta

E-mail

Telefone

Observações

</div>
                            </div>

<div class="modal-footer justify-content-center">
                                <button type="submit" class="btn btn-outline-warning waves-effect" style="background: transparent;border: transparent;">Enviar Solicitação <i class="fa fa-paper-plane-o ml-1"></i></button>
                            </div>
                        </form>
                    </div>
                    
                </div>
            </div>
            <div class="container">
                <div class="section-title text-center">
                    <p>Todos os veículos do Grupo São João são monitorados 24 horas/dia através de GPS pelo nosso CCO - Centro de Controle Operacional, além disso são periodicamente revisados e higienizados para maior conforto e segurança aos nossos clientes. Nossa frota é composta por veículos novos e semi novos, sendo que os ônibus são equipados com poltronas reclináveis, ar condicionado, monitores de vídeo, dvd, sanitário, geladeira e som ambiente; já os micro-ônibus e vans são equipados com poltronas reclináveis, ar condicionado e som ambiente.</p>

<p>Nas viagens de turismo são oferecidos salgadinhos, balas, doces, água mineral e copos descartáveis sem custo adicional para os passageiros, fazendo desses detalhes mais um diferencial positivo da nossa empresa.</p>

<p>Os principais destinos procurados pelos nossos clientes são: Campos do Jordão, Aparecida, Cachoeira Paulista, Barra Bonita, Serra Negra, Ibitinga, Jacutinga, Poços de Caldas, Arraial do Cabo/RJ, Capitólio/MG, Caldas Novas/GO e também passeios culturais, compras em São Paulo, parques de diversão tais como Hopi-Hari, Wet´n Wild, Parque da Xuxa, Zoológico e muito mais.</p>
                    <p class="text-center"><a class="btn waves-effect" data-toggle="modal" data-target="#contato"><img src="https://gruposaojoao.com.br/uploads/oc.png"></a></p>
                </div>
                <div class="owl-carousel owl-theme">
                                                                <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/aparecida.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Aparecida</h4>
                                        <p class="text-limit">A cidade de Aparecida está localizada no estado de São Paulo. O Santuário Nacional de Nossa Senhora Aparecida recebe anualmente 7 milhões de romeiros e é considerado o maior santuário mariano do mundo.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/serra_negra.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Serra Negra</h4>
                                        <p class="text-limit">A cidade de Serra Negra está localizada em uma montanha com altitude de 1300 metros. Cidade hospitaleira com um comércio variado de clima agradável e que faz parte do Circuito das Águas Paulista com lindos parques, jardins e diversas fontes.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/olimpia.jpeg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Olímpia</h4>
                                        <p class="text-limit">Na cidade de Olímpia está localizado o famoso parque aquático Thermas dos Laranjais, um dos principais complexos turísticos da américa latina e do Brasil.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/campos_do_jordao.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Campos do Jordão</h4>
                                        <p class="text-limit">Campos do Jordão é considerada a Europa tropical, a Suiça Brasileira. Uma estância hidromineral situada na Serra da Mantiqueira, muito conhecida pelo seu Festival de Inverno possui diversos pontos turísticos sendo um destino maravilhoso em qualquer estação.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/ibitinga.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Ibitinga</h4>
                                        <p class="text-limit">Destino certo para compras, Ibitinga é o paraíso para os lojistas, sacoleiras ou mesmo as donas de casa que querem renovar o ambiente.Cama, Mesa Banho, Tapetes, Cortinas, tudo por um preço excelente com muita diversidade e valores para todos os bolsos.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/barrabonita.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Barra Bonita</h4>
                                        <p class="text-limit">Barra Bonita local para um excelente passeio pelo Rio Tietê, navegável e com sua beleza exuberante. Você pode conhecer  a eclusa uma interessante obra de engenharia, desfrutar de um delicioso almoço nos barcos que fazem o passeio e aproveitar a feirinha de artesanato local.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/caldasnovas.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Caldas Novas</h4>
                                        <p class="text-limit">Bem vindo às famosas águas quentes de Goiás, elas brotam do solo em uma temperatura entre 37º e 58º C. As águas thermais também possuem propriedades medicinais. Caldas Novas é diversão para toda família.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/sp.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">São Paulo</h4>
                                        <p class="text-limit">Alguma coisa acontece no meu coração, que só quando cruza a Ipiranga e a Avenida São João. São Paulo é o melhor lugar do Brasil para se fazer negócios. Coração financeiro do País, a cidade está geograficamente localizada num ponto de fácil acesso, tanto para brasileiros quanto para estrangeiros.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                            <div class="item py-2" style="width: 250px;">
                            <div class="card">
                                <div class="card-body">
                                    <div class="post-media wow fadeIn sdsd">
                                        <div style="width:100%;aspect-ratio:16/9;background: url(../img/uploads/wetnwild.jpg);background-size:cover;"> </div>
                                    </div>
                                    <div class="service-dit">
                                        <h4 class="text-center">Parques Temáticos</h4>
                                        <p class="text-limit">Parques Temáticos – Lazer e Diversão para toda família, friozinho na barriga e sorriso no rosto das crianças e adultos de todas as idades.</p>
                                    </div>
                                </div>
                            </div>
                        </div> 
                                    </div>
                
                <div class="text-center">
                    <a class="btn main-btn btn-filled text-light" onclick="$('#ctn').toggle()">Ver Frota</a>
                </div>
                <div id="ctn" style="display: none;margin-top: 50px">
                    <div class="container">
                    <div class="row text-center">
                                                <div class="col-md-4 col-sm-4 col-xs-12" >
                            <div class="service-widget" style="min-height: 463px;">
                                <div style="width:100%;aspect-ratio:16/9;background:url(../img/uploads/1.jpg);background-size:cover;"> </div>
                                <h3>Executivo Turismo</h3>
                                <ul><ul>
	<li>46 poltronas em tecido soft</li>
	<li>Ar Condicionado</li>
	<li>TV/DVD</li>
	<li>Som Ambiente</li>
	<li>Geladeira elétrica</li>
</ul>
</ul>
                            </div>
                        </div>
                                                <div class="col-md-4 col-sm-4 col-xs-12" >
                            <div class="service-widget" style="min-height: 463px;">
                                <div style="width:100%;aspect-ratio:16/9;background:url(../img/uploads/2.jpg);background-size:cover;"> </div>
                                <h3>Ônibus Convencional</h3>
                                <ul><li>Com capacidade de 48 passageiros</li><li>Sem Banheiro</li></ul>
                            </div>
                        </div>
                                                <div class="col-md-4 col-sm-4 col-xs-12" >
                            <div class="service-widget" style="min-height: 463px;">
                                <div style="width:100%;aspect-ratio:16/9;background:url(../img/uploads/3.jpg);background-size:cover;"> </div>
                                <h3>Micro Ônibus</h3>
                                <ul><li>Ar Condicionado</li><li>Geladeira</li><li>Som Ambiente</li><li>TV/DVD</li><li>Capacidade para 26 passageiros</li></ul>
                            </div>
                        </div>
                                            </div>
                </div>
            </div> 
            <a href="https://wa.me/5515997145307" style="position:fixed;z-index:40;bottom: 5px; left: 5px"><img src="../img/uploads/WhatsApp.png" style="width:100px;aspect-ratio:1"></a>
            <script type="text/javascript" src="js/turismo.js"></script>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.css"  />
            <script>
                $(function(){
                    $('.owl-carousel').owlCarousel({
                        margin:10,
                        loop:true,
                        autoWidth:true,
                        items:4
                    })
                })
            </script>
            <footer class="footer-style-three">
        <div class="footer-top d-none">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-sm-4">
                        <div class="logo text-center text-sm-left">
                            <a href="../index.html">
                                <img src="../logo.png" alt="Delco">
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-8">
                        <div class="social-icon text-center text-sm-right">
                            <a href="#"><i class="fab fa-facebook-f"></i></a>
                            <a href="#"><i class="fab fa-twitter"></i></a>
                            <a href="#"><i class="fab fa-behance"></i></a>
                            <a href="#"><i class="fab fa-linkedin"></i></a>
                            <a href="#"><i class="fab fa-youtube"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="footer-widget-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="widget nav-widget d-flex justify-content-start">
                            <div>
                                <h5 class="widget-title">Visão</h5>
                                <p>Ser a referência no mercado de transporte de passageiros, buscando crescimento contínuo, com qualidade, inovação e gestão eficaz.</p>
                                <br>
                                <h5 class="widget-title">Missão</h5>
                                <p>Prover soluções eficazes e inovadoras no serviço de transporte de passageiros que contribuam para o crescimento e desenvolvimento de nossos clientes, colaboradores, comunidade e acionistas.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="widget nav-widget d-flex justify-content-start justify-content-lg-center">
                            <div>
                                <h5 class="widget-title">Páginas</h5>
                                <ul>
                                <li><a href="../">Home                                         <span class="fas fa-arrow-right pl-1"></span></a></li>
                                <li><a href="../noticias">Notícias                             <span class="fas fa-arrow-right pl-1"></span></a></li>
                                <li><a href="../empresa">Empresa                               <span class="fas fa-arrow-right pl-1"></span></a></li>
                                <li><a href="../transporte/metropolitano">Metropolitano                    <span class="fas fa-arrow-right pl-1"></span></a></li>
                                <li><a href="../transporte/corporativo">Fretamento Corporativo <span class="fas fa-arrow-right pl-1"></span></a></li>
                                <li><a href="../transporte/turistico">Fretamento Turístico     <span class="fas fa-arrow-right pl-1"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-12 col-sm-12">
                        <div class="widget nav-widget d-flex justify-content-start justify-content-lg-center">
                            <div>
                                <h5 class="widget-title">Relacionamento</h5>
                                <ul>
                                    <li><a href="../webmail" target="_blank">Webmail           <span class="fas fa-arrow-right pl-1"></span></a></li>
                                    <li><a href="../terminal" target="_blank">Terminal WEB     <span class="fas fa-arrow-right pl-1"></span></a></li>
                                    <li><a href="../fale_conosco">Fale Conosco                 <span class="fas fa-arrow-right pl-1"></span></a></li>
                                    <li><a href="../trabalhe_conosco">Trabalhe Conosco         <span class="fas fa-arrow-right pl-1"></span></a></li>
                                    <li><a href="../logon">Área Restrita                       <span class="fas fa-arrow-right pl-1"></span></a></li>
                                    <li><a href="../app">Apps Restritos                        <span class="fas fa-arrow-right pl-1"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="copy-right-area">
            <div class="container">
                <div class="copyrigt-text d-sm-flex justify-content-center">
                    <p><a href="https://albertotrevisan.com.br">Alberto Trevisan Informática</a></p>
                </div>
            </div>
        </div>
    </footer>