"Barão _ Raquel Gomes "
Bootstrap 4.1.1 Snippet by psd14t

Post to Facebook Tweet this

<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 ----------> <<html lang="en"> <head> <!-- Theme Made By www.w3schools.com - No Copyright --> <title>BARÃO - Um cachorro</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <style> body { font: 20px Montserrat, sans-serif; line-height: 1.8; color: #f5f6f7; } p {font-size: 16px;} .margin {margin-bottom: 45px;} .bg-1 { background-color: #1abc9c; /* Green */ color: #ffffff; } .bg-2 { background-color: #474e5d; /* Dark Blue */ color: #ffffff; } .bg-3 { background-color: #ffffff; /* White */ color: #555555; } .bg-4 { background-color: #2f2f2f; /* Black Gray */ color: #fff; } .container-fluid { padding-top: 70px; padding-bottom: 70px; } .navbar { padding-top: 15px; padding-bottom: 15px; border: 0; border-radius: 0; margin-bottom: 0; font-size: 12px; letter-spacing: 5px; } .navbar-nav li a:hover { color: #1abc9c !important; } </style> </head> <body> <!-- Navbar --> <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">EU</a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li><a href="#">QUEM</a></li> <li><a href="#">O QUE ?</a></li> <li><a href="#">ONDE</a></li> </ul> </div> </div> </nav> <!-- First Container --> <div class="container-fluid bg-1 text-center"> <h3 class="margin">QUEM SOU EU?</h3> <img src="https://image.cachorrogato.com.br/thumb/315/245/1/imagens/racas/imagem203.jpg" class="img-responsive img-circle margin" style="display:inline" alt="Bird" width="350" height="350"> <h3>SOU UM CACHORRO</h3> </div> <!-- Second Container --> <div class="container-fluid bg-2 text-center"> <h3 class="margin">QUEM SOU EU?</h> <p>Sou um cachorro que chegou na casa dos meus donos aos seis meses de idade, rsrs e hoje tenho 17 alias acho que já fiz 17 nesse mês. Tive uma ótima família que até hoje cuida de mim. Hoje em dia não tenho mais a saúde que eu tinha, hoje em dia tenho artrite, já não tenho forças para correr, só quero ficar na minha cama. </p> <a href="https://www.petz.com.br/" class="btn btn-default btn-lg"> <span class="glyphicon glyphicon-search"></span> Search </a> </div> <!-- Third Container (Grid) --> <div class="container-fluid bg-3 text-center"> <h3 class="margin">Onde me Encontrar?</h3><br> <div class="row"> <div class="col-sm-4"> <p>Passeando.</p> <img src="https://uploads.metropoles.com/wp-content/uploads/2020/02/26145040/poodle1.jpg" class="img-responsive margin" style="width:100%" alt="Image"> </div> <div class="col-sm-4"> <p>Correndo.</p> <img src="https://www.rotajuridica.com.br/wp-content/uploads/2018/08/poddle.jpg" class="img-responsive margin" style="width:100%" alt="Image"> </div> <div class="col-sm-4"> <p>Princesa.</p> <img src="https://cdn.los-animales.org/fotos/275164_464495-cocker-lindos-filhotes-venham-conferir.jpg" class="img-responsive margin" style="width:100%" alt="Image"> </div> </div> </div> <!-- Footer --> <footer class="container-fluid bg-4 text-center"> <p>DIREITOS AUTORAIS © 2020 RG DESIGN</a></p> </footer> </body> </html> div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> </div>

Related: See More

Vue Material Kit

Questions / Comments: