"Blog - Início"
Bootstrap 4.1.1 Snippet by Andreza12

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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.-->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<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>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Vue Argon Design System
Bootstrap 4 Blog Carousel
Blog footer

Questions / Comments: