"Blog - Página 07"
Bootstrap 4.1.1 Snippet by Andreza12

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="pt-br"><!--Lang define a Linguagem do código fonte.--> <head><!--Define a cabeça do meu código fonte.--> <title>Ah Bordo</title> <meta charset="utf-8"><!--O atributo charset especifica a codificação de caracteres para o documento HTML.--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700" rel="stylesheet"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i" rel="stylesheet"> <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css"> <link rel="stylesheet" href="css/animate.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/aos.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/ionicons.min.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.css"> <link rel="stylesheet" href="css/jquery.timepicker.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/flaticon.css"> <link rel="stylesheet" href="css/icomoon.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/style.css"> <link rel="icon" href="images/logo.jpg"> </head> <body> <!--Começo da Navbar--> <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar"> <div class="container"> <a class="navbar-brand" href="index.html">Ah Bordo</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="oi oi-menu"></span> Menu </button> <div class="collapse navbar-collapse" id="ftco-nav"> <ul class="navbar-nav ml-auto"> <li class="nav-item"><a href="index.html" class="nav-link">Início</a></li> <li class="nav-item"><a href="pacotes.html" class="nav-link">Pacotes</a></li> <li class="nav-item"><a href="login.html" class="nav-link">Login</a></li> <li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li> <li class="nav-item active"><a href="contato.html" class="nav-link">Contato</a></li> <li class="nav-item"><a href="fidelidade.html" class="nav-link">Descontos</a></li> <li class="nav-item"><a href="sobrenos.html" class="nav-link">Sobre nós</a></li> </ul> </div> </div> </nav> <!--Fim da Nav Bar--> <div class="hero-wrap" style="background-image: url('images/ouropreto.jpg');"> <div class="overlay"></div> <div class="container"> <div class="row no-gutters slider-text d-flex align-itemd-end justify-content-center"> <div class="col-md-9 ftco-animate text-center d-flex align-items-end justify-content-center"> <div class="text"> <p class="breadcrumbs mb-2" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><span class="mr-2"><a href="index.html">Início</a></span> <span class="mr-2"><a href="blog.html">Blog</a></span> <span>Ouro Preto</span></p> <h1 class="mb-4 bread">Ouro Preto</h1> </div> </div> </div> </div> </div> <section class="ftco-section ftco-degree-bg"> <div class="container"> <div class="row"> <div class="col-lg-8 ftco-animate order-md-last"> <h2 class="mb-3">Pontos Turísticos Ouro Preto</h2> <p>O título de Patrimônio Histórico da Humanidade não foi concedido por acaso a Ouro Preto. A cidade abriga o maior conjunto arquitetônico do barroco brasileiro, preservando jóias como as igrejas de São Francisco de Assis, considerada o ícone do estilo no país e obra-prima de Aleijadinho; e de Nossa Senhora do Pilar, ornamentada com mais de 400 quilos de ouro. </p> <p> <img src="images/ouropreto1.jpg" alt="" class="img-fluid"> </p> <p>Em meio às ladeiras de paralelepípedo que recortam toda a antiga Vila Rica, estão ainda chafarizes, capelas, museus e um belo casario colonial que guardam e contam histórias dos séculos 17 e 18, épocas da pujança das minas e da Inconfidência Mineira.Durante o dia, o programa é bater pernas pelas ladeiras, desvendando altares e imagens pedra-sabão, bater perna pelas lojas e cafeterias da Rua Direita... Para tal, não esqueça dos sapatos confortáveis, que também são bem vindos para curtir a noite nos bares ou nas festas que agitam as repúblicas de estudantes. </p> <h2 class="mb-3 mt-5">Porquê voçê deve ir?!</h2> <img src="images/ouropreto2.jpg" alt="" class="img-fluid"> </p> <p>São mais de 200 moradias abrigando os cerca de cinco mil alunos da Universidade Federal de Ouro Preto. Essa turma é responsável ainda pela alegria que toma conta do cenário em períodos como Carnaval - há desfiles de blocos - e Festa do Doze, em outubro, quando o aniversário da instituição de ensino reúne antigos e atuais estudantes. Na Semana Santa o movimento também é grande. Muita gente vem de longe para conferir a beleza das procissões e dos tapetes de flores e serragens que colorem ruas e ladeiras. Para fugir do burburinho, as opções são embarcar na antiga maria-fumaça que leva à vizinha Mariana; ou seguir para o Pico do Itacolomi, protegido em um parque estadual com 75 quilômetros quadrados repletos de mirantes naturais.</p> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="#" class="tag-cloud-link">Vida</a> <a href="#" class="tag-cloud-link">Esporte</a> <a href="#" class="tag-cloud-link">Tecnologia</a> <a href="#" class="tag-cloud-link">Viagem</a> </div> </div> <!--Começo do Comentário--> <div class="pt-5 mt-5"> <h3 class="mb-5">05 Comentários</h3> <ul class="comment-list"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa6.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Sara Martins</h3> <div class="meta">14 de Julho 2020 as 14:45</div> <p>Visitei a feira de artesanato em pedra-sabão, é tudo muito lindo e bem feito! É incrivel a habilidade que eles tem: gravando nomes na hora e muito rapidamente, a feira é muito legal e os preços também são ótimos!</p> <p><a href="#" class="reply">Resposta</a></p> </div> </li> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa7.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Gustavo Ramos</h3> <div class="meta">07 de Janeiro 2020 as 23:50</div> <p> Estive em Ouro Preto e fiz os passeios com o guia Edmar que encontrei na praça da Inconfidência, em frente ao museu. Foi ótimo fazer os passeios com ele, pois contou toda história da cidade e otimizou muito o pouco tempo que tive na cidade. Não deixem de procurar para fazer os passeios com calma, é impossível andar ali de carro, principalmente se pegar chuva, é teste de motorista na certa. Andar a pé se torna bastante cansativo se vc tem pouco tempo e quer conhecer vários pontos da cidade.</p> <p><a href="#" class="reply">Resposta</a></p> </div> <ul class="children"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa8.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Viviane Queiroz</h3> <div class="meta">27 de Março 2020 as 08:40</div> <p>Uma recomendação importante, para você que vai ir para Ouro Preto em MG, contrate um guia, sem um guia você fica perdido na cidade e não conhece a história das igrejas, das minas, da cultura e etc. Não fique com medo de contratar os guias, normalmente eles ficam próximo as igrejas, são pessoas credenciadas pela secretaria da cultura, é seguro, o preço você negocia, mas fica em torno de 80,00 o dia e ele ainda lhe indica um local legal e barato para você almoçar, compensa, eu fui em Dezembro de 2013 e o guia Ricardo Gonçalves de Matos me explicou tudo da cidade e das igrejas, segue o fone dele para quem quiser 31-8801-4096 e 31 - 9724-0475.</p> <p><a href="#" class="reply">Resposta</a></p> </div> <ul class="children"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa9.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Vitória Oliveira</h3> <div class="meta">12 de Abril 2020 as 18:00</div> <p>Ficamos 3 dias em Ouro Preto. Nos hospedamos na Pousada Arcádia Mineira, que fica localizada no centro de Ouro Preto mas em uma rua super tranquila. Fomos bem recebidos e gostamos, principalmente, do atendimento das camareiras hotel. Achei o preço um pouco salgado pela qualidade do hotel e do atendimento, mas ficaria lá de novo por causa da limpeza, do sossego e do bom café da manhã. Para almoçar e lanchar à noite indico o Bar Satélite, que fica na rua direita, lugar super simples mas servem um ótimo executivo, caldos , pizza e batatas recheadas. Se for de carro, deixe-o na garagem porque a cidade em alta temporada fica extremamente cheia e não tem boa sinalização. Além disso, é quase impossível encontrar um local para estacionar.</p> <p><a href="#" class="reply">Resposta</a></p> </div> <ul class="children"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa10.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Lucas Oliveira</h3> <div class="meta">13 de Janeiro 2020 as 14:35</div> <p> Andar pelas ruas de Ouro Preto é se deliciar e apreciar o que a cidade tem de mais belo: a sua arquitetura. Nos permite dar uma volta ao tempo colonial e, ao mesmo tempo, se enriquecer com cultura e apreciar a bela paisagem mineira.</p> <p><a href="#" class="reply">Resposta</a></p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <!-- fim do comentário--> <div class="comment-form-wrap pt-5"> <h3 class="mb-5">Deixe um comentário</h3> <form action="#" class="p-5 bg-light"> <div class="form-group"> <label for="name">Nome *</label> <input type="text" class="form-control" id="name"> </div> <div class="form-group"> <label for="email">Email *</label> <input type="email" class="form-control" id="email"> </div> <div class="form-group"> <label for="website">Website</label> <input type="url" class="form-control" id="website"> </div> <div class="form-group"> <label for="message">Mensagem</label> <textarea name="" id="message" cols="30" rows="10" class="form-control"></textarea> </div> <div class="form-group"> <input type="submit" value="Enviar Comentário" class="btn py-3 px-4 btn-primary"> </div> </form> </div> </div> </div> <!-- .col-md-8 --> <div class="col-lg-4 sidebar ftco-animate"> <div class="sidebar-box"> <form action="#" class="search-form"> <div class="form-group"> <span class="icon fa fa-search"></span> <input type="text" class="form-control" placeholder="Pesquise aqui"> </div> </form> </div> <div class="sidebar-box ftco-animate"> <div class="categorias"> <h3>Categorias</h3> <li><a href="#">Properties <span>(12)</span></a></li> <li><a href="#">Home <span>(22)</span></a></li> <li><a href="#">House <span>(37)</span></a></li> <li><a href="#">Villa <span>(42)</span></a></li> <li><a href="#">Apartment <span>(14)</span></a></li> <li><a href="#">Condominium <span>(140)</span></a></li> </div> </div> <div class="sidebar-box ftco-animate"> <h3>Blog Recentes</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(images/imagem_1.jpg);"></a> <div class="text"> <h3 class="heading"><a href="#">Pontos Turísticos de Cabo Frio</a></h3> <div class="meta"> <div><a href="#"><span class="icon-calendar"></span> 21 de Julho 2020</a></div> <div><a href="#"><span class="icon-chat"></span> 5</a></div> </div> </div> </div> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(images/imagem_2.jpg);"></a> <div class="text"> <h3 class="heading"><a href="#">Pontos Turísticos de Natal-RN</a></h3> <div class="meta"> <div><a href="#"><span class="icon-calendar"></span> 07 de Agosto 2020</a></div> <div><a href="#"><span class="icon-chat"></span> 5</a></div> </div> </div> </div> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(images/imagem_3.jpg);"></a> <div class="text"> <h3 class="heading"><a href="#">Pontos Turisticos de Florianópolis-SC</a></h3> <div class="meta"> <div><a href="#"><span class="icon-calendar"></span> 20 de Setembro 2020</a></div> <div><a href="#"><span class="icon-chat"></span> 5</a></div> </div> </div> </div> </div> </div> </div> </section> <!-- .section --> <footer class="ftco-footer ftco-bg-dark ftco-section"> <div class="container"> <div class="row mb-5"> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Site Ah Bordo</h2> <p>Ah Bordo oferece a você a melhor experiencia. Mostrando os melhores lugares e hospedagens sensacionais onde o conforto e segurança são os pontos principais. Venha fazer parte dessa equipe.</p> <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4 ml-md-5"> <h2 class="ftco-heading-2">Links Úteis</h2> <ul class="list-unstyled"> <li><a href="#" class="py-2 d-block">Blog</a></li> <li><a href="#" class="py-2 d-block">Pousadas</a></li> <li><a href="#" class="py-2 d-block">Facilidades</a></li> <li><a href="#" class="py-2 d-block">Cartão Fidelidade</a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Categorias</h2> <ul class="list-unstyled"> <li><a href="#" class="py-2 d-block">Carreira</a></li> <li><a href="#" class="py-2 d-block">Sobre nós</a></li> <li><a href="#" class="py-2 d-block">Contato</a></li> <li><a href="#" class="py-2 d-block">Serviços</a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Tire suas Dúvidas</h2> <div class="block-23 mb-3"> <ul> <li><span class="icon icon-map-marker"></span><span class="text">Rede Cidadã - Av. dos Andradas, N°302 Centro Belo Horizonte-MG, CEP:30120-010</span></li> <li><a href="#"><span class="icon icon-phone"></span><span class="text">(31) 3531-6620</span></a></li> <li><a href="#"><span class="icon icon-envelope"></span><span class="text">ahbordo@gmail.com</span></a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 text-center"> <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> Todos os direitos reservados <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> </div> </div> </div> </footer> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/aos.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="js/jquery.timepicker.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> </body> </html>

Related: See More


Questions / Comments: