<div> <div class="banner"> <div class="container"> <div class="row justify-content-center align-items-center"> <div class="col-md-8"> <h2>Schedule a commitment-free demo today</h2> <div>Share your requirements with us, and let us tailor the perfect solution for you</div> </div> <div class="col-md-4"> <div class="form"> <div class="py-2"> <h4 class="text-center">How can we HELP you?</h4> </div> <div class="row"> <div class="col-md-6"> <div class="form-floating mb-3"> <input type="text" class="form-control" id="name" placeholder="Name"> <label for="floatingInput">First</label> <p id="nameError" class="text-danger"></p> </div> </div> <div class="col-md-6"> <div class="form-floating mb-3"> <input type="text" class="form-control" id="name" placeholder="Name"> <label for="floatingInput">Last</label> <p id="nameError" class="text-danger"></p> </div> </div> <div class="col-md-12"> <div class="form-floating mb-3"> <input type="text" class="form-control" id="name" placeholder="Name"> <label for="floatingInput">Company Name</label> <p id="nameError" class="text-danger"></p> </div> </div> <div class="col-md-12"> <div class="form-floating mb-3"> <input type="email" class="form-control" id="email" placeholder="name@example.com"> <label for="floatingInput">Email</label> <p id="emailError" class="text-danger"></p> </div> </div> <div class="col-md-6"> <div class="form-floating mb-3"> <input type="date" class="form-control" id="start" name="trip-start" value="2018-07-22" min="2018-01-01" max="2018-12-31" /> <label for="floatingInput">Date</label> </div> </div> <div class="col-md-6"> <div class="form-floating mb-3"> <input type="time" class="form-control" id="appt" name="appt" min="09:00" max="18:00" required /> <label for="floatingInput">Time</label> </div> </div> <div class="col-md-12"> <div class="form-floating"> <select class="form-select" id="floatingSelect" aria-label="Floating label select example"> <option selected></option> <option value="1">Pricing as a Service</option> <option value="2">Inspection as a Service"</option> <option value="3">History as a Service</option> <option value="4">Certification as a Service</option> <option value="5">Fleet Management as a Service</option> <option value="6">E-Commerce Solutions</option> </select> <label for="floatingSelect">Select a Service</label> </div> </div> <div class="pt-4"> Additional Information Related to Your Business Needs </div> <div class="col-md-12"> <div class="form-floating mb-3"> <textarea class="form-control" id="comments" placeholder="comments"></textarea> <label for="floatingInput">Comments</label> </div> </div> <div class="form-group text-center"> <button type="submit" class="btn btn-primary" id="get-in-touch-form">Submit</button> </div> </div> </div> </div> </div> </div> </div> <div> <!-- place content here --> <div class="container"> <h4>Watch Our Demos to Learn More</h4> <div class="row"> <div class="col-md-4"> <div class="card"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text"> Some quick example text to build on the card title and make up the bulk of the card's content. </p> <a href="#" class="btn btn-primary"> Go somewhere </a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text"> Some quick example text to build on the card title and make up the bulk of the card's content. </p> <a href="#" class="btn btn-primary"> Go somewhere </a> </div> </div> </div> <div class="col-md-4"> <div class="card"> <div class="card-body"> <h5 class="card-title">Card title</h5> <p class="card-text"> Some quick example text to build on the card title and make up the bulk of the card's content. </p> <a href="#" class="btn btn-primary"> Go somewhere </a> </div> </div> </div> </div> </div> </div> </div>
