<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.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 ----------> <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 ----------> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css"> <div class="container"> <br> <p class="text-center">More bootstrap 4 components on <a href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com</a></p> <hr> <div class="row"> <aside class="col-sm-4"> <div class="card"> <article class="card-body"> <a href="" class="float-right btn btn-outline-primary">Remove</a> <h4 class="card-title mb-4 mt-1">Event</h4> <form> <div class="form-group"> <input name="" class="form-control" placeholder="Event form" type="email"> </div> <!-- form-group// --> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox"> Notes </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Person Involved </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Attachment </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Claimant </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> </div> <!-- form-group// --> </form> </article> </div> <!-- card.// --> </aside> <!-- col.// --> <aside class="col-sm-4"> <div class="card"> <article class="card-body"> <a href="" class="float-right btn btn-outline-primary">Remove</a> <h4 class="card-title mb-4 mt-1">General Claims</h4> <form> <div class="form-group"> <input name="" class="form-control" placeholder="General Claims form" type="email"> </div> <!-- form-group// --> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox"> Notes </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Person Involved </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Attachment </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Claimant </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> </div> <!-- form-group// --> </form> </article> </div> <!-- card.// --> </aside> <!-- col.// --> <aside class="col-sm-4"> <div class="card"> <article class="card-body"> <a href="" class="float-right btn btn-outline-primary">Remove</a> <h4 class="card-title mb-4 mt-1">Worker's Compensation Claim</h4> <form> <div class="form-group"> <input name="" class="form-control" placeholder="Worker's Compensation Claim form" type="email"> </div> <!-- form-group// --> <div class="form-group"> <div class="checkbox"> <label> <input type="checkbox"> Notes </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Person Involved </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Attachment </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> <div class="checkbox"> <label> <input type="checkbox"> Claimant </label> <i class="fa fa-bars" aria-hidden="true"></i> </div> <!-- checkbox .// --> </div> <!-- form-group// --> </form> </article> </div> <!-- card.// --> </aside> <!-- col.// --> </div> <!-- row.// --> </div> <!--container end.//--> <br><br><br> <article class="bg-secondary mb-3"> <div class="card-body text-center"> <h4 class="text-white">HTML UI KIT <br> Ready to use Bootstrap 4 components and templates </h4> <p class="h5 text-white"> for Ecommerce, marketplace, booking websites and product landing pages</p> <br> <p><a class="btn btn-warning" target="_blank" href="http://bootstrap-ecommerce.com/"> Bootstrap-ecommerce.com <i class="fa fa-window-restore "></i></a></p> </div> <br><br><br> </article>