templates/ecom/citybrands.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.   <div class="container-fluid main-holder px-5 bg-light">
  4.     <div class="row">
  5.       <div class="col-lg-3">
  6.         <select class="form-select rounded-pill py-3 px-3 shadow-none border-0 fs-5 bg-transparent fw-bold mb-3" id="">
  7.           <option selected>Select a City</option>
  8.           {% for c in ecomvariables.cities() %}
  9.           <option value="{{ c.id }}">{{ c.name }}</option>
  10.           {% endfor %}
  11.         </select>
  12.       </div>
  13.       <div class="col-lg-4 position-relative mb-3"> <i data-feather="search" class="iconsize position-absolute search-icon"></i>
  14.         <input class="form-control border rounded-pill py-3 px-3 ps-5 shadow-none" type="text" id="" placeholder="Search">
  15.       </div>
  16.     </div>
  17.   </div>
  18.   <div class="container-fluid px-5 mt-5">
  19.     <div class="row">
  20.       <div class="col-lg-12">
  21.         <h1 class="fw-bolder">Rochester Brands</h1>
  22.         <h6>Rochester Current Favourite Brands</h6>
  23.       </div>
  24.     </div>
  25.     <div class="row">
  26.       <div class="col-lg-3 mt-4"> <a href="{{ path('sajong_ecom_brand_categories', {'brand':'Kodak_2' }) }}">
  27.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  28.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  29.         </a> </div>
  30.       <div class="col-lg-3 mt-4"> <a href="#0">
  31.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  32.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  33.         </a> </div>
  34.       <div class="col-lg-3 mt-4"> <a href="#0">
  35.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  36.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  37.         </a> </div>
  38.       <div class="col-lg-3 mt-4"> <a href="#0">
  39.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  40.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  41.         </a> </div>
  42.       <div class="col-lg-3 mt-4"> <a href="#0">
  43.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  44.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  45.         </a> </div>
  46.       <div class="col-lg-3 mt-4"> <a href="#0">
  47.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  48.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  49.         </a> </div>
  50.       <div class="col-lg-3 mt-4"> <a href="#0">
  51.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  52.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  53.         </a> </div>
  54.       <div class="col-lg-3 mt-4"> <a href="#0">
  55.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  56.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  57.         </a> </div>
  58.       <div class="col-lg-3 mt-4"> <a href="#0">
  59.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  60.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  61.         </a> </div>
  62.       <div class="col-lg-3 mt-4"> <a href="#0">
  63.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  64.         <h6 class="fw-bold mt-3 mb-4">Kodak</h6>
  65.         </a> </div>
  66.     </div>
  67.   </div>
  68.   <div class="container-fluid px-5 bg-primary py-4 mt-4">
  69.     <div class="row">
  70.       <div class="col-md-4 position-relative mb-3 "> <i data-feather="search" class="iconsize position-absolute search-icon"></i>
  71.         <input class="form-control border rounded-pill py-3 px-3 ps-5 shadow-none" type="text" id="" placeholder="Search">
  72.       </div>
  73.       <div class="col-lg-6 pt-3 pb-3"> <a href="#0" class="bg-secondary text-white px-4 py-4 rounded-pill me-3">View All Brands</a> <a href="#0" class="bg-secondary text-white px-4 py-4 rounded-pill">Request a Brand</a> </div>
  74.     </div>
  75.   </div>
  76. {% endblock %}