"Aurea - Agencia Carros"
Bootstrap 4.1.1 Snippet by psd06t

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 ----------> <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"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Agência de Automoveis</title> <meta name="description" content="Source code generated using layoutit.com"> <meta name="author" content="LayoutIt!"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container-fluid"> <div class="row"> <div class="col-md-12"> <ul class="nav"> <li class="nav-item"> <a class="nav-link active" href="https://bootsnipp.com/user/snippets/xbdbQ">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="https://bootsnipp.com/user/snippets/4dP9m">Modelos</a> </li> <li class="nav-item"> <a class="nav-link" href="https://bootsnipp.com/user/snippets/eKZ7y">Cadastro</a> </li> </ul> </div> </div> <div class="row"> <div class="col-md-12"> <div class="carousel slide" id="carousel-620049"> <ol class="carousel-indicators"> <li data-slide-to="0" data-target="#carousel-620049" class="active"> </li> <li data-slide-to="1" data-target="#carousel-620049"> </li> <li data-slide-to="2" data-target="#carousel-620049"> </li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img class="d-block w-100" alt="Carousel Bootstrap First" src="https://img.r7.com/images/fiat-argo-s-design-02122019123518432?dimensions=660x360"> <div class="carousel-caption"> <h4> Fiat Argo </h4> <p> Eleito o melhor carro da categoria. Prêmio 2019 </p> </div> </div> <div class="carousel-item"> <img class="d-block w-100" alt="Carousel Bootstrap Second" src="https://1.bp.blogspot.com/-Ux5i-d7TbDI/XXxV1Ej24eI/AAAAAAAAW8k/0nwB6sUkDIsfCtJ8RtA6cUduYYH_R6YXgCLcBGAsYHQ/s1600/Novo%2BOnix%2BPremier%2B%25281%2529.jpg"> <div class="carousel-caption"> <h4> Chevrolet Onix </h4> <p> Carro mais vendido da marca Chevrolet. Melhor Design e economia. </p> </div> </div> <div class="carousel-item"> <img class="d-block w-100" alt="Carousel Bootstrap Third" src="https://statig3.akamaized.net/bancodeimagens/59/u0/zg/59u0zgm0cephojlha272w4jfy.jpg"> <div class="carousel-caption"> <h4> Ford Fusion </h4> <p> Toda linha Ford , e também a categoria econômica </p> </div> </div> </div> <a class="carousel-control-prev" href="#carousel-620049" data-slide="prev"><span class="carousel-control-prev-icon"></span> <span class="sr-only">Previous</span></a> <a class="carousel-control-next" href="#carousel-620049" data-slide="next"><span class="carousel-control-next-icon"></span> <span class="sr-only">Next</span></a> </div> </div> </div> <div class="section"> <div class="container"> <div> <div class="row"> <div class="col-md-12"> <h1 align="center">Nossos Carros a venda</h1> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="card " style="width: 256px"> <img class="card-img-top" src="https://img.olx.com.br/thumbs256x256/47/477026025757046.jpg" alt="Fiat argo"> <div class="card-body"> <h4 class="card-title">Fiat</h4> <p class="card-text">Fiat Argo 2019</p> <a href="https://bootsnipp.com/user/snippets/4dP9m" class="btn btn-primary">Detalhes</a> </div> </div> </div> <div class="col-md-4"> <div class="card" style="width: 256px"> <img class="card-img-top" src="https://img.olx.com.br/thumbs256x256/57/570927116253017.jpg" alt="Onix"> <div class="card-body"> <h4 class="card-title">Chevrolet</h4> <p class="card-text">Chevrolet Onix ano 2019</p> <a href="https://bootsnipp.com/user/snippets/4dP9m" class="btn btn-primary">Detalhes</a> </div> </div> </div> <div class="col-md-4"> <div class="card" style="width: 256px"> <img class="card-img-top" src="https://img.olx.com.br/thumbs256x256/57/570927116253017.jpg" alt="ford"> <div class="card-body"> <h4 class="card-title">Ford</h4> <p class="card-text">Ford 2020</p> <a href="https://bootsnipp.com/user/snippets/4dP9m" class="btn btn-primary">Detalhes</a> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> </div> </div> </div> </div> <footer class="rodape"> <div class="container"> <div class="row"> <div class="col-md-4"> <h3>Agência Automotiva Áurea </h3> <p>Rua das Flores, 234 - Centro - Belo Horizonte</p> <p>Telefone: 31 3222-9090</p> </div> <div class="col-md-4"> <h3>Acompanhe Nossa Rede Social</h3> </div> <div class="col-md-4"> <img alt="Bootstrap Image Preview" src="https://img.olx.com.br/thumbs256x256/57/570927116253017.jpg"> </div> </div> </div> <div class="row text-center"> <div class="col-md-12"> <p> Copyright ©<script>document.write(new Date().getFullYear());</script> - Áurea Mariza Todos os direitos reservados </p> </div> </div> </footer> </div> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/scripts.js"></script> </body> </html>
body{ padding:50px; margin: auto; } .nav{ background-color: #101112; } a.nav-item{ color:#d0e9c6; } .rodape { background: #000000; color: #000; text-align: center; } h3{ color:#ffffff; text-align: center; font-size: medium; } p{ color:#d0e9c6; text-align: center; } .container{ margin: auto; padding: 50px; } .card-text{ color: #464a4c; }
var carros = { marca:"Fiat", modelo:"Argo", portas:"4", ano:"2019", fabricante:"Fiat", cor: "Branca", } document.getElementById("carro").innerHTML = carros["marca"] + " " + carros["modelo"]+ " "+ carros["portas"]+" "+carros["ano"]+ " "+carros["fabricante"]+" "+carros["cor"]; var url = new URL(window.location.href); document.getElementById("value-nome").innerText = url.searchParams.get('nome-cliente') document.getElementById("value-nascimento").innerText = url.searchParams.get('nascimento') document.getElementById("value-telefone").innerText = url.searchParams.get('telefone') document.getElementById("value-enderecoCliente").innerText = url.searchParams.get('endereco-cliente') document.getElementById("value-numeroResidencial").innerText = url.searchParams.get('numero-residencia') document.getElementById("value-bairro").innerText = url.searchParams.get('bairro') document.getElementById("value-cidade").innerText = url.searchParams.get('cidade') document.getElementById("value-cpf").innerText = url.searchParams.get('cpf') document.getElementById("value-identidade").innerText = url.searchParams.get('identidade') document.getElementById("value-parcela").innerText = url.searchParams.get('parcela')

Related: See More

Rubik Presentation Page

Questions / Comments: