<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.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/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 ----------> <script> var carros= ["Wolks", "Voyage", "Prata","Wolksvagem","Hidráulica","2013","sim","26.000","pago","BH"]; </script> <div class="container"> <div class="row"> <div class="col-md-12"> <img src="https://s3-sa-east-1.amazonaws.com/projetos-artes/fullsize%2f2011%2f03%2f30%2f11%2fWDL-Logo-2729_12258_035120822_1135146437.jpg" width="200px"> </div> </div> </div> <div class="container"> <div class="row mb-3"> <div class="col-md-12"> <img src="https://spncr.s3.amazonaws.com/img/VcPQ8Wc7RSmmnMJVqe9OAQ/file.jpg"> </div> </div> </div> <div class="container"> <div class="row mb-2"> <div class="col-md-8"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <h4 class="text-danger">Carro a Venda</h4> <hr> </div> </div> <div class="row mb-4"> <div class="col-md-3"> <h5 class="text-secondary">Marca</h5> <h6><script> document.write(carros[0]); </script> </h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Modelo</h5> <h6><script> document.write(carros[1]); </script></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Cor</h5> <h6><script> document.write(carros[2]); </script></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Fabricante</h5> <h6><script> document.write(carros[3]); </script></h6> </div> </div> <div class="row mb-4"> <div class="col-md-3"> <h5 class="text-secondary">Ano Fabricação</h5> <h6><script> document.write(carros[5]); </script></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Ar</h5> <h6><script> document.write(carros[6]); </script></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Valor</h5> <h6><script> document.write(carros[7]); </script></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">IPVA </h5> <h6><script> document.write(carros[8]); </script></h6> </div> </div> <div class="row mb-4"> <div class="col-md-12"> <h5 class="text-secondary">Localização</h5> <h6><script> document.write(carros[9]); </script></h6> </div> </div> </div> </div> </div> </div> <div class="row mb-2"> <div class="col-md-8"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <h4 class="text-danger">Bom saber todas as informações</h4> <hr> </div> </div> <div class="row mb-4"> <div class="col-md-3"> <h5 class="text-secondary">Marca</h5> <h6></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Modelo</h5> <h6></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Cor</h5> <h6></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Fabricante</h5> <h6></h6> </div> </div> <div class="row mb-4"> <div class="col-md-3"> <h5 class="text-secondary">Direção</h5> <h6></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Ano Fabricação</h5> <h6><script> document.write(carros[]); </script></h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Ar</h5> <h6>Petrol</h6> </div> <div class="col-md-3"> <h5 class="text-secondary">Valor</h5> <h6></h6> </div> </div> <div class="row mb-4"> <div class="col-md-12"> <h5 class="text-secondary">Localização</h5> <h6></h6> </div> </div> </div> </div> </div> </div> </div>

var carros= ["Wolks", "Voyage", "Prata","Wolksvagem","Hidráulica","2013","sim","26.000","pago","BH"];