Costa Smeralda Novo navio Costa Smeralda <div class="col-12"> <a class="contact-us btn w-100" href="tel://08009993776">0800 999 3776</a> </div> </div> </div> </div> </div> </section> <section id="cruiser-info" class="mt-5"> <div class="container"> <div class="row mb-3 pt-5 justify-content-center"> <div class="col-auto"> <!-- <h3 class="text-uppercase">Informações do Navio</h3> --> </div> </div> <div class="row"> <div class="col-12"> <div class="nav-info-wrapper"> <nav> <div class="nav nav-tabs d-flex justify-content-center" id="nav-tab" role="tablist"> <button class="nav-link" id="nav-itinerary-tab" data-bs-toggle="tab" data-bs-target="#nav-itinerary" type="button" role="tab" aria-controls="nav-itinerary" aria-selected="true">Roteiro</button> <button class="nav-link" id="nav-about-tab" data-bs-toggle="tab" data-bs-target="#nav-about" type="button" role="tab" aria-controls="nav-about" aria-selected="false">Sobre o Navio</button> </div> </nav> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade" id="nav-itinerary" role="tabpanel" aria-labelledby="nav-itinerary-tab" tabindex="0"> <table id="table-guide" class="table shadow-sm"> <thead> <tr> <th>Dia</th> <th>Porto</th> <th>Chegada</th> <th>Saída</th> </tr> </thead> <tbody> <tr> <td> 02/05<br> Fri </td> <td>Genova</td> <td>21:00</td> <td>21:00</td> </tr> <tr> <td> 03/05<br> Sat </td> <td>Marseille</td> <td>09:00</td> <td>09:00</td> </tr> <tr> <td> 04/05<br> Sun </td> <td>Barcelona</td> <td>08:00</td> <td>08:00</td> </tr> <tr> <td> 06/05<br> Tue </td> <td>Cagliari</td> <td>07:00</td> <td>07:00</td> </tr> <tr> <td> 07/05<br> Wed </td> <td>Nápoles</td> <td>10:00</td> <td>10:00</td> </tr> <tr> <td> 08/05<br> Thu </td> <td>Civitavecchia</td> <td>08:00</td> <td>08:00</td> </tr> <tr> <td> 09/05<br> Fri </td> <td>Genova</td> <td>08:30</td> <td>08:30</td> </tr> </tbody> </table> </div> <div class="tab-pane fade" id="nav-include" role="tabpanel" aria-labelledby="nav-include-tab" tabindex="0"></div> <div class="tab-pane fade" id="nav-exclude" role="tabpanel" aria-labelledby="nav-exclude-tab" tabindex="0"></div> <div class="tab-pane fade" id="nav-payment" role="tabpanel" aria-labelledby="nav-payment-tab" tabindex="0"></div> <div class="tab-pane fade" id="nav-about" role="tabpanel" aria-labelledby="nav-about-tab" tabindex="0"> <div class="card"> <div class="card-body"> <ul class="boat-info"> <li><strong>Nome:</strong> Costa Smeralda</li> <li><strong>Companhia:</strong> Costa Cruzeiros</li> <li><strong>Ano de construção:</strong> 01/01/2019</li> <li><strong>Renovado em:</strong> </li> <li><strong>Local de construção:</strong> Meyer Turku (Turku, Finland)</li> <li><strong>Classe:</strong> Helios</li> <li><strong>Velocidade:</strong> 43</li> <li><strong>Comprimento:</strong> 337</li> <li><strong>Largura:</strong> 42</li> <li><strong>Tonelada:</strong> 183900 gt</li> <li><strong>Passageiros (max):</strong> 6518</li> <li><strong>Tripulantes:</strong> 1682</li> <li><strong>Decks:</strong> 20</li> <li><strong>Cabines:</strong> 2612</li> <li><strong>Batizado por:</strong> </li> </ul> </div><!-- /.card-body --> </div><!-- /.card --> </div><!-- /#nav-about --> </div><!-- /.tab-content --> </div> </div> </div> <div class="row justify-content-center mb-4"> <div class="col-auto"> <h3 class="title">Cabines</h3> </div> </div> <div class="row"> <div class="col-12"> <div class="categories-wrapper"> </div> </div> </div> </div> </section> </article> </main> <footer id="site-footer"> <section> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-md-4 col-lg-3 pb-5 d-flex justify-content-center justify-content-lg-start"> <a href="https://www.cruzeirobarato.com.br/"><img src="/assets/img/logo.webp" alt="Logo"></a> </div> <div class="col-12 col-md-8 col-lg-9"> <div class="menus-footer-wrapper"> <div class="item-menus-rodape"> <p class="h5 footer-menu__title">Mais buscados</p> <ul class="footer-menu"> <li><a href="https://www.cruzeirobarato.com.br/2024.html">2024</a></li> <li><a href="https://www.cruzeirobarato.com.br/brasil-europa.html">Brasil > Europa</a></li> <li><a href="https://www.cruzeirobarato.com.br/carnaval-brasileiro.html">Carnaval Brasileiro</a></li> <li><a href="https://www.cruzeirobarato.com.br/dezembro.html">Dezembro</a></li> </ul> </div> <div class="item-menus-rodape"> <p class="h5 footer-menu__title">Temáticos</p> <ul class="footer-menu"> </ul> </div> <div class="item-menus-rodape"> <p class="h5 footer-menu__title">Cruzeiros internacionais</p> <ul class="footer-menu"> <li><a href="https://www.cruzeirobarato.com.br/america-central.html">América Central</a></li> <li><a href="https://www.cruzeirobarato.com.br/america-do-norte.html">América do Norte</a></li> <li><a href="https://www.cruzeirobarato.com.br/america-do-sul.html">América do Sul</a></li> <li><a href="https://www.cruzeirobarato.com.br/europa.html">Europa</a></li> <li><a href="https://www.cruzeirobarato.com.br/oceania.html">Oceania</a></li> <li><a href="https://www.cruzeirobarato.com.br/africa.html">África</a></li> <li><a href="https://www.cruzeirobarato.com.br/asia.html">Ásia</a></li> </ul> </div> <div class="item-menus-rodape"> <p class="h5 footer-menu__title">Cruzeiros Nacionais</p> <ul class="footer-menu"> <li><a href="https://www.cruzeirobarato.com.br/fevereiro-no-brasil.html">Fevereiro Nacional</a></li> <li><a href="https://www.cruzeirobarato.com.br/janeiro-pelo-brasil.html">Janeiro pelo Brasil</a></li> <li><a href="https://www.cruzeirobarato.com.br/marco-nacional.html">Março na costa brasileira</a></li> <li><a href="https://www.cruzeirobarato.com.br/nacional.html">Nacional</a></li> <li><a href="https://www.cruzeirobarato.com.br/natal-nacional.html">Natal Nacional</a></li> </ul> </div> <div class="item-menus-rodape"> <p class="h5 footer-menu__title">Travessia</p> <ul class="footer-menu"> <li><a href="https://www.cruzeirobarato.com.br/travessia.html">Travessia</a></li> <li><a href="https://www.cruzeirobarato.com.br/travessia-brasil-europa.html">Travessia Brasil > Europa</a></li> <li><a href="https://www.cruzeirobarato.com.br/travessia-europa-brasil.html">Travessia Europa > Brasil</a></li> </ul> </div> </div> </div> </div> </div> </section> <section id="copyright"> <div class="container"> <div class="row justify-content-between"> <div class="col-auto"> <p class="mb-0">© 2023 Cruzeiro Barato. Todos os direitos reservados.</p> </div> <div class="col-auto"> <p class="mb-0">Av. Pereira Barreto, 1395 - Sala 146 Sul - Paraíso, Santo André - SP, 09190-610, Brasil</p> </div> </div> </div> </section> </footer> <a target="_blank" id="whatsapp-link" href="https://wa.me/5511913412191" rel="noopener"><img src="https://www.cruzeirobarato.com.br/assets/img/whatsapp.webp" alt="Whatsapp"></a> <script src="/assets/jquery-3.7.1.min.js"></script> <script src="/assets/bootstrap/js/popper.min.js"></script> <script src="/assets/bootstrap/js/bootstrap.min.js"></script> <script src="/assets/fontawesome/js/all.min.js"></script> <script src="/assets/script.js"></script> <script src="https://www.cruzeirobarato.com.br/assets/lightbox/js/lightbox-plus-jquery.min.js"></script> <script src="https://www.cruzeirobarato.com.br/assets/jquery-3.7.1.min.js"></script> <script src="https://www.cruzeirobarato.com.br/assets/owl/owl.carousel.min.js"></script> <script> $(document).ready(function() { $(".owl-carousel").owlCarousel({ margin: 10, lazyLoad: true, loop: false, }); $('.nav-info-wrapper .nav-link:first-of-type').addClass('active'); let tab_pane = $('.nav-info-wrapper .nav-link:first-of-type').data('bs-target'); $(tab_pane).addClass('active show'); }) </script> </body> </html>
