"enquiry option"
Bootstrap 4.1.1 Snippet by SANTANU CHOWDHURY

<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="enquiry1"> <h3>Enquiry Now</h3> <div class="content content-div" id="style-3"> <form> <div class="form-group"> <label for="exampleInputEmail1">Name</label> <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Your Name"> </div> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div> <div class="form-group"> <label for="exampleInputPassword1">Password</label> <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> </div> <div class="form-group"> <textarea class="form-control" rows="4"></textarea> </div> <button type="submit" class="btn btn-default">Submit</button> </form> </div> </div>
.enquiry1 { width: 350px; height: 455px; position: fixed; bottom: -420px; right: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .enquiry1:hover { bottom: 0px; } .enquiry1 h3 { padding: 10px 20px; background: #f5bc24; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #0c0c0c !important; text-transform: uppercase; font-weight: 700; font-size: 14px; } .enquiry1 .content { background-color: #f5f5f5; padding: 0px 20px 15px; } .content-div { max-height: 455px; overflow: auto; } #style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } #style-3::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } #style-3::-webkit-scrollbar-thumb { background-color: #000000; }

Related: See More


Questions / Comments: