Advertisement
Guest User

Untitled

a guest
Jan 15th, 2020
132
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.23 KB | None | 0 0
  1. <div class="search-bar bg-white mt-3 px-0 py-2 rounded">
  2.                         <form action="#">
  3.                             <div class="row px-2">
  4.                                 <div class="col-3 d-flex align-items-center form-group mb-0">
  5.                                     <label class="mr-sm-2 sr-only" for="inlineFormCustomSelect">Preference</label>
  6.                                     <select class="custom-select mr-sm-2 border-0" id="inlineFormCustomSelect">
  7.                                         <option selected>What are you looking for
  8.                                         <option>
  9.                                         <option value="1">Places</option>
  10.                                         <option value="2">Food</option>
  11.                                     </select>
  12.                                 </div>
  13.  
  14.                                 <div class="col-3 d-flex align-items-center form-group mb-0">
  15.                                     <div class="input-label-absolute w-100">
  16.                                         <input type="text" name="location" placeholder="Type postcode" id="location" class="form-control border-0 shadow-none">
  17.                                     </div>
  18.                                 </div>
  19.  
  20.                                 <div class="col-3 d-flex align-items-center form-group mb-0 no-divider">
  21.                                     <div class="row slider-container">
  22.                                         <div class="col-12 my-3" id="slider">
  23.                                         </div>
  24.                                     </div>
  25.                                     <div class="col-12 pl-3 align-items-center">
  26.                                         <small>
  27.                                             <label>100</label> - <label>300</label> kalorier
  28.                                         </small>
  29.                                     </div>
  30.                                 </div>
  31.                                 <div class="col-3">
  32.                                     <button type="button" class="btn btn-success btn-block rounded">search</button>
  33.                                 </div>
  34.                             </div>
  35.                         </form>
  36.                     </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement