templates/_partials/market/hero-section.html.twig line 1

  1. <style>
  2.     .hero_in {
  3.         background-color: #8bccc9;
  4.         width: 100%;
  5.         height: 250px;
  6.         position: relative;
  7.         overflow: hidden;
  8.         text-align: center;
  9.         color: #fff;
  10.         display: flex;
  11.         align-items: center;
  12.         justify-content: center;
  13.     }
  14.     .custom_btn{
  15.         border: 0px !important;
  16.         background-color: #ef82bd;
  17.     }
  18.     .custom_btn:hover{
  19.         border: 0px !important;
  20.         background-color: #ef61ae;
  21.     }
  22. </style>
  23. <div class="hero_in">
  24.     <div class="container">
  25.         <form id="searchFormInput" class="container animated">
  26.             <div class="row g-0 custom-search-input-2">
  27.                 <div class="col-lg-5">
  28.                     <div class="d-flex flex-row align-items-center" style="border: 2px solid #559B98FF; background-color: white;">
  29.                         <input class="form-control" type="text" name="title" placeholder="Rechercher un produit/service" style="padding: 15px;">
  30.                         <i class="las la-search text-dark" style="font-size: 30px;"></i>
  31.                     </div>
  32.                 </div>
  33.                 <div class="col-lg-4 mb-2 mb-md-0">
  34.                     <div class="d-flex flex-row align-items-center" style="border: 2px solid #559B98FF; background-color: white;">
  35.                         <input class="form-control" type="text" name="city" placeholder="Saisir votre ville" style="padding: 15px;">
  36.                         <i class="las la-map-marker text-dark" style="font-size: 30px;"></i>
  37.                     </div>
  38.                 </div>
  39.                 <div class="col-lg-3 d-flex">
  40.                     <div class="d-flex flex-row" style="width: 100%;">
  41.                         <input type="submit" class="btn btn-success p-2 p-md-0 custom_btn" value="Recherche" style="width: 100%;">
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.             <!-- /row -->
  46.         </form>
  47.     </div>
  48. </div>