<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 ----------> <div class="container contact-form"> <div class="contact-image"> <img src="http://americanpay.com.br/wp-content/uploads/2020/05/icon-carro-circulo.png" alt="rocket_contact"/> </div> <div class="contact-image"> <a href="https://americanpay.com.br/"><img src="http://americanpay.com.br/wp-content/uploads/2020/05/logoamericanpay-home-lateral.png" alt="rocket_contact"/><a/></a> </div> <form method="post"> <h3>Consutar Débitos Veiculares</h3> <div class="row"> <div class="container-fluid"> <div class="form-group"> <input type="text" name="txtPlaca" class="form-control" placeholder="Sua Placa *" value="" /> </div> <div class="form-group"> <input type="text" name="txtRenavam" class="form-control" placeholder="Seu Renavam *" value="" /> </div> <div class="form-group"> <input type="text" name="txtName" class="form-control" placeholder="Seu Nome *" value="" /> </div> <div class="form-group"> <input type="text" name="txtEmail" class="form-control" placeholder="Seu E-mail *" value="" /> </div> <div class="form-group"> <input type="text" name="txtPhone" class="form-control" placeholder="Seu Telefone *" value="" /> </div> <div class="form-group"> <input type="text" name="txtEstado" class="form-control" placeholder="Seu Estado *" value="" /> </div> <div class="form-group"> <input type="submit" name="btnSubmit" class="btnContact" placeholder="Send Message" value="Consultar" /> </div> </div> </div> </div> </form> </div>

body{ background: -webkit-linear-gradient(left, #C96DD8, #04209F); } .contact-form{ background: #fff; margin-top: 10%; margin-bottom: 5%; width: 70%; } .contact-form .form-control{ border-radius:1rem; } .contact-image{ text-align: center; } .contact-image img{ border-radius rem; width: 30%; margin-top: -3%; transform: ; } .contact-form form{ padding: 14%; } .contact-form form .row{ margin-bottom: -7%; } .contact-form h3{ margin-bottom: 8%; margin-top: -10%; text-align: center; color: #0062cc; } .contact-form .btnContact { width: 100%; border: none; border-radius: 2rem; padding: 1.5%; background: #50D0E3; font-weight: 600; color: #fff; cursor: pointer; } .btnContactSubmit { width: 50%; border-radius: 1rem; padding: 1.5%; color: #fff; background-color: #0062cc; border: none; cursor: pointer; }