<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 ---------->
<div class="container">
<div class="row">
<div class="col-md-12">
<style>
h1{
color: rgb(25,0,255);
}
<link rel ="stylesheet" href=".css">
</style>
<h1 id class col>Dev's Inova Automobilística</h1>
<div class="col-md-12">
<h4 class="text-danger">Tecnologia e Inovação </h4>
<hr>
</div>
</div>
<div class="container">
<div class="row mb-3">
<div class="col-md-12">
<img id="imagem2" src="https://www.solidariedade.org.br/wp-content/uploads/default-social-media-310x212.jpg">
</div>
</div>
<hr>
</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">Overview</h4>
<hr>
</div>
</div>
<div class="row mb-4">
<div class="col-md-3">
<h5 class="text-secondary">MARCA</h5>
<h6>
<script>
document.write(overview[0]);
</script>
</h6>
</div>
<div class="col-md-3">
<h5 class="text-secondary">MODELO</h5>
<h6>
<script>
document.write(overview[1]);
</script>
</h6>
</div>
<div class="col-md-3">
<h5 class="text-secondary">COR</h5>
<h6>
<script>
document.write(overview[2]);
</script>
</h6>
</div>
<div class="col-md-3">
<h5 class="text-secondary">DIREÇÃO</h5>
<h6>
<script>
document.write(overview[3]);
</script>
</h6>
</div>
</div>
<div class="row mb-4">
<div class="col-md-3">
<h5 class="text-secondary">ANO DE FABRICAÇÃO</h5>
<h6>
<script>
document.write(overview[4]);
</script>
</h6>
</div>
<div class="col-md-3">
<h5 class="text-secondary">IPVA</h5>
<h6>
<script>
document.write(overview[5]);
</script>
</h6>
</div>
<div class="col-md-3">
<h5 class="text-secondary">AR CONDICIONADO</h5>
<h6>
<script>
document.write(overview[7]);
</script>
</h6>
</div>
<div class="col-md-3">
<h5 class="text-secondary">COMBUSTÍVEL</h5>
<h6>
<script>
document.write(overview[8]);
</script>
</h6>
</div>
</div>
<div class="row mb-4">
<div class="col-md-12">
<h5 class="text-secondary">LOCALIZAÇÃO DO CARRO</h5>
<h6>
<script>
document.write(overview[9]);
</script>
</h6>
</div>
</div>
</div>
</div>
</div>
<!--Formulário1-Informações do automóvel -->
<div>
</div>
<!--Formulário2 -->
<div>
<p>
<form>
<h1>Dados da Empresa</h1>
<hr><br>
<form>
<div class="was-validated">
<label for="Nome da Empresa">Nome da Empresa:</label>
<input type="Nome da Empresa" class="form-control" placeholder="Informe o nome da Empresa" id="empresanome">
</div>
<div class="was-validated">
<label for="Email">Email:</label>
<input type="Email" class="form-control" placeholder="Informe seu Email" id="empresaemail">
</div>
<div class="was-validated">
<label for="pwd">Endereço da Empresa:</label>
<input type="Endereço da Empresa" class="form-control" placeholder="Informe o Endereço" id="empresaend">
</div>
<div class="was-validated">
<label for="pwd">Telefone:</label>
<input type="Telefone" class="form-control" placeholder="Número de Telefone" id="empresatel">
</div>
</p>
<!--cliente-->
<h1>Dados do Cliente</h1>
<form>
<div class="was-validated">
<label for="Nome Completo">Nome Completo:</label>
<input type="Nome Completo" class="form-control" placeholder="Informe nome Completo" id="usuarionome">
</div>
<div class="was-validated">
<label for="CPF">CPF:</label>
<input type="CPF" class="form-control" placeholder="CPF" id="usuariocpf">
</div>
<div class="was-validated">
<label for="Email">Email:</label>
<input type="Email" class="form-control" placeholder="Informe seu Email" id="usuarioemail">
</div>
<div class="was-validated">
<label for="pwd">Telefone:</label>
<input type="Telefone" class="form-control" placeholder="Número de Telefone" id="usuariotel">
</div>
<div class="was-validated">
<label for="pwd">Endereço Residencial:</label>
<input type="Endereço Residencial" class="form-control" placeholder="Informe seu Endereço Completo" id="usuarioend">
</div>
<!--produto card-->
<h1>Dados do Produto</h1>
<div class="was-validated">
<label for="pwd">Nome do Produto:</label>
<input type="nome do produto" class="form-control" placeholder= document.write(produto[0]); id="produto">
</div>
<div class="was-validated">
<label for="pwd">Marca do Produto:</label>
<input type="Endereço Residencial" class="form-control" placeholder="Informe seu Endereço Completo" id="usuarioend">
</div>
<!--venda-->
<h1>Detalhes da Venda</h1>
</form>
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
<input type="Cupom" name="Cupom" placeholder= "cupom">
<input type="Quantidade" placeholder="Quantidade de itens">
<input type="submit" value="Submit">
<br>
<br>
<!--calculo do valor total-->
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
<input type="text" name="fname" placeholder= "valor total">
<br>
<br>
<select name="parcelas" class="parcelas">
<option selected>Forma de Pagamento</option>
<option value="volvo">1X (à vista)</option>
<option value="fiat">2X</option>
<option value="audi">3X</option>
<option value="fiat">4X</option>
<option value="audi">5X</option>
<option value="fiat">6X</option>
<option value="audi">7X</option>
</select>
<br>
<br>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</form>
</div>
</div>
</body>
</html>
img {width:50%;}
h5 {font-size:16px;}
body {background:#f2f2f2;}
#imagem2 {
max-width:200px;
max-height:150px;
width: auto;
height: auto;
position: relative; top: 0px;
left: 0px; outline: 1px solid #444; background: #fff;
}
var cars = ["Fiat", "Chevrolet", "VolksWagen"];
var overview = ["Fiat","UNO","Preto","Hidráulica","2000","Pago","NOVO","SIM","Flex","BELO HORIZONTE/MG"];
var cliente=["Natália Ribeiro", "natalia.silva07@hotmail.com","rua X n555 bairro N", "3199555555"]
var produto=["Carro Fiat", ""]
var venda=["34.000,00","90.000,00 ","150.000,00 "]
//dúvida- Como colocar os Arrays dentro dos inputs?
//Não estou conseguindo preencher os formulário por causa dessa dificuldade.
