<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 - Blog </title> <!--Title define o título.-->
<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"> <!--O atributo name especifica o nome dos metadados.A contentpropriedade é usada com os pseudo-elementos :: before e :: after , para inserir o conteúdo gerado.-->
<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"> <!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/animate.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/owl.carousel.min.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/owl.theme.default.min.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/magnific-popup.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/aos.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/ionicons.min.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/bootstrap-datepicker.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/jquery.timepicker.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/flaticon.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/icomoon.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="stylesheet" href="css/style.css"><!--O atributo rel obrigatório especifica a relação entre o documento atual e o documento / recurso vinculado.-->
<link rel="icon" href="images/logo.jpg">
</head>
<body> <!--Define a estrututa do meu código fonte.-->
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar"> <!--A <nav> tag define um conjunto de links de navegação.O id atributo especifica um id único para um elemento HTML. O valor do id atributo deve ser exclusivo no documento HTML.-->
<div class="container"> <!--A <div> tag define uma divisão ou seção em um documento HTML.O class atributo HTML é usado para especificar uma classe para um elemento HTML.-->
<a class="navbar-brand" href="index.html">Ah Bordo</a> <!--A <a>tag define um hiperlink, que é usado para vincular de uma página a outra.O class atributo HTML é usado para especificar uma classe para um elemento HTML.-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation"> <!--A <button> tag define um botão clicável. Type - define o tipo.-->
<span class="oi oi-menu"></span> Menu <!--A <span>tag é um contêiner embutido usado para marcar uma parte de um texto ou uma parte de um documento.-->
</button>
<div class="collapse navbar-collapse" id="ftco-nav"> <!--A <nav> tag define um conjunto de links de navegação.O id atributo especifica um id único para um elemento HTML. O valor do id atributo deve ser exclusivo no documento HTML.-->
<ul class="navbar-nav ml-auto"> <!--A <ul> tag define uma lista não ordenada (com marcadores).-->
<li class="nav-item"><a href="index.html" class="nav-link">Início</a></li> <!--A <li> tag define um item da lista-->
<li class="nav-item"><a href="pacotes.html" class="nav-link">Pacotes</a></li><!--A <li> tag define um item da lista-->
<li class="nav-item"><a href="#" class="nav-link">Login</a></li><!--A <li> tag define um item da lista-->
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li><!--A <li> tag define um item da lista-->
<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><!--A <li> tag define um item da lista-->
<li class="nav-item"><a href="sobrenos.html" class="nav-link">Sobre nós</a></li><!--A <li> tag define um item da lista-->
</ul>
</div>
</div>
</nav>
<!--FIM DA NAVBAR. -->
<div class="hero-wrap" style="background-image: url('images/começo1.jpg');"> <!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe, Style define um estilo.-->
<div class="overlay"></div><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="container"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="row no-gutters slider-text d-flex align-itemd-end justify-content-center"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="col-md-9 ftco-animate text-center d-flex align-items-end justify-content-center"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="text"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Início</a></span> <span>Blog</span></p> <!-- <p> define um parágrafo.A <span> tag é um contêiner embutido usado para marcar uma parte de um texto ou uma parte de um documento.-->
<h1 class="mb-4 bread">Blog Pontos Turísticos</h1> <!--<h1> define um subtítulo.-->
</div>
</div>
</div>
</div>
</div>
<section class="ftco-section"> <!--A <section> tag define uma seção em um documento.-->
<div class="container"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="row d-flex"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina1.html" class="block-20" style="background-image: url('images/imagem_1.jpg');">
</a><!--A <a> tag define um hiperlink, que é usado para vincular de uma página a outra.O class atributo HTML é usado para especificar uma classe para um elemento HTML.-->
<div class="text mt-3 d-block"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3"><!--<h3> define um subtítulo.-->
<a href="pagina1.html">Pontos Turísticos de Cabo Frio</a></h3><!--A <a> tag define um hiperlink -->
<div class="meta mb-3"> <!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">12 de julho 2020 </a></div><!--A <div> tag define uma divisão ou seção em um documento HTML.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--A <div> tag define uma divisão ou seção em um documento HTML.-->
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina2.html" class="block-20" style="background-image: url('images/imagem_2.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3"><!--A <div> tag define uma divisão ou seção em um documento HTML.-->
<h3 class="heading mt-3"><a href="pagina2.html"> Pontos Turísticos de Natal-RN</a></h3> <!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML.-->
<div><a href="#">04 de Agosto 2020 </a></div>
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div>
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina3.html" class="block-20" style="background-image: url('images/imagem_3.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3"><a href="pagina3.html">Pontos Turisticos de Florianópolis-SC</a></h3><!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">19 de Novembro 2020 </a></div> <!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina4.html" class="block-20" style="background-image: url('images/imagem_4.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3"><a href="pagina4.html">Pontos Turísticos de Rio de Janeiro</a></h3><!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">25 de Dezembro 2020 </a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina5.html" class="block-20" style="background-image: url('images/imagem_5.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3 d-block"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3"><a href="pagina5.html">Pontos Turísticos de Caldas Novas</a></h3><!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">21 de Setembro 2020</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina6.html" class="block-20" style="background-image: url('images/imagem_6.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3"><a href="pagina6.html">Pontos Turísticos de Belo Horizonte</a></h3><!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">09 de Janeiro 2020</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina7.html" class="block-20" style="background-image: url('images/imagem_7.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3"><a href="pagina7.html">Pontos Turisticos de Ouro de Preto</a></h3><!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">23 de Fevereiro 2020</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
</div>
</div>
</div>
</div>
<div class="col-md-3 d-flex ftco-animate"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="blog-entry align-self-stretch"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<a href="pagina8.html" class="block-20" style="background-image: url('images/imagem_8.jpg');">
</a><!--A <a> tag define um hiperlink -->
<div class="text mt-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h3 class="heading mt-3">Pontos Turísticos de Bahia Savador<a href=""></a></h3><!--h3 define um subtitulo-->
<div class="meta mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div><a href="#">14 de Março 2020</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
<div><a href="#" class="meta-chat"><span class="icon-chat"></span> 5</a></div><!--div define uma divisão.Para os elementos <a> e <area>, o atributo href especifica a URL da página para a qual o link vai.-->
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="ftco-footer ftco-bg-dark ftco-section"><!--A <footer> tag define um rodapé para um documento ou seção.-->
<div class="container"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="row mb-5"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="col-md"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="ftco-footer-widget mb-4"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h2 class="ftco-heading-2">Site Ah Bordo</h2> <!--<h2> define um subtítulo.-->
<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> <!--<p>define um parágrafo.-->
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5"> <!--A <ul>tag define uma lista não ordenada (com marcadores).-->
<li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li><!--A <li>tag define um item da lista.-->
<li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li><!--A <li>tag define um item da lista.-->
<li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li><!--A <li>tag define um item da lista.-->
</ul>
</div>
</div>
<div class="col-md"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="ftco-footer-widget mb-4 ml-md-5"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h2 class="ftco-heading-2">Links Úteis</h2><!--<h2> define um subtítulo.-->
<ul class="list-unstyled"><!--A <ul>tag define uma lista não ordenada (com marcadores).-->
<li><a href="#" class="py-2 d-block">Blog</a></li><!--A <li>tag define um item da lista.-->
<li><a href="#" class="py-2 d-block">Pousadas</a></li><!--A <li>tag define um item da lista.-->
<li><a href="#" class="py-2 d-block">Login</a></li><!--A <li>tag define um item da lista.-->
<li><a href="#" class="py-2 d-block">Cartão Fidelidade</a></li><!--A <li>tag define um item da lista.-->
</ul>
</div>
</div>
<div class="col-md"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="ftco-footer-widget mb-4"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h2 class="ftco-heading-2">Categorias</h2><!--<h2> define um subtítulo.-->
<ul class="list-unstyled"><!--A <ul> tag define uma lista não ordenada (com marcadores).-->
<li><a href="#" class="py-2 d-block">Carreira</a></li><!--A <li>tag define um item da lista.-->
<li><a href="#" class="py-2 d-block">Sobre nós</a></li><!--A <li>tag define um item da lista.-->
<li><a href="#" class="py-2 d-block">Contato</a></li><!--A <li>tag define um item da lista.-->
<li><a href="#" class="py-2 d-block">Serviços</a></li><!--A <li>tag define um item da lista.-->
</ul>
</div>
</div>
<div class="col-md"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="ftco-footer-widget mb-4"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<h2 class="ftco-heading-2">Tire suas Dúvidas</h2><!--<h2> define um subtítulo.-->
<div class="block-23 mb-3"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<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><!--A <li> tag define um item da lista.-->
<li><a href="#"><span class="icon icon-phone"></span><span class="text">(31) 3531-6620</span></a></li><!--A <li> tag define um item da lista.-->
<li><a href="#"><span class="icon icon-envelope"></span><span class="text">ahbordo@gmail.com</span></a></li><!--A <li> tag define um item da lista.-->
</ul>
</div>
</div>
</div>
</div>
<div class="row"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe--><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<div class="col-md-12 text-center"><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
<p>
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> <!--<p>define um parágrafo.-->
</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><!--A <div> tag define uma divisão ou seção em um documento HTML. Class define uma classe-->
</body> <!--</body> define o fechamento da tag-->
</html><!--</html> define o fechamento da tag-->
<script src="js/jquery.min.js"></script> <!--A <script> tag é usada para incorporar um script do lado do cliente (JavaScript).,O atributo src especifica a URL de um arquivo de script externo.-->
<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>
