templates/ecom/index.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 home-banner-holder">
  4.     <div class="row">
  5.       <div class="col-lg-5 ps-4 mb-4">
  6.         <p class="fs-5">{{ ecomvariables.textcontent('home_header_text')|raw()    }}</p>
  7.         {{ ecomvariables.textcontent('home_header_heading')|raw()    }}
  8.       </div>
  9.       <div class="col-lg-6 offset-lg-1">
  10.         <h6>Most Popular Cities</h6>
  11.         <ul class="list-unstyled list-inline pb-4">
  12.           <a href="{{ path('sajong_ecom_city_brands', {'city':'New York' }) }}">
  13.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">New York</li>
  14.           </a> 
  15.           <a href="{{ path('sajong_ecom_city_brands', {'city':'Los Angeles' }) }}">
  16.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Los Angeles</li>
  17.           </a> <a href="#0">
  18.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Milwaukee</li>
  19.           </a> <a href="#0">
  20.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Chicago</li>
  21.           </a> <a href="#0">
  22.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Buffalo</li>
  23.           </a> <a href="#0">
  24.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Boise</li>
  25.           </a> <a href="#0">
  26.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Rochester</li>
  27.           </a> <a href="#0">
  28.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Charlotte</li>
  29.           </a> <a href="#0">
  30.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Tampa</li>
  31.           </a> <a href="#0">
  32.           <li class="bg-white rounded-pill px-3 py-3 list-inline-item fw-semibold border-bottom me-3 mt-3">Boston</li>
  33.           </a>
  34.         </ul>
  35.         <form>
  36.           <div class="row">
  37.             <div class="col-md-6 position-relative mb-3"> <i data-feather="search" class="iconsize position-absolute search-icon"></i>
  38.               <input class="form-control border rounded-pill py-3 px-3 ps-5 shadow-none" type="text" id="" placeholder="Search for your City or Brand">
  39.             </div>
  40.             <div class="col-md-6">
  41.               <select class="home-select form-select rounded-pill py-3 px-3 bg-secondary text-white border-secondary shadow-none" id="">
  42.                 <option selected>Select a City</option>
  43.                 {% for c in ecomvariables.cities() %}
  44.                 <option value="{{ c.id }}">{{ c.name }}</option>
  45.                 {% endfor %}
  46.               </select>
  47.             </div>
  48.           </div>
  49.         </form>
  50.       </div>
  51.     </div>
  52.   </div>
  53.   <div class="container-fluid px-5">
  54.     <div class="home-img"><img src="{{ asset('uploads/contents/' ~ ecomvariables.imagecontent('home_top_banner').images[0].image)    }}" class="img-fluid" alt=""></div>
  55.   </div>
  56.   <div class="container-fluid px-5 hm-slogan">
  57.     <div class="row">
  58.       <div class="col-lg-6 offset-lg-1 fs-4 ">
  59.         <div class="border-start border-primary border-3 ps-4"><span class="fw-semibold">{{ ecomvariables.textcontent('home_banner_text')|raw()    }}</div>
  60.       </div>
  61.     </div>
  62.   </div>
  63.   <div class="container-fluid px-5">
  64.     <div class="row mt-5 pt-5 pb-4">
  65.       <div class="col-lg-12">
  66.         <h4 class="fw-semibold">Popular Brands / Shops</h4>
  67.       </div>
  68.       <div class="col-lg-4 mt-4"> <a href="{{ path('sajong_ecom_brand_categories', {'brand':'Kodak_2' }) }}">
  69.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  70.         <h5 class="fw-bold mt-3 mb-4">Kodak</h5>
  71.         </a> </div>
  72.       <div class="col-lg-4 mt-4"> <a href="#0">
  73.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  74.         <h5 class="fw-bold mt-3 mb-4">Kodak</h5>
  75.         </a> </div>
  76.       <div class="col-lg-4 mt-4"> <a href="#0">
  77.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  78.         <h5 class="fw-bold mt-3 mb-4">Kodak</h5>
  79.         </a> </div>
  80.       <div class="col-lg-4 mt-4"> <a href="#0">
  81.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  82.         <h5 class="fw-bold mt-3 mb-4">Kodak</h5>
  83.         </a> </div>
  84.       <div class="col-lg-4 mt-4"> <a href="#0">
  85.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  86.         <h5 class="fw-bold mt-3 mb-4">Kodak</h5>
  87.         </a> </div>
  88.       <div class="col-lg-4 mt-4"> <a href="#0">
  89.         <div class="card border-0 rounded-5 p-0 overflow-hidden shadow-sm"> <img src="{{ asset('img/brand.jpg')    }}" alt="" class="img-fluid"> </div>
  90.         <h5 class="fw-bold mt-3 mb-4">Kodak</h5>
  91.         </a> </div>
  92.     </div>
  93.     <div class="row mt-5">
  94.       <div class="col-md-12 text-center"> <a href="#0" class="bg-secondary text-white px-4 py-4 rounded-pill">Request a Brand</a> </div>
  95.     </div>
  96.   </div>
  97.   <div class="container mt-5 pt-5">
  98.     <div class="row">
  99.       <div class="col-lg-4 mt-2 mb-4  offset-lg-1">
  100.         <h2 class="fw-bold mb-4">{{ ecomvariables.textcontent('home_about_heading')|raw()    }}</h2>
  101.         <p class="mb-5 fs-5">{{ ecomvariables.textcontent('home_about_text')|raw()    }}</p>
  102.         <a href="#0" class="bg-secondary text-white px-4 py-4 rounded-pill d-inline-block">Read our story</a> </div>
  103.       <div class="col-lg-6"><img src="{{ asset('uploads/contents/' ~ ecomvariables.imagecontent('home_about_image').images[0].image)    }}" class="img-fluid" alt=""></div>
  104.     </div>
  105.   </div>  
  106. {% endblock %}