Advance Search Block

Default Search Block

Provide contextual advance search for the user to find out the user his vehicle. I use .gray-20 class with .check-vehicle-block for form background. And .input-night-rider with .advance-search-query for input field background. And .yellow-theme use for input icon color.


<div class="check-vehicle-block gray-20">
   <div class="container">
        <div class="row">
            <div class="col-md-4">
                <!-- Form Title -->
            </div>
            <div class="col-md-8">
                <!-- Search Form-->
            </div>
        </div>
   </div>
</div> <!-- /.check-vehicle-block -->   

Advance Search Form Two

Use the .style-two utility class to quickly provide matching color form input Background Color And Styles. And .theme-red for red color input icon.


<div class="check-vehicle-block style-two">
   <div class="container">
        <div class="row">
            <div class="col-md-4">
                <!-- Form Title -->
            </div>
            <div class="col-md-8">
                <!-- Search Form-->
            </div>
        </div>
   </div>
</div> <!-- /.check-vehicle-block -->   

Other's form style and class

Other Style has same. Ex. .check-boxshadow,.theme-blue with .check-vehicle-block is for add box-shadow and input icon color change. Hope you should understood. We created also advance search form for slider. You may check from index02.html slider block