{% extends 'SiteBase.html.twig' %}{% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}{% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}{% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}{% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}{% block body %} {# {% set hizmetKategori = 9|site_sayfaKategori(3) %} {% set urunkategoriler = 0|site_urunKategori(3) %} {% set hizmetler = 2|site_sayfaIcerik %} #} {# Popup Ayarları #} {{ 0|site_popupGetir|raw }} {# Sayfa İstekleri #} {% set sBoyutlar = 'slider'|ayarlar|split('X') %} {% set sliders = ''|site_sliders %} {% set donemselkampanya = ''|donemselkampanya %} {% if donemselkampanya|default('')!='' %} {% set dKategoriler = donemselkampanya.kategori|split(',') %} {% set dMarkalar = donemselkampanya.marka|split(',') %} {% set donemselkampanyaUrunler = donemselkampanya.kategori|default('')|site_urunler2(donemselkampanya.marka|default('')) %} {% endif %} {% set urunkategoriler = 0|site_urunKategori(6) %} {% set kurumsal = 9|site_sayfaIcerik %} {% set markalar = ''|markaGetir %} <main id="content"> <div class="containter container-xl"> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> {% for key,slider in sliders %} <div class="carousel-item {%if key==0%}active{%endif%}"> <img class="d-block w-100" src="{{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}" alt="First slide"> </div> {% endfor %} </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <section class="pt-6"> <div class="container container-xl"> <div class="row"> {% for kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="col-12 col-lg-4 mb-3"> <div class="card border-0 hover-shine hover-zoom-in banner banner-02" data-animate="fadeInUp"> <div class="card-img bg-img-cover-center" style="background-image: url('{{ kategori.resim|timthumb('uploads/',1000,1000,1,100) }}');"></div> <div class="card-img-overlay kategoriGor d-inline-flex flex-column px-7 pt-7 pb-6"> <h3 class="card-title fs-34">{{kategori.adi}}</h3> <div class="mt-auto"> <a href="{{link}}" type="button" class="btn btn-secondary bg-hover-warning border-hover-warning"> Alışverişe Başla <svg class="icon icon-arrow-right"> <use xlink:href="#icon-arrow-right"></use> </svg> </a> </div> </div> </div> </div> {%endfor%} </div> </div> </section> <section class="pt-lg-13 pt-10 pb-10"> <div class="container container-xl"> <div class="row mb-md-6 mb-8"> <div class="col-md-6 "> <h2 class="fs-34" data-animate="fadeInUp">Popüler Ürünler</h2> </div> <div class="col-md-6 text-md-right"> <a href="{{''|site_anaLink~'tum-urunler'}}" class="btn btn-link p-0 mt-2">Tüm Ürünler<i class="far fa-arrow-right pl-2 fs-13"></i></a> </div> </div> <div class="slick-slider mx-n2" data-slick-options='{"slidesToShow": 5,"dots":false,"arrows":true,"responsive":[{"breakpoint": 1368,"settings": {"arrows":false,"dots":true}},{"breakpoint": 1200,"settings": {"slidesToShow":4,"arrows":false,"dots":true}},{"breakpoint": 992,"settings": {"slidesToShow":3,"arrows":false,"dots":true}},{"breakpoint": 768,"settings": {"slidesToShow": 3,"arrows":false,"dots":true}},{"breakpoint": 576,"settings": {"slidesToShow": 2,"arrows":false,"dots":true}}]}'> {% set urunler = ""|site_urunler(2,"",15) %} {% for urun in urunler %} <div class="box"> {{ urun|urunBox(0)|raw }} </div> {% endfor %} </div> </div> </section> {# <section class="pt-6"> <div class="container container-xl"> <div class="row"> <div class="col-12 col-lg-4 mb-3 mb-lg-0"> <div class="card border-0 hover-shine hover-zoom-in banner banner-02" data-animate="fadeInUp"> <div class="card-img bg-img-cover-center" style="background-image: url('images/banner-08.jpg');"></div> <div class="card-img-overlay d-inline-flex flex-column px-7 pt-7 pb-6"> <h3 class="card-title fs-34">Summer Collection</h3> <p class="card-text fs-18 text-secondary font-weight-600"> Starting at $17.99 </p> <div class="mt-auto"> <a href="shop-page-04.html" class="btn btn-link bg-transparent hover-secondary border-0 p-0 fs-16 font-weight-600"> Shop Now <svg class="icon icon-arrow-right"> <use xlink:href="#icon-arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="col-12 col-lg-4 mb-3 mb-lg-0"> <div class="card border-0 hover-shine hover-zoom-in banner banner-02" data-animate="fadeInUp"> <div class="card-img bg-img-cover-center" style="background-image: url('images/banner-06.jpg');"></div> <div class="card-img-overlay d-inline-flex flex-column px-7 pt-7 pb-6"> <h3 class="card-title fs-34">What’s New?</h3> <p class="card-text fs-18 text-secondary font-weight-600"> Get the glow </p> <div class="mt-auto"> <a href="shop-page-04.html" class="btn btn-link bg-transparent hover-secondary border-0 p-0 fs-16 font-weight-600"> Discover Now <svg class="icon icon-arrow-right"> <use xlink:href="#icon-arrow-right"></use> </svg> </a> </div> </div> </div> </div> <div class="col-12 col-lg-4"> <div class="card border-0 hover-shine hover-zoom-in banner banner-02" data-animate="fadeInUp"> <div class="card-img bg-img-cover-center" style="background-image: url('images/banner-07.jpg');"></div> <div class="card-img-overlay d-inline-flex flex-column px-7 pt-7 pb-6"> <h3 class="card-title fs-34">Buy 1 Get 1</h3> <p class="card-text fs-18 text-secondary font-weight-600"> Starting at $7.99 </p> <div class="mt-auto"> <a href="shop-page-04.html" class="btn btn-link bg-transparent hover-secondary border-0 p-0 fs-16 font-weight-600"> Discover Now <svg class="icon icon-arrow-right"> <use xlink:href="#icon-arrow-right"></use> </svg> </a> </div> </div> </div> </div> </div> </div> </section> <section class="pt-lg-13 pt-10"> <div class="container container-xl"> <div class="row mb-md-6 mb-8"> <div class="col-md-6"> <h2 class="fs-34" data-animate="fadeInUp">Our Bestsellers</h2> </div> <div class="col-md-6 text-md-right"> <a href="shop-page-04.html" class="btn btn-link p-0 mt-2">Shop All Products<i class="far fa-arrow-right pl-2 fs-13"></i></a> </div> </div> <div class="slick-slider mx-n2" data-slick-options='{"slidesToShow": 5,"dots":false,"arrows":true,"responsive":[{"breakpoint": 1368,"settings": {"arrows":false,"dots":true}},{"breakpoint": 1200,"settings": {"slidesToShow":3,"arrows":false,"dots":true}},{"breakpoint": 992,"settings": {"slidesToShow":2,"arrows":false,"dots":true}},{"breakpoint": 768,"settings": {"slidesToShow": 2,"arrows":false,"dots":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true}}]}'> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-01.jpg" alt="Facial cleanser"> <div class="card-img-overlay d-flex p-3"> <div> <span class="badge badge-primary">-20%</span> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span class="fs-13 font-weight-500 text-decoration-through text-body pr-1">$39.00</span> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Facial cleanser</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-02.jpg" alt="Bio-shroom Rejuvenating Serum"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Bio-shroom Rejuvenating Serum</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-06.jpg" alt="Coffee Bean Caffeine Eye Cream"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Coffee Bean Caffeine Eye Cream</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-03.jpg" alt="Coffee Bean Caffeine Eye Cream"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Coffee Bean Caffeine Eye Cream</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-07.jpg" alt="Coffee Bean Caffeine Eye Cream"> <div class="card-img-overlay d-flex p-3"> <div> <span class="badge badge-primary">-20%</span> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span class="fs-13 font-weight-500 text-decoration-through text-body pr-1">$39.00</span> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Coffee Bean Caffeine Eye Cream</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-04.jpg" alt="Facial cleanser"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Facial cleanser</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> </div> </div> </section> <section class="pt-10"> <div class="container container-xl"> <div class="row mb-md-6 mb-8"> <div class="col-md-6"> <h2 class="fs-34" data-animate="fadeInUp">Under $25</h2> </div> <div class="col-md-6 text-md-right"> <a href="shop-page-04.html" class="btn btn-link p-0 mt-2">Shop All Products<i class="far fa-arrow-right pl-2 fs-13"></i></a> </div> </div> <div class="slick-slider mx-n2" data-slick-options='{"slidesToShow": 5,"dots":false,"arrows":true,"responsive":[{"breakpoint": 1368,"settings": {"arrows":false,"dots":true}},{"breakpoint": 1200,"settings": {"slidesToShow":3,"arrows":false,"dots":true}},{"breakpoint": 992,"settings": {"slidesToShow":2,"arrows":false,"dots":true}},{"breakpoint": 768,"settings": {"slidesToShow": 2,"arrows":false,"dots":true}},{"breakpoint": 576,"settings": {"slidesToShow": 1,"arrows":false,"dots":true}}]}'> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-09.jpg" alt="Facial cleanser"> <div class="card-img-overlay d-flex p-3"> <div> <span class="badge badge-primary">-20%</span> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span class="fs-13 font-weight-500 text-decoration-through text-body pr-1">$39.00</span> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Facial cleanser</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-05.jpg" alt="Bio-shroom Rejuvenating Serum"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Bio-shroom Rejuvenating Serum</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-11.jpg" alt="Coffee Bean Caffeine Eye Cream"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Coffee Bean Caffeine Eye Cream</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-08.jpg" alt="Coffee Bean Caffeine Eye Cream"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Coffee Bean Caffeine Eye Cream</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-10.jpg" alt="Coffee Bean Caffeine Eye Cream"> <div class="card-img-overlay d-flex p-3"> <div> <span class="badge badge-primary">-20%</span> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span class="fs-13 font-weight-500 text-decoration-through text-body pr-1">$39.00</span> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Coffee Bean Caffeine Eye Cream</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> <div class="box"> <div class="card border-0 product" data-animate="fadeInUp"> <div class="position-relative"> <img src="images/product-04.jpg" alt="Facial cleanser"> <div class="card-img-overlay d-flex p-3"> <div> </div> <div class="my-auto w-100 content-change-vertical"> <a href="#" data-toggle="tooltip" data-placement="left" title="View products" class="add-to-cart ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-shopping-bag-open-light fs-24"> <use xlink:href="#icon-shopping-bag-open-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Quick view" class="preview ml-auto d-md-flex align-items-center justify-content-center cursor-pointer text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2 d-none"><span data-toggle="modal" data-target="#quick-view"><svg class="icon icon-eye-light fs-24"><use xlink:href="#icon-eye-light"></use></svg></span> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Add to wishlist" class="add-to-wishlist ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle mb-2"> <svg class="icon icon-star-light fs-24"> <use xlink:href="#icon-star-light"></use> </svg> </a> <a href="#" data-toggle="tooltip" data-placement="left" title="Compare" class="add-to-compare ml-auto d-flex align-items-center justify-content-center text-secondary bg-white hover-white bg-hover-secondary w-48px h-48px rounded-circle"> <svg class="icon icon-arrows-left-right-light fs-24"> <use xlink:href="#icon-arrows-left-right-light"></use> </svg> </a> </div> </div> </div> <div class="card-body pt-4 text-center px-0"> <p class="card-text font-weight-bold fs-16 mb-1 text-secondary"> <span>$29.00</span> </p> <h2 class="card-title fs-15 font-weight-500 mb-2"><a href="product-detail-01.html">Facial cleanser</a></h2> <div class="d-flex align-items-center justify-content-center flex-wrap"> <ul class="list-inline mb-0 lh-1"> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> <li class="list-inline-item fs-12 text-primary mr-0"><i class="fas fa-star"></i> </li> </ul> <span class="card-text fs-14 font-weight-400 pl-2 lh-1">2947 reviews</span> </div> </div> </div> </div> </div> </div> </section> <section class="pt-11 pb-md-7 pb-10 pb-lg-14"> <div class="container container-xl"> <div class="row"> <div class="col-12 col-md-7 col-lg-8 mb-6 mb-lg-0"> <div class="card border-0 banner banner-01 hover-zoom-in hover-shine" data-animate="fadeInUp"> <div class="card-img bg-img-cover-center" style="background-image: url('images/banner-10.jpg');"></div> <div class="card-img-overlay d-inline-flex flex-column p-6 p-md-8"> <h6 class="card-subtitle mb-2 text-secondary letter-spacing-01">NEW COLLECTION</h6> <h3 class="card-title fs-34 lh-129" style="max-width: 310px">Discover Our Autumn Skincare</h3> <div class="mt-4"> <a href="#" class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Explore More</a> </div> </div> </div> </div> <div class="col-12 col-md-5 col-lg-4"> <div class="card border-0 banner banner-01 hover-zoom-in hover-shine" data-animate="fadeInUp"> <div class="card-img bg-img-cover-center" style="background-image: url('images/banner-09.jpg');"></div> <div class="card-img-overlay d-inline-flex flex-column p-6 p-md-8"> <h3 class="card-title fs-34 lh-129 mb-2">25% off Everything</h3> <p class="card-text text-secondary font-weight-500" style="max-width: 236px;"> Makeup with extended range in colors for every human. </p> <div class="mt-2"> <a href="shop-page-04.html" class="fs-16 font-weight-600 btn text-secondary hover-white bg-white bg-hover-secondary shadow-1">Shop Sale</a> </div> </div> </div> </div> </div> </div> </section> <section> <div class="container container-xl"> <h2 class="mb-md-9 mb-7 text-center" data-animate="fadeInUp">Why Shop with Glowing?</h2> <div class="row"> <div class="col-md-4 mb-6 mb-md-0 px-xl-8"> <div class="card border-0 text-center" data-animate="fadeInUp"> <div class="mw-102 mx-auto"> <img src="images/image-box-11.jpg" alt="Guaranteed PURE"> </div> <div class="card-body px-0 pt-6 mt-1 pb-0"> <h3 class="fs-24 mb-3">Guaranteed PURE</h3> <p class="mb-0">All Grace formulations adhere to strict purity standards and will never contain harsh or toxic ingredients</p> </div> </div> </div> <div class="col-md-4 mb-6 mb-md-0 px-xl-8"> <div class="card border-0 text-center" data-animate="fadeInUp"> <div class="mw-102 mx-auto"> <img src="images/image-box-02.jpg" alt="Completely Cruelty-Free"> </div> <div class="card-body px-0 pt-6 mt-1 pb-0"> <h3 class="fs-24 mb-3">Completely Cruelty-Free</h3> <p class="mb-0">All Grace formulations adhere to strict purity standards and will never contain harsh or toxic ingredients</p> </div> </div> </div> <div class="col-md-4 mb-6 mb-md-0 px-xl-8"> <div class="card border-0 text-center" data-animate="fadeInUp"> <div class="mw-102 mx-auto"> <img src="images/image-box-03.jpg" alt="Ingredient Sourcing"> </div> <div class="card-body px-0 pt-6 mt-1 pb-0"> <h3 class="fs-24 mb-3">Ingredient Sourcing</h3> <p class="mb-0">All Grace formulations adhere to strict purity standards and will never contain harsh or toxic ingredients</p> </div> </div> </div> </div> </div> </section> <section class="pt-lg-13 pt-md-10 pt-7 pb-lg-12 pb-11"> <div class="container container-xl"> <div class="row align-items-center"> <div class="col-lg-3 col-5"> <img src="images/Countdown-03.jpg" alt="Countdown-03" data-animate="fadeIn"> </div> <div class="col-lg-4 col-7"> <img src="images/Countdown-04.jpg" alt="Countdown-04" data-animate="fadeIn"> </div> <div class="offset-xl-1 col-xl-4 col-lg-5 col-12 pt-lg-0 pt-9"> <div class="d-flex align-items-center fs-15 text-secondary text-uppercase font-weight-600 letter-spacing-01 mb-4">Special offer<span class="badge badge-primary fs-15 font-weight-500 py-1 px-2 ml-2">-20%</span></div> <h2 data-animate="fadeInUp">Mountain Pine Bath Oil</h2> <p class="fs-18 mw-460 mb-4" data-animate="fadeInUp">Made using clean, non-toxic ingredients, our products are designed for everyone.</p> <div class="countdown d-flex mb-7 mx-n2 mx-sm-n4" data-countdown="true" data-countdown-end="Jan 27, 2023 18:24:25" data-animate="fadeInUp"> <div class="countdown-item center px-2 px-sm-4"> <span class="fs-40 fs-sm-48 lh-1 text-primary font-weight-600 day">02</span> </div> <div class="separate fs-30">:</div> <div class="countdown-item text-center px-2 px-sm-4"> <span class="fs-40 fs-sm-48 lh-1 text-primary font-weight-600 hour">24</span> </div> <div class="separate fs-30">:</div> <div class="countdown-item text-center px-2 px-sm-4"> <span class="fs-40 fs-sm-48 lh-1 text-primary font-weight-600 minute">15</span> </div> <div class="separate fs-30">:</div> <div class="countdown-item text-center px-2 px-sm-4"> <span class="fs-40 fs-sm-48 lh-1 text-primary font-weight-600 second">41</span> </div> </div> <a href="#" class="btn btn-secondary bg-hover-primary border-hover-primary" data-animate="fadeInUp">Get Only $39,00</a> </div> </div> </div> </section> <section> <div class="container-xl"> <div class="bg-gray pt-xl-13 py-11"> <div class="container"> <div class="slick-slider section-01" data-slick-options='{"slidesToShow": 1,"dots":false,"arrows":false,"asNavFor":".section-02"}'> <div class="box"> <h4 class="mx-auto text-center mw-750 mb-10" data-animate="fadeInUp">“ Millions of combinations, meaning you get a totally unique piece of furniture exactly the way you want it.”</h4> </div> <div class="box"> <h4 class="mx-auto text-center mw-750 mb-10" data-animate="fadeInUp">“ Great tags, Millie has got used to it, nothing like the old tin tags of years gone by. Light weight and great colours available.” </h4> </div> <div class="box"> <h4 class="mx-auto text-center mw-750 mb-10" data-animate="fadeInUp">“ Amazing product. The results are so transformative in texture and my face feels plump and healthy. Highly recommend! “ </h4> </div> <div class="box"> <h4 class="mx-auto text-center mw-750 mb-10" data-animate="fadeInUp">“ Millions of combinations, meaning you get a totally unique piece of furniture exactly the way you want it.”</h4> </div> <div class="box"> <h4 class="mx-auto text-center mw-750 mb-10" data-animate="fadeInUp">“ Great tags, Millie has got used to it, nothing like the old tin tags of years gone by. Light weight and great colours available.” </h4> </div> <div class="box"> <h4 class="mx-auto text-center mw-750 mb-10" data-animate="fadeInUp">“ Amazing product. The results are so transformative in texture and my face feels plump and healthy. Highly recommend! “ </h4> </div> </div> <div class="slick-slider section-02 client-logo" data-slick-options='{"slidesToShow": 6,"asNavFor":".section-01","focusOnSelect":true,"dots":false,"arrows":false,"responsive":[{"breakpoint": 992,"settings": {"slidesToShow":4,"dots":true}},{"breakpoint": 768,"settings": {"slidesToShow": 3,"dots":true}},{"breakpoint": 576,"settings": {"slidesToShow": 2,"dots":true}}]}'> <div class="box"> <div class="d-block mw-150 mx-auto" data-animate="fadeInUp"> <img src="images/client-logo-01.png" alt="Client Logo 01" class="opacity-3 opacity-hover-10 cursor-pointer"> </div> </div> <div class="box"> <div class="d-block mw-150 mx-auto" data-animate="fadeInUp"> <img src="images/client-logo-02.png" alt="Client Logo 02" class="opacity-3 opacity-hover-10 cursor-pointer"> </div> </div> <div class="box"> <div class="d-block mw-150 mx-auto" data-animate="fadeInUp"> <img src="images/client-logo-03.png" alt="Client Logo 03" class="opacity-3 opacity-hover-10 cursor-pointer"> </div> </div> <div class="box"> <div class="d-block mw-150 mx-auto" data-animate="fadeInUp"> <img src="images/client-logo-04.png" alt="Client Logo 04" class="opacity-3 opacity-hover-10 cursor-pointer"> </div> </div> <div class="box"> <div class="d-block mw-150 mx-auto" data-animate="fadeInUp"> <img src="images/client-logo-05.png" alt="Client Logo 05" class="opacity-3 opacity-hover-10 cursor-pointer"> </div> </div> <div class="box"> <div class="d-block mw-150 mx-auto" data-animate="fadeInUp"> <img src="images/client-logo-06.png" alt="Client Logo 06" class="opacity-3 opacity-hover-10 cursor-pointer"> </div> </div> </div> </div> </div> </div> </section> <section class="pt-10 pb-lg-12 pb-6 pb-md-9"> <div class="container container-xl"> <div class="row"> <div class="col-12 text-center mb-6" data-animate="fadeInUp"> <h2>More to Discover</h2> </div> </div> <div class="row"> <div class="col-md-4 mb-6 mb-md-0" data-animate="fadeInUp"> <div class="card border-0 text-center"> <a href="shop-page-01.html" class="d-block hover-shine hover-zoom-in"> <img src="images/image-box-21.jpg" alt="Find a Store"> </a> <div class="card-body px-0 pt-6 pb-0"> <h3 class="fs-24 mb-2"><a href="shop-page-01.html" class="text-decoration-none">Find a Store</a></h3> <a href="shop-page-01.html" class="btn btn-link text-secondary">Our Store<i class="far fa-arrow-right fs-12 pl-1"></i></a> </div> </div> </div> <div class="col-md-4 mb-6 mb-md-0" data-animate="fadeInUp"> <div class="card border-0 text-center"> <a href="blog-grid.html" class="d-block hover-shine hover-zoom-in"> <img src="images/image-box-13.jpg" alt="From Our Blog"> </a> <div class="card-body px-0 pt-6 pb-0"> <h3 class="fs-24 mb-2"><a href="blog-grid.html" class="text-decoration-none">From Our Blog</a></h3> <a href="blog-grid.html" class="btn btn-link text-secondary">Read More<i class="far fa-arrow-right fs-12 pl-1"></i></a> </div> </div> </div> <div class="col-md-4 mb-6 mb-md-0" data-animate="fadeInUp"> <div class="card border-0 text-center"> <a href="about-us-01.html" class="d-block hover-shine hover-zoom-in"> <img src="images/image-box-14.jpg" alt="Our Story"> </a> <div class="card-body px-0 pt-6 pb-0"> <h3 class="fs-24 mb-2"><a href="about-us-01.html" class="text-decoration-none">Our Story</a></h3> <a href="about-us-01.html" class="btn btn-link text-secondary">View More<i class="far fa-arrow-right fs-12 pl-1"></i></a> </div> </div> </div> </div> </div> </section>#} </main>{# <!-- start of .main --> <main class="main"> <div class="page-content"> <section class="intro-section"> <div class="intro-slider owl-carousel owl-theme row cols-xl-1 cols-1 animation-slider gutter-no" data-owl-options="{ 'nav': false, 'dots': true, 'loop': false, 'items': 1, 'autoPlay': false, 'dotsContainer': '.custom-dots' }"> {% for slider in sliders %} <div class="banner banner-fixed intro-slide intro-slide1" style="background-image: url({{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}); background-color: #EEEDEB;"> <div class="container"> <div class="banner-content d-inline-block y-50"> <div class="slide-animate" data-animation-options="{ 'name': 'fadeInUpShorter', 'duration': '1s' }"> <h5 class="banner-subtitle text-uppercase font-weight-bold"> {{ slider.baslik|html_entity_decode|raw }} </h5> <h3 class="banner-title ls-25 mb-6"> {{ slider.aciklama|html_entity_decode|raw }} </h3> <a href="{{ slider.link|html_entity_decode|raw }}" class="btn btn-dark btn-outline btn-rounded btn-icon-right"> Alışverişe Başla<i class="w-icon-long-arrow-right"></i> </a> </div> </div> </div> </div> <!-- End of Intro Slide 1 --> {% endfor %} </div> <div class="custom-dots owl-img-dots appear-animate"> {% for slider in sliders %} <a href="#" class="active appear-animate"> <img src="{{ slider.resim|timthumb('uploads/',70,70,2,100) }}" alt="Slide Thumb" width="70" height="70"> </a> {% endfor %} </div> </section> <div class="container"> <div class="category-banner-3cols owl-carousel owl-theme row cols-lg-3 cols-sm-2 cols-1 pt-5 mb-10 appear-animate" data-owl-options="{ 'nav': false, 'dots': true, 'margin': 20, 'responsive': { '0': { 'items': 1 }, '576': { 'items': 2 }, '992': { 'items': 3 } } }"> {% for kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="banner banner-fixed br-xs"> <figure> <img src="{{ kategori.resim|timthumb('uploads/',440,220,2,100) }}" alt="Category Banner" width="440" height="210" style="background-color: #272729;" /> </figure> <div class="banner-content text-center x-50 y-50 w-100"> <h3 class="banner-title text-white text-capitalize">{{ kategori.adi }}</h3> <a href="{{ link }}" class="btn btn-white btn-outline btn-rounded btn-sm">Alışverişe Başla</a> </div> </div> {% endfor %} <!-- End of Categpry Banner --> </div> <!-- End of Category Banner 3Cols --> <div class="title-links-wrapper title-underline mb-4 d-flex align-items-center appear-animate"> <h2 class="title">Yeni Ürünler</h2> </div> <div class="row banner-product-wrapper appear-animate"> <div class="col-xl-12 col-lg-12 col-md-12"> <div class="owl-carousel owl-theme row cols-xl-4 cols-lg-3 cols-md-2 cols-2" data-owl-options="{ 'nav': false, 'dots': true, 'margin': 20, 'responsive': { '0': { 'items': 2 }, '768': { 'items': 2 }, '992': { 'items': 3 }, '1200': { 'items': 4 } } }"> {% set urunler = ""|site_urunler(2,"",15) %} {% for urun in urunler %} <div class="product-col"> {{ urun|urunBox(0)|raw }} <!-- End of Product Slideup Content --> </div> <!-- End of Product Col --> {% endfor %} </div> </div> </div> <!-- End of Banner Product Wrapper --> {% set solkategoriler = 1|ozelKategoriGetir %} <div class="sale-banner banner br-sm mb-10 appear-animate"> <div class="banner-content"> <h4 class="content-left banner-subtitle text-uppercase mb-8 mb-md-0 mr-0 mr-md-4 text-primary ls-25"> <span class="text-dark font-weight-bold lh-1 ls-normal mr-1"></span>İndirim!</h4> <div class="content-right bg-dark"> <h3 class="banner-title text-uppercase font-weight-normal mb-4 mb-md-0 ls-25 text-white"> <span>ŞİMDİ <strong class="mr-10 pr-lg-10">EN POPÜLER KATEGORİDEN ALIŞVERİŞ YAPIN!</strong> ŞİMDİ <strong class="mr-10 pr-lg-10">EN POPÜLER KATEGORİDEN ALIŞVERİŞ YAPIN!</strong> ŞİMDİ <strong class="mr-10 pr-lg-10">EN POPÜLER KATEGORİDEN ALIŞVERİŞ YAPIN!</strong> </span> </h3> <a href="{{ ''|site_anaLink~solkategoriler[0].seourl|default('') }}" class="btn btn-white btn-rounded">Alışverişe Başla <i class="w-icon-long-arrow-right"></i> </a> </div> </div> </div> <!-- End of Sale Banner --> <div class="title-links-wrapper title-underline mb-4 d-flex align-items-center appear-animate"> <h2 class="title">En Çok Satanlar</h2> </div> <div class="row pb-1 banner-product-wrapper appear-animate"> #}{# <div class="col-xl-3 col-lg-4 col-md-5 mb-4 mb-md-0"> <div class="banner banner-fixed br-xs" style="background-image: url(assets/images/demos/demo7/banner/2.jpg); background-color: #CCCFD4;"> <div class="banner-content"> <h5 class="banner-subtitle text-white text-uppercase font-weight-bold ls-25">Weekend Sale</h5> <h3 class="banner-title text-white text-capitalize ls-25">New Fashion Collection </h3> <div class="banner-price-info text-white font-weight-bold ls25">From only <span class="text-primary text-uppercase">$185.00</span></div> <a href="shop-banner-sidebar.html" class="btn btn-white btn-outline btn-rounded">Shop Now</a> </div> </div> </div>#}{# <div class="col-xl-12 col-lg-12 col-md-12"> <div class="owl-carousel owl-theme row cols-xl-4 cols-lg-3 cols-md-2 cols-2" data-owl-options="{ 'nav': false, 'dots': true, 'margin': 20, 'responsive': { '0': { 'items': 2 }, '768': { 'items': 2 }, '992': { 'items': 3 }, '1200': { 'items': 4 } } }"> {% set urunler = ""|site_urunler(3,"",15) %} {% for urun in urunler %} <div class="product-col"> {{ urun|urunBox(0)|raw }} <!-- End of Product Slideup Content --> </div> <!-- End of Product Col --> {% endfor %} </div> </div> </div> <!-- End of Banner Product Wrapper --> <div class="owl-carousel owl-theme row cols-xl-8 cols-lg-6 cols-md-4 cols-sm-3 cols-2 brands-wrapper br-sm mb-10 appear-animate" data-owl-options="{ 'nav': false, 'dots': false, 'autoplay': true, 'autoplayTimeout': 4000, 'loop': true, 'margin': 0, 'responsive': { '0': { 'items': 2 }, '576': { 'items': 3 }, '768': { 'items': 4 }, '992': { 'items': 6 }, '1200': { 'items': 8 } } }"> {% for marka in markalar %} {% if marka.resim|default('') != '' %} <figure> <img src="{{ marka.resim|timthumb('uploads/',340,100,2,100) }}" title="{{ marka.adi|html_entity_decode|raw }}" alt="{{ marka.adi|html_entity_decode|raw }}" width="340" height="100" /> </figure> {% endif %} {% endfor %} </div> <!-- End of Brands Wrapper --> </div> <!-- End of Container --> </div> <!-- End of Page Cotent --> </main> <!-- end of .main -->#} <!-- --------------------hometop------------ -->{# <div id="top_home"> <!-- -------------------slider----------- --> <section id="ishislider" class="ishislider-container owl-carousel"> <div class="item"> <a href="#"> <img src="{{ sliders[0].resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}" alt="Slide-1" class="img-responsive"> </a> </div> <div class="item"> <a href="#"> <img src="{{ sliders[1].resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}" alt="Slide-2" class="img-responsive"> </a> </div> </section> <!-- --------------------services------------ --> <section id="ishiservices" class="ishiservicesblock container"> <div class="ishiservices"> <div class="row"> <div class="services col-lg-3 col-md-6 col-sm-6 col-xs-6"> <a href="#"> <div class="service-img" style="background-image: url(dist/assets/images/services/1.png);"> </div> <div class="service-block"> <div class="service-title">Hızlı Kargo</div> <div class="service-desc">Hızlı ve güvenli kargo şirketleri ile çalışıyoruz.</div> </div> </a> </div> <div class="services col-lg-3 col-md-6 col-sm-6 col-xs-6"> <a href="#"> <div class="service-img" style="background-image: url(dist/assets/images/services/2.png);"> </div> <div class="service-block"> <div class="service-title">Hediye Çeki</div> <div class="service-desc">Mağazamızda hediye çeklerimiz sizleri bekliyor.</div> </div> </a> </div> <div class="services col-lg-3 col-md-6 col-sm-6 col-xs-6"> <a href="#"> <div class="service-img" style="background-image: url(dist/assets/images/services/3.png);"> </div> <div class="service-block"> <div class="service-title">7X24 Destek</div> <div class="service-desc">7X24 hizmet seçeneğimiz ile ihtiyacınız olduğu her zaman bize ulaşabilirsiniz.</div> </div> </a> </div> <div class="services col-lg-3 col-md-6 col-sm-6 col-xs-6"> <a href="#"> <div class="service-img" style="background-image: url(dist/assets/images/services/4.png);"> </div> <div class="service-block"> <div class="service-title">Büyük Tasarruf</div> <div class="service-desc">Kaliteli ürünlerimiz ile sizlere en uygun fiyat garantisini sunuyoruz.</div> </div> </a> </div> </div> </div> </section> <!-- ------------------product block---------- --> <section id="ishiproductsblock" class="ishiproductsblock container"> <h3 class="home-title"><span class="title-icon"><span></span></span>Trending Products</h3> <ul id="ishiproductstab" class="nav nav-tabs clearfix"> {% for key,kategori in urunkategoriler %} <li class="nav-item {% if key == 0 %}first_item active{% endif %} {% if urunkategoriler|length-1 == key %}last_item{% endif %}"> <a href="#pro{{ kategori.dilgrup }}" data-toggle="tab" class="nav-link">{{ kategori.adi }}</a> </li> {% endfor %} </ul> <div class="tab-content row"> {% for key,kategori in urunkategoriler %} <div id="pro{{ kategori.dilgrup }}" class="tab-pane {% if key == 0 %}active{% endif %}"> <div class="block_content"> <div id="ishi-featured-products" class="owl-carousel"> {% set kategoriler = kategori.dilgrup|urun_altKategoriGeriIdYaz~kategori.dilgrup %} {% set urunler = kategoriler|site_urunler("","",10) %} {% for urun in urunler %} {{ urun|urunBox(0)|raw }} {% endfor %} </div> </div> </div> {% endfor %} </div> </section> <!-- ------------------parallax block ---------- --> <section id="ishiparallaxbanner" class="clearfix"> <div class="parallax" data-source-url="dist/assets/images/parallax.jpg" style="background-image: url(dist/assets/images/parallax.jpg);"> <div class="container"> <div class="parallax-list"> <img src="{{ asset('dist/assets/images/parallax-2021.png') }}" alt="parallax_icon" class="img-responsive parallax-discount"> <div class="parallax-title">Oyuncak & Hediyelik Eşyalar</div> <div class="parallax-subtitle">BÜYÜK SEZON İNDİRİMİ HER TÜR OYUNCAK</div> <div class="parallax-btn"><a href="#" class="btn btn-primary theme-button">Alışverişe Başla</a></div> </div> </div> </div> </section> <!-- -------------------testimonial---------- --> #}{#<section id="ishitesimonial" class="ishitestimonialsblock"> <div class="container"> <div class="row"> <div class="col-lg-4 col-md-4 hidden-lg-down testimonial-parallax"> <div class="testimonial-bg"> <img src="assets/images/testimonial-bg.png" alt="banner"> </div> <h3 class="home-title"><span class="title-icon"><span></span></span>Client Say’s</h3> </div> <div class="col-xl-8 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div id="ishitestimonials-carousel" class="owl-carousel"> <div class="item ishitestimonials-container"> <div class="testimonial-img"> <img src="assets/images/testimonial/testimonial-1.png" alt="Marko Westin"> </div> <div class="testimonial-info"> <span class="quote"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 298.7 298.7" style="enable-background:new 0 0 298.7 298.7;" xml:space="preserve"> <g> <g> <g> <polygon points="298.7,128 234.7,128 277.3,42.7 213.3,42.7 170.7,128 170.7,256 298.7,256 "/> <polygon points="128,256 128,128 64,128 106.7,42.7 42.7,42.7 0,128 0,256 "/> </g> </g> </g> </svg> </span> <div class="user-description"> Lorem ipsum dolor sit amet, consectetur adipiselit. Mauris non tortor nec eros digniim dapibus Etiam vitae magna sed urna t </div> <div class="user-count">01</div> <h3 class="user-name"> Marko Westin </h3> <div class="user-designation"> Co-Founder </div> </div> </div> <div class="item ishitestimonials-container"> <div class="testimonial-img"> <img src="assets/images/testimonial/testimonial-2.png" alt="John Duff"> </div> <div class="testimonial-info"> <span class="quote"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 298.7 298.7" style="enable-background:new 0 0 298.7 298.7;" xml:space="preserve"> <g> <g> <g> <polygon points="298.7,128 234.7,128 277.3,42.7 213.3,42.7 170.7,128 170.7,256 298.7,256 "/> <polygon points="128,256 128,128 64,128 106.7,42.7 42.7,42.7 0,128 0,256 "/> </g> </g> </g> </svg> </span> <div class="user-description"> Lorem ipsum dolor sit amet, consectetur adipiselit. Mauris non tortor nec eros digniim dapibus Etiam vitae magna sed urna t </div> <div class="user-count">02</div> <h3 class="user-name"> John Duff </h3> <div class="user-designation"> Web Developer </div> </div> </div> <div class="item ishitestimonials-container"> <div class="testimonial-img"> <img src="assets/images/testimonial/testimonial-3.png" alt="Marko Westin"> </div> <div class="testimonial-info"> <span class="quote"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 298.7 298.7" style="enable-background:new 0 0 298.7 298.7;" xml:space="preserve"> <g> <g> <g> <polygon points="298.7,128 234.7,128 277.3,42.7 213.3,42.7 170.7,128 170.7,256 298.7,256 "/> <polygon points="128,256 128,128 64,128 106.7,42.7 42.7,42.7 0,128 0,256 "/> </g> </g> </g> </svg> </span> <div class="user-description"> Lorem ipsum dolor sit amet, consectetur adipiselit. Mauris non tortor nec eros digniim dapibus Etiam vitae magna sed urna t </div> <div class="user-count">03</div> <h3 class="user-name"> Marko Westin </h3> <div class="user-designation"> Co-Founder </div> </div> </div> <div class="item ishitestimonials-container"> <div class="testimonial-img"> <img src="assets/images/testimonial/testimonial-4.png" alt="Marko Westin"> </div> <div class="testimonial-info"> <span class="quote"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 298.7 298.7" style="enable-background:new 0 0 298.7 298.7;" xml:space="preserve"> <g> <g> <g> <polygon points="298.7,128 234.7,128 277.3,42.7 213.3,42.7 170.7,128 170.7,256 298.7,256 "/> <polygon points="128,256 128,128 64,128 106.7,42.7 42.7,42.7 0,128 0,256 "/> </g> </g> </g> </svg> </span> <div class="user-description"> Lorem ipsum dolor sit amet, consectetur adipiselit. Mauris non tortor nec eros digniim dapibus Etiam vitae magna sed urna t </div> <div class="user-count">04</div> <h3 class="user-name"> Marko Westin </h3> <div class="user-designation"> Co-Founder </div> </div> </div> <div class="item ishitestimonials-container"> <div class="testimonial-img"> <img src="assets/images/testimonial/testimonial-5.png" alt="Marko Westin"> </div> <div class="testimonial-info"> <span class="quote"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 298.7 298.7" style="enable-background:new 0 0 298.7 298.7;" xml:space="preserve"> <g> <g> <g> <polygon points="298.7,128 234.7,128 277.3,42.7 213.3,42.7 170.7,128 170.7,256 298.7,256 "/> <polygon points="128,256 128,128 64,128 106.7,42.7 42.7,42.7 0,128 0,256 "/> </g> </g> </g> </svg> </span> <div class="user-description"> Lorem ipsum dolor sit amet, consectetur adipiselit. Mauris non tortor nec eros digniim dapibus Etiam vitae magna sed urna t </div> <div class="user-count">05</div> <h3 class="user-name"> Marko Westin </h3> <div class="user-designation"> Co-Founder </div> </div> </div> </div> </div> </div> </div> </section>#}{# <!-- -------------------two banner---------- --> <section id="ishitwobanner" class="ishitwobannerblock"> <div class="container"> <div class="row"> {% for kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="bannerblock col-md-6 col-sm-6"> <a href="{{ link }}" class="ishi-customhover-fadeinrotate scale"> <img src="{{ kategori.resim|timthumb('uploads/',570,320,2,100) }}" alt="banner" class="img-responsive" /> </a> </div> {% endfor %} </div> </div> </section> <!-- -------------------special deals---------- -->#}{# <section id="ishispecialdeal" class="ishispecialdeals" style="background-color: #a993db"> <div class="row valign-wrapper"> <div class="specialdeals_parallax col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12" style="background-image: url('assets/images/deal-image.jpg');"> <div class="deal-list"> <div class="deal-discount">Exclusive Sale On Toy Town</div> <div class="deal-title">Trendy Kids Toys</div> <div class="deal-subtitle">Get up to <span> 40% off </span> Available</div> <div class="deal-offer"><a href="#" class="btn btn-secondary">Shop Now</a></div> </div> </div> <div class="specialdeals_products col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div id="ishispecialdeals-carousel" class="bxSlider"> <div class="multilevel-item"> <div class="item" data-countdowntime="2020-11-30"> <div class="product-thumb"> <div class="image"> <a href="#"> <img src="assets/images/product/1.jpg" alt="product-img"> <img class="product-img-extra change" alt="product-img" src="assets/images/product/2.jpg"> </a> </div> <div class="caption"> <div class="product-title"><a href="#">Aroma Mocha</a></div> <p class="price"> <span class="regular price-old">$55.00</span> <span class="price-discount">9%</span> <span class="price-sale">$50.00 </span> </p> <div class='countdown-container'> <div class="countdown-text">The offer ends in : </div> <div class='countdown-days counter'> <span class="data"></span> <span class="lbl">Days</span> </div> <div class='countdown-hours counter'> <span class="data"></span> <span class="lbl">Hours</span> </div> <div class='countdown-minutes counter'> <span class="data"></span> <span class="lbl">Min</span> </div> <div class='countdown-seconds counter'> <span class="data"></span> <span class="lbl">Sec</span> </div> </div> <div class="button-group"> <div class="btn-quickview"> <a class="quickbox" href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="eye-open" viewBox="0 0 1190 1190"><title>eye-open</title><path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#eye-open" x="28%" y="28%"></use></svg> <span class="lblcart">Quick View</span> </a> </div> <div class="btn-wishlist"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="heart-shape-outline" viewBox="0 0 1400 1400"><title>heart-shape-outline</title><path d="M492.719,166.008c0-73.486-59.573-133.056-133.059-133.056c-47.985,0-89.891,25.484-113.302,63.569c-23.408-38.085-65.332-63.569-113.316-63.569C59.556,32.952,0,92.522,0,166.008c0,40.009,17.729,75.803,45.671,100.178l188.545,188.553c3.22,3.22,7.587,5.029,12.142,5.029c4.555,0,8.922-1.809,12.142-5.029l188.545-188.553C474.988,241.811,492.719,206.017,492.719,166.008z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#heart-shape-outline" x="32%" y="33%"></use></svg> </a> </div> <div class="btn-cart"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="addtocart" viewBox="0 0 1200 1200"><title>addtocart</title> <path d="M194.59,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S230.235,382.711,194.59,382.711z M194.59,473.215c-14.261,0-25.858-11.597-25.858-25.858c0-14.261,11.597-25.858,25.858-25.858 c14.254,0,25.858,11.597,25.858,25.858C220.448,461.617,208.851,473.215,194.59,473.215z"></path> <path d="M385.941,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S421.587,382.711,385.941,382.711z M385.941,473.215c-14.261,0-25.858-11.597-25.858-25.858 c0-14.261,11.597-25.858,25.858-25.858c14.261,0,25.858,11.597,25.858,25.858C411.799,461.617,400.202,473.215,385.941,473.215z"></path> <path d="M498.088,126.274c-3.685-4.629-9.27-7.324-15.179-7.324H143.326l-17.629-89.095c-1.545-7.803-7.699-13.873-15.528-15.308 L32.594,0.325C22.038-1.621,11.953,5.368,10.02,15.905s5.042,20.641,15.58,22.574l64.607,11.843l56.914,287.667 c1.797,9.083,9.768,15.631,19.025,15.631h271.512c9.031,0,16.86-6.225,18.896-15.037l45.252-195.876 C503.137,136.947,501.767,130.896,498.088,126.274z M422.233,314.833H182.074l-31.075-157.089h307.519L422.233,314.833z"></path> </symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#addtocart" x="28%" y="28%"></use></svg> <span class="lblcart">Add to Cart</span> </a> </div> </div> </div> </div> </div> <div class="item" data-countdowntime="2021-03-31"> <div class="product-thumb"> <div class="image"> <a href="#"> <img src="assets/images/product/3.jpg" alt="product-img"> <img class="product-img-extra change" alt="product-img" src="assets/images/product/4.jpg"> </a> </div> <div class="caption"> <div class="product-title"><a href="#">Classic Fisher Gift</a></div> <p class="price"> <span class="price-sale">$50.00 </span> </p> <div class='countdown-container'> <div class="countdown-text">The offer ends in : </div> <div class='countdown-days counter'> <span class="data"></span> <span class="lbl">Days</span> </div> <div class='countdown-hours counter'> <span class="data"></span> <span class="lbl">Hours</span> </div> <div class='countdown-minutes counter'> <span class="data"></span> <span class="lbl">Min</span> </div> <div class='countdown-seconds counter'> <span class="data"></span> <span class="lbl">Sec</span> </div> </div> <div class="button-group"> <div class="btn-quickview"> <a class="quickbox" href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="eye-open" viewBox="0 0 1190 1190"><title>eye-open</title><path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#eye-open" x="28%" y="28%"></use></svg> <span class="lblcart">Quick View</span> </a> </div> <div class="btn-wishlist"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="heart-shape-outline" viewBox="0 0 1400 1400"><title>heart-shape-outline</title><path d="M492.719,166.008c0-73.486-59.573-133.056-133.059-133.056c-47.985,0-89.891,25.484-113.302,63.569c-23.408-38.085-65.332-63.569-113.316-63.569C59.556,32.952,0,92.522,0,166.008c0,40.009,17.729,75.803,45.671,100.178l188.545,188.553c3.22,3.22,7.587,5.029,12.142,5.029c4.555,0,8.922-1.809,12.142-5.029l188.545-188.553C474.988,241.811,492.719,206.017,492.719,166.008z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#heart-shape-outline" x="32%" y="33%"></use></svg> </a> </div> <div class="btn-cart"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="addtocart" viewBox="0 0 1200 1200"><title>addtocart</title> <path d="M194.59,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S230.235,382.711,194.59,382.711z M194.59,473.215c-14.261,0-25.858-11.597-25.858-25.858c0-14.261,11.597-25.858,25.858-25.858 c14.254,0,25.858,11.597,25.858,25.858C220.448,461.617,208.851,473.215,194.59,473.215z"></path> <path d="M385.941,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S421.587,382.711,385.941,382.711z M385.941,473.215c-14.261,0-25.858-11.597-25.858-25.858 c0-14.261,11.597-25.858,25.858-25.858c14.261,0,25.858,11.597,25.858,25.858C411.799,461.617,400.202,473.215,385.941,473.215z"></path> <path d="M498.088,126.274c-3.685-4.629-9.27-7.324-15.179-7.324H143.326l-17.629-89.095c-1.545-7.803-7.699-13.873-15.528-15.308 L32.594,0.325C22.038-1.621,11.953,5.368,10.02,15.905s5.042,20.641,15.58,22.574l64.607,11.843l56.914,287.667 c1.797,9.083,9.768,15.631,19.025,15.631h271.512c9.031,0,16.86-6.225,18.896-15.037l45.252-195.876 C503.137,136.947,501.767,130.896,498.088,126.274z M422.233,314.833H182.074l-31.075-157.089h307.519L422.233,314.833z"></path> </symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#addtocart" x="28%" y="28%"></use></svg> <span class="lblcart">Add to Cart</span> </a> </div> </div> </div> </div> </div> <div class="item" data-countdowntime="2020-10-30"> <div class="product-thumb"> <div class="image"> <a href="#"> <img src="assets/images/product/5.jpg" alt="product-img"> <img class="product-img-extra change" alt="product-img" src="assets/images/product/6.jpg"> </a> </div> <div class="caption"> <div class="product-title"><a href="#">Black Tour Bag</a></div> <p class="price"> <span class="regular price-old">$42.00</span> <span class="price-sale">$40.00 </span> </p> <div class='countdown-container'> <div class="countdown-text">The offer ends in : </div> <div class='countdown-days counter'> <span class="data"></span> <span class="lbl">Days</span> </div> <div class='countdown-hours counter'> <span class="data"></span> <span class="lbl">Hours</span> </div> <div class='countdown-minutes counter'> <span class="data"></span> <span class="lbl">Min</span> </div> <div class='countdown-seconds counter'> <span class="data"></span> <span class="lbl">Sec</span> </div> </div> <div class="button-group"> <div class="btn-quickview"> <a class="quickbox" href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="eye-open" viewBox="0 0 1190 1190"><title>eye-open</title><path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#eye-open" x="28%" y="28%"></use></svg> <span class="lblcart">Quick View</span> </a> </div> <div class="btn-wishlist"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="heart-shape-outline" viewBox="0 0 1400 1400"><title>heart-shape-outline</title><path d="M492.719,166.008c0-73.486-59.573-133.056-133.059-133.056c-47.985,0-89.891,25.484-113.302,63.569c-23.408-38.085-65.332-63.569-113.316-63.569C59.556,32.952,0,92.522,0,166.008c0,40.009,17.729,75.803,45.671,100.178l188.545,188.553c3.22,3.22,7.587,5.029,12.142,5.029c4.555,0,8.922-1.809,12.142-5.029l188.545-188.553C474.988,241.811,492.719,206.017,492.719,166.008z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#heart-shape-outline" x="32%" y="33%"></use></svg> </a> </div> <div class="btn-cart"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="addtocart" viewBox="0 0 1200 1200"><title>addtocart</title> <path d="M194.59,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S230.235,382.711,194.59,382.711z M194.59,473.215c-14.261,0-25.858-11.597-25.858-25.858c0-14.261,11.597-25.858,25.858-25.858 c14.254,0,25.858,11.597,25.858,25.858C220.448,461.617,208.851,473.215,194.59,473.215z"></path> <path d="M385.941,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S421.587,382.711,385.941,382.711z M385.941,473.215c-14.261,0-25.858-11.597-25.858-25.858 c0-14.261,11.597-25.858,25.858-25.858c14.261,0,25.858,11.597,25.858,25.858C411.799,461.617,400.202,473.215,385.941,473.215z"></path> <path d="M498.088,126.274c-3.685-4.629-9.27-7.324-15.179-7.324H143.326l-17.629-89.095c-1.545-7.803-7.699-13.873-15.528-15.308 L32.594,0.325C22.038-1.621,11.953,5.368,10.02,15.905s5.042,20.641,15.58,22.574l64.607,11.843l56.914,287.667 c1.797,9.083,9.768,15.631,19.025,15.631h271.512c9.031,0,16.86-6.225,18.896-15.037l45.252-195.876 C503.137,136.947,501.767,130.896,498.088,126.274z M422.233,314.833H182.074l-31.075-157.089h307.519L422.233,314.833z"></path> </symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#addtocart" x="28%" y="28%"></use></svg> <span class="lblcart">Add to Cart</span> </a> </div> </div> </div> </div> </div> </div> <div class="multilevel-item"> <div class="item" data-countdowntime="2020-11-30"> <div class="product-thumb"> <div class="image"> <a href="#"> <img src="assets/images/product/7.jpg" alt="product-img"> <img class="product-img-extra change" alt="product-img" src="assets/images/product/8.jpg"> </a> </div> <div class="caption"> <div class="product-title"><a href="#">Critter Teddy</a></div> <p class="price"> <span class="regular price-old">$35.00</span> <span class="price-sale">$30.00 </span> </p> <div class='countdown-container'> <div class="countdown-text">The offer ends in : </div> <div class='countdown-days counter'> <span class="data"></span> <span class="lbl">Days</span> </div> <div class='countdown-hours counter'> <span class="data"></span> <span class="lbl">Hours</span> </div> <div class='countdown-minutes counter'> <span class="data"></span> <span class="lbl">Min</span> </div> <div class='countdown-seconds counter'> <span class="data"></span> <span class="lbl">Sec</span> </div> </div> <div class="button-group"> <div class="btn-quickview"> <a class="quickbox" href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="eye-open" viewBox="0 0 1190 1190"><title>eye-open</title><path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#eye-open" x="28%" y="28%"></use></svg> <span class="lblcart">Quick View</span> </a> </div> <div class="btn-wishlist"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="heart-shape-outline" viewBox="0 0 1400 1400"><title>heart-shape-outline</title><path d="M492.719,166.008c0-73.486-59.573-133.056-133.059-133.056c-47.985,0-89.891,25.484-113.302,63.569c-23.408-38.085-65.332-63.569-113.316-63.569C59.556,32.952,0,92.522,0,166.008c0,40.009,17.729,75.803,45.671,100.178l188.545,188.553c3.22,3.22,7.587,5.029,12.142,5.029c4.555,0,8.922-1.809,12.142-5.029l188.545-188.553C474.988,241.811,492.719,206.017,492.719,166.008z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#heart-shape-outline" x="32%" y="33%"></use></svg> </a> </div> <div class="btn-cart"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="addtocart" viewBox="0 0 1200 1200"><title>addtocart</title> <path d="M194.59,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S230.235,382.711,194.59,382.711z M194.59,473.215c-14.261,0-25.858-11.597-25.858-25.858c0-14.261,11.597-25.858,25.858-25.858 c14.254,0,25.858,11.597,25.858,25.858C220.448,461.617,208.851,473.215,194.59,473.215z"></path> <path d="M385.941,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S421.587,382.711,385.941,382.711z M385.941,473.215c-14.261,0-25.858-11.597-25.858-25.858 c0-14.261,11.597-25.858,25.858-25.858c14.261,0,25.858,11.597,25.858,25.858C411.799,461.617,400.202,473.215,385.941,473.215z"></path> <path d="M498.088,126.274c-3.685-4.629-9.27-7.324-15.179-7.324H143.326l-17.629-89.095c-1.545-7.803-7.699-13.873-15.528-15.308 L32.594,0.325C22.038-1.621,11.953,5.368,10.02,15.905s5.042,20.641,15.58,22.574l64.607,11.843l56.914,287.667 c1.797,9.083,9.768,15.631,19.025,15.631h271.512c9.031,0,16.86-6.225,18.896-15.037l45.252-195.876 C503.137,136.947,501.767,130.896,498.088,126.274z M422.233,314.833H182.074l-31.075-157.089h307.519L422.233,314.833z"></path> </symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#addtocart" x="28%" y="28%"></use></svg> <span class="lblcart">Add to Cart</span> </a> </div> </div> </div> </div> </div> <div class="item" data-countdowntime="2021-03-31"> <div class="product-thumb"> <div class="image"> <a href="#"> <img src="assets/images/product/9.jpg" alt="product-img"> <img class="product-img-extra change" alt="product-img" src="assets/images/product/10.jpg"> </a> </div> <div class="caption"> <div class="product-title"><a href="#">Sensory Activity</a></div> <p class="price"> <span class="price-sale">$50.00 </span> </p> <div class='countdown-container'> <div class="countdown-text">The offer ends in : </div> <div class='countdown-days counter'> <span class="data"></span> <span class="lbl">Days</span> </div> <div class='countdown-hours counter'> <span class="data"></span> <span class="lbl">Hours</span> </div> <div class='countdown-minutes counter'> <span class="data"></span> <span class="lbl">Min</span> </div> <div class='countdown-seconds counter'> <span class="data"></span> <span class="lbl">Sec</span> </div> </div> <div class="button-group"> <div class="btn-quickview"> <a class="quickbox" href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="eye-open" viewBox="0 0 1190 1190"><title>eye-open</title><path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#eye-open" x="28%" y="28%"></use></svg> <span class="lblcart">Quick View</span> </a> </div> <div class="btn-wishlist"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="heart-shape-outline" viewBox="0 0 1400 1400"><title>heart-shape-outline</title><path d="M492.719,166.008c0-73.486-59.573-133.056-133.059-133.056c-47.985,0-89.891,25.484-113.302,63.569c-23.408-38.085-65.332-63.569-113.316-63.569C59.556,32.952,0,92.522,0,166.008c0,40.009,17.729,75.803,45.671,100.178l188.545,188.553c3.22,3.22,7.587,5.029,12.142,5.029c4.555,0,8.922-1.809,12.142-5.029l188.545-188.553C474.988,241.811,492.719,206.017,492.719,166.008z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#heart-shape-outline" x="32%" y="33%"></use></svg> </a> </div> <div class="btn-cart"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="addtocart" viewBox="0 0 1200 1200"><title>addtocart</title> <path d="M194.59,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S230.235,382.711,194.59,382.711z M194.59,473.215c-14.261,0-25.858-11.597-25.858-25.858c0-14.261,11.597-25.858,25.858-25.858 c14.254,0,25.858,11.597,25.858,25.858C220.448,461.617,208.851,473.215,194.59,473.215z"></path> <path d="M385.941,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S421.587,382.711,385.941,382.711z M385.941,473.215c-14.261,0-25.858-11.597-25.858-25.858 c0-14.261,11.597-25.858,25.858-25.858c14.261,0,25.858,11.597,25.858,25.858C411.799,461.617,400.202,473.215,385.941,473.215z"></path> <path d="M498.088,126.274c-3.685-4.629-9.27-7.324-15.179-7.324H143.326l-17.629-89.095c-1.545-7.803-7.699-13.873-15.528-15.308 L32.594,0.325C22.038-1.621,11.953,5.368,10.02,15.905s5.042,20.641,15.58,22.574l64.607,11.843l56.914,287.667 c1.797,9.083,9.768,15.631,19.025,15.631h271.512c9.031,0,16.86-6.225,18.896-15.037l45.252-195.876 C503.137,136.947,501.767,130.896,498.088,126.274z M422.233,314.833H182.074l-31.075-157.089h307.519L422.233,314.833z"></path> </symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#addtocart" x="28%" y="28%"></use></svg> <span class="lblcart">Add to Cart</span> </a> </div> </div> </div> </div> </div> <div class="item" data-countdowntime="2020-10-30"> <div class="product-thumb"> <div class="image"> <a href="#"> <img src="assets/images/product/11.jpg" alt="product-img"> <img class="product-img-extra change" alt="product-img" src="assets/images/product/12.jpg"> </a> </div> <div class="caption"> <div class="product-title"><a href="#">Link 'n Go Pack</a></div> <p class="price"> <span class="regular price-old">$20.00</span> <span class="price-sale">$15.00 </span> </p> <div class='countdown-container'> <div class="countdown-text">The offer ends in : </div> <div class='countdown-days counter'> <span class="data"></span> <span class="lbl">Days</span> </div> <div class='countdown-hours counter'> <span class="data"></span> <span class="lbl">Hours</span> </div> <div class='countdown-minutes counter'> <span class="data"></span> <span class="lbl">Min</span> </div> <div class='countdown-seconds counter'> <span class="data"></span> <span class="lbl">Sec</span> </div> </div> <div class="button-group"> <div class="btn-quickview"> <a class="quickbox" href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="eye-open" viewBox="0 0 1190 1190"><title>eye-open</title><path d="M505.918,236.117c-26.651-43.587-62.485-78.609-107.497-105.065c-45.015-26.457-92.549-39.687-142.608-39.687 c-50.059,0-97.595,13.225-142.61,39.687C68.187,157.508,32.355,192.53,5.708,236.117C1.903,242.778,0,249.345,0,255.818 c0,6.473,1.903,13.04,5.708,19.699c26.647,43.589,62.479,78.614,107.495,105.064c45.015,26.46,92.551,39.68,142.61,39.68 c50.06,0,97.594-13.176,142.608-39.536c45.012-26.361,80.852-61.432,107.497-105.208c3.806-6.659,5.708-13.223,5.708-19.699 C511.626,249.345,509.724,242.778,505.918,236.117z M194.568,158.03c17.034-17.034,37.447-25.554,61.242-25.554 c3.805,0,7.043,1.336,9.709,3.999c2.662,2.664,4,5.901,4,9.707c0,3.809-1.338,7.044-3.994,9.704 c-2.662,2.667-5.902,3.999-9.708,3.999c-16.368,0-30.362,5.808-41.971,17.416c-11.613,11.615-17.416,25.603-17.416,41.971 c0,3.811-1.336,7.044-3.999,9.71c-2.667,2.668-5.901,3.999-9.707,3.999c-3.809,0-7.044-1.334-9.71-3.999 c-2.667-2.666-3.999-5.903-3.999-9.71C169.015,195.482,177.535,175.065,194.568,158.03z M379.867,349.04 c-38.164,23.12-79.514,34.687-124.054,34.687c-44.539,0-85.889-11.56-124.051-34.687s-69.901-54.2-95.215-93.222 c28.931-44.921,65.19-78.518,108.777-100.783c-11.61,19.792-17.417,41.207-17.417,64.236c0,35.216,12.517,65.329,37.544,90.362 s55.151,37.544,90.362,37.544c35.214,0,65.329-12.518,90.362-37.544s37.545-55.146,37.545-90.362 c0-23.029-5.808-44.447-17.419-64.236c43.585,22.265,79.846,55.865,108.776,100.783C449.767,294.84,418.031,325.913,379.867,349.04 z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#eye-open" x="28%" y="28%"></use></svg> <span class="lblcart">Quick View</span> </a> </div> <div class="btn-wishlist"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="heart-shape-outline" viewBox="0 0 1400 1400"><title>heart-shape-outline</title><path d="M492.719,166.008c0-73.486-59.573-133.056-133.059-133.056c-47.985,0-89.891,25.484-113.302,63.569c-23.408-38.085-65.332-63.569-113.316-63.569C59.556,32.952,0,92.522,0,166.008c0,40.009,17.729,75.803,45.671,100.178l188.545,188.553c3.22,3.22,7.587,5.029,12.142,5.029c4.555,0,8.922-1.809,12.142-5.029l188.545-188.553C474.988,241.811,492.719,206.017,492.719,166.008z"/></symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#heart-shape-outline" x="32%" y="33%"></use></svg> </a> </div> <div class="btn-cart"> <a href="#"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="addtocart" viewBox="0 0 1200 1200"><title>addtocart</title> <path d="M194.59,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S230.235,382.711,194.59,382.711z M194.59,473.215c-14.261,0-25.858-11.597-25.858-25.858c0-14.261,11.597-25.858,25.858-25.858 c14.254,0,25.858,11.597,25.858,25.858C220.448,461.617,208.851,473.215,194.59,473.215z"></path> <path d="M385.941,382.711c-35.646,0-64.646,29-64.646,64.646s29,64.646,64.646,64.646c35.646,0,64.646-29,64.646-64.646 S421.587,382.711,385.941,382.711z M385.941,473.215c-14.261,0-25.858-11.597-25.858-25.858 c0-14.261,11.597-25.858,25.858-25.858c14.261,0,25.858,11.597,25.858,25.858C411.799,461.617,400.202,473.215,385.941,473.215z"></path> <path d="M498.088,126.274c-3.685-4.629-9.27-7.324-15.179-7.324H143.326l-17.629-89.095c-1.545-7.803-7.699-13.873-15.528-15.308 L32.594,0.325C22.038-1.621,11.953,5.368,10.02,15.905s5.042,20.641,15.58,22.574l64.607,11.843l56.914,287.667 c1.797,9.083,9.768,15.631,19.025,15.631h271.512c9.031,0,16.86-6.225,18.896-15.037l45.252-195.876 C503.137,136.947,501.767,130.896,498.088,126.274z M422.233,314.833H182.074l-31.075-157.089h307.519L422.233,314.833z"></path> </symbol> </svg> <svg class="icon" viewBox="0 0 30 30"><use xlink:href="#addtocart" x="28%" y="28%"></use></svg> <span class="lblcart">Add to Cart</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $("#ishispecialdeal .item").each(function() { var container = $(this).find('.countdown-container'); var time = $(this).data('countdowntime'); $(container).countdown(time, function(event) { $(this).find(".countdown-days .data").html(event.strftime('%D')); $(this).find(".countdown-hours .data").html(event.strftime('%H')); $(this).find(".countdown-minutes .data").html(event.strftime('%M')); $(this).find(".countdown-seconds .data").html(event.strftime('%S')); }); }); var specialdeals = $('#ishispecialdeals-carousel').bxSlider({ mode: 'vertical', minSlides: 1, auto:false, moveSlides:1, pause: 3000, touchEnabled:false, controls:true, pager:false, nextText: '<i class="fa fa-arrow-down"></i>', prevText: '<i class="fa fa-arrow-up"></i>' }); </script> </section>#}{# <!-- -------------------manufacture---------- --> <section id="ishimanufacturerblock" class="clearfix container"> <div id="manufacturer-carousel" class="owl-carousel"> {% for marka in markalar %} {% if marka.resim|default('') != '' %} <div class="item"> <div class="image-container"> <a href="#"> <img src="{{ marka.resim|timthumb('uploads/',194,80,2,100) }}" title="{{ marka.adi|html_entity_decode|raw }}" alt="{{ marka.adi|html_entity_decode|raw }}"> </a> </div> </div> {% endif %} {% endfor %} </div> </section> <!-- -------------------special product---------- --> <section id="ishispecialproducts" class="container"> <h3 class="home-title"><span class="title-icon"><span></span></span>Popüler Ürünler</h3> <div class="block_content row"> <div id="ishispecialproducts-carousel" class="owl-carousel products"> {% set urunler = ""|site_urunler(2,"",15) %} {% for urun in urunler %} {{ urun|urunBox(0)|raw }} {% endfor %} </div> </div> </section> <!-- -------------------smartblock---------- -->#}{# <section id="smartblog_block" class="smartblog_block clearfix container"> <h3 class="home-title"><span class="title-icon"><span></span></span>Latest Blog</h3> <div class="block_content"> <div id="smartblog-carousel" class="smartblog-carousel owl-carousel"> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Upon of seasons earth dominion" class="feat_img_small" src="assets/images/blog/1.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="blog_title"><a href="blog_post.html">Upon of seasons earth dominion</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> There are many variations of passages of Lorem Ipsum available, but... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Lorem ipsum dolor sit amet" class="feat_img_small" src="assets/images/blog/2.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="blog_title"><a href="blog_post.html">Lorem ipsum dolor sit amet</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Upon of seasons earth dominion" class="feat_img_small" src="assets/images/blog/3.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="blog_title"><a href="blog_post.html">Upon of seasons earth dominion</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Christmas Sale is here 7" class="feat_img_small" src="assets/images/blog/4.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="blog_title"><a href="blog_post.html">Christmas Sale is here 7</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Nostro expetenda voluptatum sit ex" class="feat_img_small" src="assets/images/blog/5.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="blog_title"><a href="blog_post.html">Nostro expetenda voluptatum sit ex</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Viderer voluptatum te eum" class="feat_img_small" src="assets/images/blog/6.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="post_title"><a href="blog_post.html">Viderer voluptatum te eum</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Nec intellegat deseruisse te" class="feat_img_small" src="assets/images/blog/7.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="post_title"><a href="blog_post.html">Nec intellegat deseruisse te</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> <div class="item blog_post row"> <div class="news_module_image_holder col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="blog_post.html"> <img alt="Scelerisque vestibulum urna" class="feat_img_small" src="assets/images/blog/8.jpg"> <span class="blog-hover"></span> </a> </div> <div class="blog_content col-xl-6 col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_inner"> <h4 class="post_title"><a href="blog_post.html">Scelerisque vestibulum urna</a></h4> <div class="date-comment"> <span class="blog_date"> <i class="fa fa-calendar"></i> 27 / 07 / 2020</span> <span class="write-comment"> <a href="#"><i class="fa fa-comment"></i> 0 Comments</a></span> </div> <p class="blog-desc"> Nascetur ridiculus mus upon of seasons earth dominion. Gathering brought light, cree... </p> <div class="read-more btn-primary"><a href="blog_post.html">Read more</a></div> </div> </div> </div> </div> </div> </section>#}{# <!-- -------------------banner---------- --> #}{# <section id="ishibanner" class="ishibannerblock"> <div class="bannerblock col-md-4 col-sm-4"> <a href="#" class="ishi-customhover-fadeoutcenter"> <img src="assets/images/banner/1.jpg" alt="banner" class="img-responsive" /> </a> </div> <div class="bannerblock col-md-4 col-sm-4"> <a href="#" class="ishi-customhover-fadeoutcenter "> <img src="assets/images/banner/2.jpg" alt="banner" class="img-responsive" /> </a> </div> <div class="bannerblock col-md-4 col-sm-4"> <a href="#" class="ishi-customhover-fadeoutcenter "> <img src="assets/images/banner/3.jpg" alt="banner" class="img-responsive" /> </a> </div> </section>#}{# </div>#} {# <div id="carouselExampleControls" class="carousel slide slider" data-ride="carousel"> <div class="carousel-inner"> {% for key,slider in sliders %} <div class="carousel-item {% if key==0 %}active{% endif %}"> <img class="d-block w-100" src="{{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}" alt="First slide"> <div class="banner-item d-block "> <div class="banner-inner"> <div class="banner-text"> <h1 class="title">{{ slider.baslik|default('') }} </h1> <p class="subtitle">{{ slider.aciklama|default('') }}</p> </div> </div> </div> </div> {% endfor %} </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> <!-- Products center mode start --> <div class="section section-padding"> <div class="spacer spacer-lg dark-bg"></div> <div class="container"> <div class="products-slider-center"> {% set urunler = ""|site_urunler("","",20) %} {% for urun in urunler %} {{ urun|urunBox(0)|raw }} {% endfor %} </div> </div> </div> <!-- Products center mode end --> <!-- About Section Start --> <div class="section pt-0"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 mb-lg-30 acr-dots-wrapper acr-single-img-wrapper"> <img src="{{ kurumsal[1][0].resim|timthumb('uploads/',540,640,1,100) }}" alt="{{ kurumsal[1][0].baslik|html_entity_decode|raw }}"> </div> <div class="col-lg-6"> <div class="section-title-wrap mr-lg-30"> <h5 class="custom-primary">{{ 'siteAdi'|ayarlar }}</h5> <h2 class="title">{{ kurumsal[1][0].baslik|html_entity_decode|raw }}</h2> <p class="subtitle"> {{ kurumsal[1][0].metin|html_entity_decode|raw }} </p> </div> </div> </div> </div> </div> <!-- About Section End --> <div class="section dark-bg pb-0"> <div class="container"> <div class="section-title-wrap section-header text-center"> <h5 class="custom-primary">{{ 'siteAdi'|ayarlar }}</h5> <h2 class="title text-white">{{ 'Ürün Grupları'|ceviri }} </h2> </div> </div> </div> <!-- Product-tab-box Start --> <div class="section section-padding pt-0"> <div class="spacer dark-bg"></div> <div class="container"> <div class="product-tab-wrapper"> <ul class="nav nav-tabs border-0 row"> {% for key,kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <li class="nav-item col-lg-2 col-sm-4 col-6"> <a href="#pro{{ kategori.dilgrup }}" data-toggle="tab" class="nav-link {% if key==0 %}active{% endif %}"> <img src="{{ kategori.resim|timthumb('uploads/',50,50,1,100) }}" alt="{{ kategori.adi }}"> <span class="fw-500">{{ kategori.adi }}</span> </a> </li> {% endfor %} </ul> <div class="tab-content mt-0"> {% for key,kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div id="pro{{ kategori.dilgrup }}" class="tab-pane fade {% if key==0 %}show active{% endif %}"> <div class="row"> {% set kategoriler = kategori.dilgrup|urun_altKategoriGeriIdYaz~kategori.dilgrup %} {% set urunler = kategoriler|site_urunler("","",3) %} {% for urun in urunler %} {{ urun|urunBox(4)|raw }} {% endfor %} </div> </div> {% endfor %} </div> </div> </div> </div> <!-- Product-tab-box End -->#}{#<main class="main-content"> <!--== Start Hero Area Wrapper ==--> <section class="home-slider-area"> <div class="swiper-container swiper-pagination-style dots-bg-light home-slider-container default-slider-container"> <div class="swiper-wrapper home-slider-wrapper slider-default"> {% for slider in sliders %} <div class="swiper-slide"> <div class="slider-content-area" data-bg-img="{{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}"> <div class="container"> <div class="row"> <div class="col-10 col-sm-6 col-md-5"> <div class="slider-content slider-content-light animate-pulse"> <h2 class="title transition-slide-2">{{ slider.baslik|default('') }}</h2> <h5 class="sub-title transition-slide-0">{{ slider.aciklama|default('') }}</h5> {% if slider.baslik|default('')!='' %} <a class="btn-slide transition-slide-3" href="{{ slider.link|default('') }}">Alışverişe Başla</a> {% endif %} </div> </div> </div> </div> </div> </div> {% endfor %} </div> <!--== Add Swiper Pagination ==--> <div class="swiper-pagination"></div> </div> </section> <!--== End Hero Area Wrapper ==--> <section> <div class="container pt-30 pt-sm-15 pb-15 pb-lg-5"> <div class="row"> <div class="col-12"> <div class="images-col3-slider owl-carousel owl-theme"> {% for key,kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="item"> <div class="thumb thumb-scale-hover-style"> <a href="{{ link }}"> <img src="{{ kategori.resim|timthumb('uploads/',450,450,1,100) }}" alt="{{ kategori.adi }}" class="hover-img"> </a> </div> </div> {% endfor %} </div> </div> </div> </div> </section> <!--== Start Product Area Wrapper ==--> <section class="product-area"> <div class="container pb-lg-60"> <div class="row"> <div class="col-sm-8 m-auto"> <div class="section-title text-center mb-30"> <h2 class="title">Yeni Ürünler</h2> <div class="desc"> <p>Tüm yeni ürün fırsatlarından yararlanın!</p> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="product-tabs-content-wrap"> <ul class="nav mb-25 product-tab-nav" id="pills-tab" role="tablist"> {% for key,kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <li role="presentation"> <a class="{% if key==0 %}active{% endif %}" id="makeup-tab{{ kategori.dilgrup }}" data-toggle="pill" href="#makeup{{ kategori.dilgrup }}" role="tab" aria-controls="makeup" aria-selected="true">{{ kategori.adi }}</a> </li> {% endfor %} </ul> <div class="tab-content product-tab-content" id="pills-tabContent"> {% for key,kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="tab-pane fade {% if key==0 %}show active{% endif %}" id="makeup{{ kategori.dilgrup }}" role="tabpanel" aria-labelledby="makeup-tab{{ kategori.dilgrup }}"> <div class="row"> {% set kategoriler = kategori.dilgrup|urun_altKategoriGeriIdYaz~kategori.dilgrup %} {% set urunler = kategoriler|site_urunler("","",10) %} {% for urun in urunler %} {{ urun|urunBox(3)|raw }} {% endfor %} </div> </div> {% endfor %} </div> </div> </div> </div> </div> </section> <!--== End Product Area Wrapper ==--></main>#}{# <!-- Banner Start --> <div class="banner banner-1 bg-cover bg-center" style="background-image: url('{{ sliders[0].resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}')"> <div class="container"> <div class="banner-item"> <div class="banner-inner"> <div class="banner-text"> <h1 class="title text-white">{{ sliders[0].baslik|default('') }} </h1> <p class="subtitle text-white">{{ sliders[0].aciklama|default('') }}</p> </div> </div> </div> </div> <div class="container d-none d-lg-block"> <div class="row"> <div class="col-md-8"> <div class="section-title-wrap dark-bg"> <h5 class="text-white custom-primary">{{ 'siteAdi'|ayarlar }}</h5> <h2 class="text-white title"> <span class="custom-primary">{{ 'Popüler ürünlerde fırsat rüzgarı'|ceviri }}</span> </h2> <p class="text-white subtitle">{{ 'Tüm ürünleri inceleyebilir ve takip edebilirsiniz. Hızlı fırsatlardan yararlanmak için inceleyin!'|ceviri }}</p> </div> </div> </div> </div> </div> <!-- Banner End --> <!-- Products center mode start --> <div class="section section-padding"> <div class="spacer spacer-lg dark-bg"></div> <div class="container"> <div class="products-slider-center"> {% set urunler = ""|site_urunler(2,"",15) %} {% for urun in urunler %} {{ urun|urunBox|raw }} #}{# {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set kat2 = urun.kategoriId|urun_kategoriDetay('ustid')|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set link2 =''|site_anaLink~kat2~urun.kategoriId|urun_kategoriDetay('seourl') %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %}#}{# #}{# <!-- Product Start --> <div class="product"> <div class="product-thumbnail"> <a href="product-details-v1.html"><img src="assets/img/products/1.jpg" alt="product"></a> <div class="product-badges"> <span class="product-badge featured"> <i class="fas fa-star"></i> </span> <span class="product-badge stock"> Out of Stock</span> </div> <div class="product-controls"> <a href="#" class="favorite"><i class="far fa-heart"></i></a> <a href="#" class="compare"><i class="fas fa-sync-alt"></i></a> <a href="#" data-toggle="modal" data-target="#quickViewModal" class="quick-view"><i class="fas fa-eye"></i></a> </div> </div> <div class="product-body"> <h5 class="product-title"> <a href="product-details-v1.html" title="Blue Blast">Pearl and Diamond Necklace</a> </h5> <div class="acr-rating"> <i class="fas fa-star active"></i> <i class="fas fa-star active"></i> <i class="fas fa-star active"></i> <i class="fas fa-star active"></i> <i class="fas fa-star active"></i> </div> <span class="product-price">5$ <span>7$</span> </span> <p class="product-text">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> <div class="product-gallery-wrapper"> <a href="product-details-v1.html" class="btn-custom btn-sm secondary">Add to Cart</a> <a href="#" data-toggle="tooltip" title="Gallery" class="product-gallery"> <i class="fas fa-camera"></i> </a> </div> </div> </div> <!-- Product End -->#}{# {% endfor %} </div> </div> </div> <!-- Products center mode end -->#} {#<section class="slider-area pb--40 pt--40"> <div class="container-fluid"> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> {% for key,slider in sliders %} <div class="carousel-item {% if key==0 %}active{% endif %}"> <img class="d-block w-100" src="{{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }}" alt="{{ slider.baslik|default('') }}"> </div> {% endfor %} </div> <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div></section>#}{# <!-- Slider area Start --> <section class="slider-area pb--40 pt--40"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div class="slider-wrapper owl-carousel" id="homepage-slider"> {% for slider in sliders %} <!-- Single Slider Start --> <div class="single-slider" style="background-image: url({{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,100) }});"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-8 offset-xl-1"> #}{##}{# <div class="slider-content"> <h1 class="heading-primary" data-animation="fadeInUp" data-delay=".2s" data-duration=".6s">Sale <span>20% off</span></h1> <h1 class="heading-primary" data-animation="fadeInLeft" data-delay=".3s" data-duration=".7s">EDUCATION TOYS</h1> <p class="slider-content__text" data-animation="fadeInRight" data-delay=".4s" data-duration=".8s">TOY ADVENTURES ARE LEGO CRAZY, NOT SURE HOW LONG WE CAN KEEP THIS UP</p> <a href="shop.html" class="btn slider-btn btn-style-1" data-animation="fadeInDown" data-delay=".5s" data-duration=".9s">Shop Now</a> </div>#}{##}{# </div> </div> </div> </div> <!-- Single Slider End --> {% endfor %} </div> </div> </div> </div> </section> <!-- Slider area End -->#}{# <!-- Product Category area Start --> <section class="product-category-area pt--40 pb--30"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-title"> <h2>Yaşlara göre oyuncaklar</h2> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="product-category js-product-category-carousel owl-carousel"> {% set ozellikler = 1|ozellikBulSite %} {% for key,ozellik in ozellikler %} <div class="product-category__single"> <a href="javascript:void(0);" class="product-category__thumb" onclick="yasGonder({{ ozellik.dilgrup }});"><img src="/dist/ozellik/b{{ key+1 }}.png" alt="{{ ozellik.adi }}"><span>{{ ozellik.adi }}</span></a> </div> {% endfor %} {% for key,ozellik in ozellikler %} <div class="product-category__single"> <a href="javascript:void(0);" class="product-category__thumb" onclick="yasGonder({{ ozellik.dilgrup }});"><img src="/dist/ozellik/b{{ key+1 }}.png" alt="{{ ozellik.adi }}"><span>{{ ozellik.adi }}</span></a> </div> {% endfor %} </div> </div> </div> </div> </section> <!-- Product Category area End --> {% for key,kategori in urunkategoriler %}<section class="our-products-area section-padding"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-title"> <h2>{{ kategori.adi }}</h2> </div> </div> </div> <div class="row no-gutters"> <div class="col-12"> <div class="product-tab__carousel owl-carousel js-product-carousel"> {% set kategoriler = kategori.dilgrup|urun_altKategoriGeriIdYaz~kategori.dilgrup %} {% set urunler = kategoriler|site_urunler("","",20) %} {% for urun in urunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set kat2 = urun.kategoriId|urun_kategoriDetay('ustid')|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set link2 =''|site_anaLink~kat2~urun.kategoriId|urun_kategoriDetay('seourl') %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <!-- Product Box Start --> <div class="product-box variable-product"> <div class="product-box__meta"> <a href="{{ link2 }}" class="product-box__category">{{ urun.kategoriId|urun_kategoriDetay('adi') }}</a> {% if dKamp > 0 %} <span class="product-box__sticker product-box__sticker--discount">-{{ donemselkampanya.indirim|number_format(0,'.','') }}{% if donemselkampanya.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% elseif urun.indirimDurum==1 %} <span class="product-box__sticker product-box__sticker--discount">-{{ urun.indirim|number_format(0,'.','') }}{% if urun.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% endif %} </div> <div class="product-box__image"> <img src="{{ resimler[0]|timthumb('uploads/',288,227,2,100) }}" alt="{{ resimlerBaslik[0] }}" > <a href="{{ link }}" class="quick-view"> <i class="fa fa-eye"></i> </a> </div> <div class="product-box__footer"> <div class="product-box__desc"> <a href="{{ link }}" class="product-box__title">{{ urun.adi|html_entity_decode|raw }}</a> <p class="product-box__price"> {% if dKamp > 0 %} <span class="sale-price">{{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</span> <span class="regular-price">{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</span> {% elseif urun.indirimDurum==1 %} <span class="sale-price">{{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</span> <span class="regular-price">{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</span> {% else %} <span class="sale-price">{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</span> {% endif %} </p> {% if urun.varyantDurum==1 %} <span class="text-danger" style="font-size: 12px;"><i>* {{ 'Seçenekler var'|ceviri }}</i></span> {% endif %} </div> <div class="product-box__links"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});" class="btn btn-danger add-to-cart btn-style-2">Sepete Ekle</a> </div> </div> </div> <!-- Product Box End --> {% endfor %} </div> </div> </div> </div></section> {% endfor %}#} {# <section class="main-slider"> <div class="swiper-container thm-swiper__slider" data-swiper-options='{ "slidesPerView": 1, "loop": true, "effect": "fade", "autoplay": { "delay": 5000 }, "navigation": { "nextEl": "#main-slider__swiper-button-next", "prevEl": "#main-slider__swiper-button-prev" } }'> <div class="swiper-wrapper"> {% for key,slider in sliders %} <div class="swiper-slide"> <div class="image-layer" style="background-image: url({{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,70) }});"> </div> <div class="container"> <div class="row"> <div class="col-xl-7 col-lg-7"> <span class="tagline">{{ 'siteAdi'|ayarlar }}</span> <h2>{{ slider.baslik|default('') }}</h2> <p>{{ slider.aciklama|default('') }}</p> <a href="{{ slider.link|default('') }}" class=" thm-btn">Alışverişe Başla</a> </div> </div> </div> </div> {% endfor %} </div> <div class="main-slider__nav"> <div class="swiper-button-prev" id="main-slider__swiper-button-next"><i class="agrikon-icon-left-arrow"></i> </div> <div class="swiper-button-next" id="main-slider__swiper-button-prev"><i class="agrikon-icon-right-arrow"></i></div> </div> </div> </section> <section class="service-two"> <div class="service-two__bottom-curv"></div> <div class="container"> <div class="block-title text-center"> <img src="/uploads/{{ 5|urun_kategoriDetay('resim') }}" width="45" alt="{{ 5|urun_kategoriDetay('adi') }}"> <p>{{ 'siteAdi'|ayarlar }}</p> <h3>{{ 5|urun_kategoriDetay('adi') }}</h3> </div> {% set urunler = 5|site_urunler %} <div class="row"> {% for urun in urunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <div class="col-sm-12 col-md-6 col-lg-3"> <div class="service-two__card"> <div class="service-two__card-image"> <img src="{{ resimler[0]|timthumb('uploads/',288,227,1,100) }}" alt="{{ resimlerBaslik[0] }}"> </div> <div class="service-two__card-content"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});"> <div class="service-two__card-icon"> <i class="fa fa-shopping-basket"></i> </div> </a> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <div class="price"> {% if dKamp > 0 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% elseif urun.indirimDurum==1 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% else %} {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% endif %} </div> <a href="{{ link }}" class="btn btn-warning btn-sm mt-3">Ürünü İncele</a> </div> </div> </div> {% endfor %} </div> </div> </section> <section class="service-two"> <div class="service-two__bottom-curv"></div> <div class="container"> <div class="block-title text-center"> <img src="/uploads/{{ 9|urun_kategoriDetay('resim') }}" width="45" alt="{{ 9|urun_kategoriDetay('adi') }}"> <p>{{ 'siteAdi'|ayarlar }}</p> <h3>{{ 9|urun_kategoriDetay('adi') }}</h3> </div> {% set urunler = 9|site_urunler %} <div class="row"> {% for urun in urunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <div class="col-sm-12 col-md-6 col-lg-3"> <div class="service-two__card"> <div class="service-two__card-image"> <img src="{{ resimler[0]|timthumb('uploads/',288,227,1,100) }}" alt="{{ resimlerBaslik[0] }}"> </div> <div class="service-two__card-content"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});"> <div class="service-two__card-icon"> <i class="fa fa-shopping-basket"></i> </div> </a> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <div class="price"> {% if dKamp > 0 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% elseif urun.indirimDurum==1 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% else %} {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% endif %} </div> <a href="{{ link }}" class="btn btn-warning btn-sm mt-3">Ürünü İncele</a> </div> </div> </div> {% endfor %} </div> </div> </section> <section class="service-two"> <div class="service-two__bottom-curv"></div> <div class="container"> <div class="block-title text-center"> <img src="/uploads/{{ 2|urun_kategoriDetay('resim') }}" width="45" alt="{{ 2|urun_kategoriDetay('adi') }}"> <p>{{ 'siteAdi'|ayarlar }}</p> <h3>{{ 2|urun_kategoriDetay('adi') }}</h3> </div> {% set urunler = 2|site_urunler %} <div class="row"> {% for urun in urunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <div class="col-sm-12 col-md-6 col-lg-3"> <div class="service-two__card"> <div class="service-two__card-image"> <img src="{{ resimler[0]|timthumb('uploads/',288,227,1,100) }}" alt="{{ resimlerBaslik[0] }}"> </div> <div class="service-two__card-content"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});"> <div class="service-two__card-icon"> <i class="fa fa-shopping-basket"></i> </div> </a> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <div class="price"> {% if dKamp > 0 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% elseif urun.indirimDurum==1 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% else %} {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% endif %} </div> <a href="{{ link }}" class="btn btn-warning btn-sm mt-3">Ürünü İncele</a> </div> </div> </div> {% endfor %} </div> </div> </section>#}{# <!-- Start Slider Section --> <section class="slider pt-0"> <div id="carouselExampleControls" class="carousel slide" data-ride="carousel"> <div class="carousel-inner"> {% for key,slider in sliders %} <div class="carousel-item {% if key==0 %}active{% endif%} slider-area background_bg" data-img-src="{{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,70) }}"> <div class="banner_slide_content left-align"> <div class="container"> <div class="row"> <div class="col-xl-4 col-lg-5 col-md-6 col-sm-7 col-9"> <div class="slider-caption"> <h1 class="animation" data-animation="fadeInDown" data-animation-delay="0.2s">{{ slider.baslik|default('')|raw }}</h1> <p class="animation" data-animation="fadeInUp" data-animation-delay="0.6s">{{ slider.aciklama|default('')|raw }}</p> <a href="{{ slider.link|default('') }}" class="btn btn-primary animation" data-animation="fadeInUp" data-animation-delay="1s">Alışverişe Başla</a> </div> </div> </div> </div> </div> </div> {% endfor %} </div> <ol class="carousel-indicators"> {% for key,slider in sliders %} <li data-target="#carouselExampleControls" data-slide-to="{{ key }}" class="{% if key==0 %}active{% endif %}"></li> {% endfor %} </ol> </div> </section> <!-- End Slider Section --> <!-- Start Offer Banner Section --> <section class="offer-banners"> <div class="container"> <div class="row justify-content-center"> {% for kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="col-sm-4 text-center mb-4"> <a href="{{ link }}" class="offer-banner same-hover"><img data-src="{{ kategori.resim|timthumb('uploads/',350,225,1,100) }}" class="lazy" alt="{{ kategori.adi }}"></a> <div style="position: absolute;color: #fff;top: 65px;right: 30px;font-size: 24px;width: 123px;">{{ kategori.adi|upper }}</div> </div> {% endfor %} </div> </div> </section> <!-- End Offer Banner Section --> <!-- Start Popular Products Section --> <section class="popular-products"> <div class="container"> <div class="row"> <div class="col-12"> <div class="title text-center"> <h4>Yeni Ürünler</h4> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="products-slider4 same-nav owl-carousel owl-theme" data-margin="30" data-dots="false" data-nav="true"> {% for urun in urunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} #}{# <div class="col-md-3 col-sm-auto"> <div class="single_product"> <div class="product_name"> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <p class="manufacture_product"><a href="#">{{ urun.kategoriId|urun_kategoriDetay('adi',app.session.get('dil')['id']) }}</a></p> </div> <div class="product_thumb"> <a class="primary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[0]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[0]|default('') }}"></a> <a class="secondary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[1]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[1]|default('') }}"></a> <div class="label_product" > {% if dKamp > 0 %} <span class="label_sale">-{{ donemselkampanya.indirim|number_format(0,'.','') }}{% if donemselkampanya.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% elseif urun.indirimDurum==1 %} <span class="label_sale">-{{ urun.indirim|number_format(0,'.','') }}{% if urun.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% endif %} </div> <div class="action_links"> <ul> <li class="quick_button"><a href="javascript:void(0);" onclick="urunOnizle({{ urun.dilgrup }});" data-toggle="modal" data-target="#urunOnizle" title="quick view"> <span class="lnr lnr-magnifier"></span></a></li> <li class="wishlist"><a href="javascript:void(0);" onclick="favoriEkle({{ urun.dilgrup }});" title="{{ 'Favoriye Ekle'|ceviri }}"><span class="lnr lnr-heart"></span></a></li> <li class="compare"><a href="#" title="{{ 'Karşılaştır'|ceviri }}"><span class="lnr lnr-sync"></span></a></li> </ul> </div> </div> <div class="product_content"> <div class="product_ratings"> <ul> {% set puan = urun.dilgrup|puanBul %} {% for yildiz in 1..5 %} <li><a href="javascript:void(0);" {% if puan < yildiz %}style="color: darkgrey;"{% endif %}><i class="ion-star"></i></a></li> {% endfor %} </ul> </div> <div class="product_footer d-flex align-items-center"> <div class="price_box"> {% if dKamp > 0 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% elseif urun.indirimDurum==1 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% else %} <span class="regular_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% endif %} </div> <div class="add_to_cart"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});" ><span class="lnr lnr-cart"></span></a> </div> </div> {% if urun.varyantDurum==1 %} <span class="text-danger" style="font-size: 12px;"><i>* {{ 'Seçenekler var'|ceviri }}</i></span> {% endif %} </div> </div> </div>#}{# <div class="item"> <div class="product-box common-cart-box"> <div class="product-img common-cart-img"> <img src="{{ resimler[0]|default('')|timthumb('uploads/',255,338,1,100) }}" alt="{{ resimlerBaslik[0]|default('') }}" alt="{{ urun.adi }}"> <div class="hover-option"> <div class="add-cart-btn"> <a href="javascript:void(0);" class="btn btn-primary" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});">Sepete Ekle</a> </div> <ul class="hover-icon"> <li><a href="javascript:void(0);" onclick="favoriEkle({{ urun.dilgrup }});"><i class="fa fa-heart"></i></a></li> <li><a href="{{ link }}" ><i class="fa fa-eye"></i></a></li> <li><a href="javascript:void(0);" onclick="karsilastirEkle({{ urun.dilgrup }});"><i class="fa fa-random"></i></a></li> </ul> </div> </div> <div class="product-info common-cart-info text-center"> <a href="{{ link }}" class="cart-name">{{ urun.adi }}</a> <p class="cart-price"> {% if dKamp > 0 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% elseif urun.indirimDurum==1 %} <del>{{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }}</del> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% else %} {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} {% endif %} </p> {% if urun.varyantDurum==1 %} <span class="text-danger" style="font-size: 12px;"><i>* {{ 'Seçenekler var'|ceviri }}</i></span> {% endif %} </div> </div> </div> {% endfor %} </div> </div> </div> </div> </section> <!-- End Popular Products Section -->#} {# <!--slider area start--> <section class="slider_section mb-42"> <div class="container"> <div class="row"> {% if donemselkampanya|default('')!='' and ('now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U')) %} <div class="col-lg-9 col-md-12"> {% else %} <div class="col-lg-12 col-md-12"> {% endif %} <div class="slider_area slider_three owl-carousel"> {% for slider in sliders %} <div class="single_slider d-flex align-items-center" data-bgimg="{{ slider.resim|timthumb('uploads/',sBoyutlar[0],sBoyutlar[1],1,70) }}"> <div class="slider_content"> <h2>{{ slider.aciklama|default('') }}</h2> <h1>{{ slider.baslik|default('') }}</h1> <a class="button" href="#">{{ 'Alışverişe Başla'|ceviri }}</a> </div> </div> {% endfor %} </div> </div> <div class="col-lg-3 col-md-4 offset-md-4 offset-lg-0"> {% if donemselkampanya|default('')!='' and ('now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U')) %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} <div class="row"> <div class="col-md-12"> <style> .sayac li{ width: 33.3%; float: left; text-align: center; } .sayac li span{ font-size: 30px; font-weight: bold; } .sayac li div{ border: 1px solid #f0f0f0; border-radius: 3px; padding: 10px; margin: 5px; } </style> <ul class="sayac"> <li><div style="margin-left: 0;"><span>{{ dFark.d }}</span> <br> {{ 'Gün'|ceviri }}</div></li> <li><div><span>{{ dFark.h }}</span> <br> {{ 'Saat'|ceviri }}</div></li> <li><div style="margin-right: 0;"><span>{{ dFark.i }}</span> <br> {{ 'Dakika'|ceviri }}</div></li> </ul> </div> </div> {% if donemselkampanyaUrunler|length>0 %} <div class="product_carousel product_column11 owl-carousel" style="margin-top: 10px;"> {% for urun in donemselkampanyaUrunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <div class="single_product"> <div class="product_name"> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <p class="manufacture_product"><a href="#">{{ urun.kategoriId|urun_kategoriDetay('adi',app.session.get('dil')['id']) }}</a></p> </div> <div class="product_thumb"> <a class="primary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[0]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[0]|default('') }}"></a> <a class="secondary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[1]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[1]|default('') }}"></a> <div class="label_product"> {% if dKamp > 0 %} <span class="label_sale">-{{ donemselkampanya.indirim|number_format(0,'.','') }}{% if donemselkampanya.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% elseif urun.indirimDurum==1 %} <span class="label_sale">-{{ urun.indirim|number_format(0,'.','') }}{% if urun.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% endif %} </div> <div class="action_links"> <ul> <li class="quick_button"><a href="javascript:void(0);" onclick="urunOnizle({{ urun.dilgrup }});" data-toggle="modal" data-target="#urunOnizle" title="quick view"> <span class="lnr lnr-magnifier"></span></a></li> <li class="wishlist"><a href="javascript:void(0);" onclick="favoriEkle({{ urun.dilgrup }});" title="{{ 'Favoriye Ekle'|ceviri }}"><span class="lnr lnr-heart"></span></a></li> <li class="compare"><a href="#" title="{{ 'Karşılaştır'|ceviri }}"><span class="lnr lnr-sync"></span></a></li> </ul> </div> </div> <div class="product_content"> <div class="product_ratings"> <ul> {% set puan = urun.dilgrup|puanBul %} {% for yildiz in 1..5 %} <li><a href="javascript:void(0);" {% if puan < yildiz %}style="color: darkgrey;"{% endif %}><i class="ion-star"></i></a></li> {% endfor %} </ul> </div> <div class="product_footer d-flex align-items-center"> <div class="price_box"> {% if dKamp > 0 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% elseif urun.indirimDurum==1 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% else %} <span class="regular_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% endif %} </div> <div class="add_to_cart"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});" ><span class="lnr lnr-cart"></span></a> </div> </div> {% if urun.varyantDurum==1 %} <span class="text-danger" style="font-size: 12px;"><i>* {{ 'Seçenekler var'|ceviri }}</i></span> {% endif %} </div> </div> {% endfor %} </div> {% endif %} {% else %} {% endif %} </div> </div> </div> </section> <!--slider area end--> <section class="shipping_area mb-50"> <div class="container"> <div class=" row"> <div class="col-12"> <div class="shipping_inner"> <div class="single_shipping"> <div class="shipping_icone"> <img class="lazy" data-src="{{ asset('dist/assets/img/about/shipping1.png') }}" alt="{{ 'Ücretsiz Kargo'|ceviri }}"> </div> <div class="shipping_content"> <h2>{{ 'Ücretsiz Kargo'|ceviri }}</h2> <p>{{ 'Sınırlı sayıda ürüne ücretsiz kargo!'|ceviri }}</p> </div> </div> <div class="single_shipping"> <div class="shipping_icone"> <img class="lazy" data-src="{{ asset('dist/assets/img/about/shipping2.png') }}" alt="{{ '7/24 Destek'|ceviri }}"> </div> <div class="shipping_content"> <h2>{{ '7/24 Destek'|ceviri }}</h2> <p>{{ '24 saat bize ulaşın.'|ceviri }}</p> </div> </div> <div class="single_shipping"> <div class="shipping_icone"> <img class="lazy" data-src="{{ asset('dist/assets/img/about/shipping3.png') }}" alt="{{ 'Kolay İade'|ceviri }}"> </div> <div class="shipping_content"> <h2>{{ 'Kolay İade'|ceviri }}</h2> <p>{{ 'Geri dönmek için 15 gününüz var.'|ceviri }}</p> </div> </div> <div class="single_shipping"> <div class="shipping_icone"> <img class="lazy" data-src="{{ asset('dist/assets/img/about/shipping4.png') }}" alt="{{ 'Güvenli Ödeme'|ceviri }}"> </div> <div class="shipping_content"> <h2>{{ 'Güvenli Ödeme'|ceviri }}</h2> <p>{{ 'Kartınızı koruyoruz.'|ceviri }}</p> </div> </div> </div> </div> </div> </div> </section> <!--featured categories area start--> <section class="featured_categories featured_c_three mb-50"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section_title"> <h2><span> <strong>{{ 'Öne Çıkan'|ceviri }}</strong>{{ 'Kategoriler'|ceviri }}</span></h2> </div> <div class="featured_container row"> {% for kategori in urunkategoriler %} {% set link = ''|site_anaLink~kategori.seourl %} <div class="col-md-4"> <div class="single_items"> <div class="single_featured"> <div class="featured_thumb"> <a href="#"><img class="lazy" data-src="{{ kategori.resim|timthumb('uploads/',150,150,1,100) }}" alt="{{ kategori.adi }}"></a> </div> <div class="featured_content"> <h3 class="product_name"><a href="#">{{ kategori.adi }}</a></h3> <div class="sub_featured"> <ul> {% set icKategoriler = kategori.dilgrup|site_urunKategori(6) %} {% for icKategori in icKategoriler %} {% set link2 = ''|site_anaLink~kategori.seourl~'/'~icKategori.seourl %} <li><a href="{{ link2 }}">{{ icKategori.adi }}</a></li> {% endfor %} </ul> </div> <a class="view_more" href="{{ link }}">{{ 'Alışverişe Başla'|ceviri }}</a> </div> </div> </div> </div> {% endfor %} </div> </div> </div> </div> </section> <!--featured categories area end--> {% if ucretsizKargolar|length>0 %} <section class="product_area mb-50"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section_title"> <h2><span> <strong>{{ 'Ücretsiz Kargo'|ceviri }}</strong>{{ 'Ürünler'|ceviri }}</span></h2> </div> <div class="product_carousel product_column5 owl-carousel"> {% for urun in ucretsizKargolar %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <div class="single_product"> <div class="product_name"> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <p class="manufacture_product"><a href="#">{{ urun.kategoriId|urun_kategoriDetay('adi',app.session.get('dil')['id']) }}</a></p> </div> <div class="product_thumb"> <a class="primary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[0]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[0]|default('') }}"></a> <a class="secondary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[1]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[1]|default('') }}"></a> <div class="label_product"> {% if dKamp > 0 %} <span class="label_sale">-{{ donemselkampanya.indirim|number_format(0,'.','') }}{% if donemselkampanya.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% elseif urun.indirimDurum==1 %} <span class="label_sale">-{{ urun.indirim|number_format(0,'.','') }}{% if urun.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% endif %} </div> <div class="action_links"> <ul> <li class="quick_button"><a href="javascript:void(0);" onclick="urunOnizle({{ urun.dilgrup }});" data-toggle="modal" data-target="#urunOnizle" title="quick view"> <span class="lnr lnr-magnifier"></span></a></li> <li class="wishlist"><a href="javascript:void(0);" onclick="favoriEkle({{ urun.dilgrup }});" title="{{ 'Favoriye Ekle'|ceviri }}"><span class="lnr lnr-heart"></span></a></li> <li class="compare"><a href="#" title="{{ 'Karşılaştır'|ceviri }}"><span class="lnr lnr-sync"></span></a></li> </ul> </div> </div> <div class="product_content"> <div class="product_ratings"> <ul> {% set puan = urun.dilgrup|puanBul %} {% for yildiz in 1..5 %} <li><a href="javascript:void(0);" {% if puan < yildiz %}style="color: darkgrey;"{% endif %}><i class="ion-star"></i></a></li> {% endfor %} </ul> </div> <div class="product_footer d-flex align-items-center"> <div class="price_box"> {% if dKamp > 0 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% elseif urun.indirimDurum==1 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% else %} <span class="regular_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% endif %} </div> <div class="add_to_cart"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});" ><span class="lnr lnr-cart"></span></a> </div> </div> {% if urun.varyantDurum==1 %} <span class="text-danger" style="font-size: 12px;"><i>* {{ 'Seçenekler var'|ceviri }}</i></span> {% endif %} </div> </div> {% endfor %} </div> </div> </div> </div> </section> {% endif %} <section class="product_area mb-50"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section_title"> <h2><span> <strong>{{ 'Yeni'|ceviri }}</strong>{{ 'Ürünler'|ceviri }}</span></h2> </div> <div class="row"> {% for urun in urunler %} {% set kat = urun.kategoriId|urun_altKategoriGeriYaz(app.session.get('dil')['id']) %} {% set idler = urun.kategoriId|urun_altKategoriGeriIdYaz(app.session.get('dil')['id']) %} {% set idler = idler|slice(0,idler|length-1)|split(',') %} {% set link =''|site_anaLink~kat~urun.seourl %} {% set resimler = urun.resimler|default('')|split('~') %} {% set resimlerBaslik = urun.resimlerBaslik|default('')|split('~') %} {% set fiyat = 0 %} {% if urun.indirimDurum==1 %} {% if urun.indirimTip==1 %} {% set fiyat = urun.fiyat-urun.indirim %} {% else %} {% set indirim = (urun.fiyat*urun.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% set dKamp = 0 %} {% if donemselkampanya.durum|default('')==1 %} {% if 'now'|date('U') > donemselkampanya.baslangicTarihi|date('U') and 'now'|date('U') < donemselkampanya.bitisTarihi|date('U') %} {% set dFark = date('now'|date).diff(date(donemselkampanya.bitisTarihi)) %} {% for id in idler %} {% if id in dKategoriler %} {% set dKamp = dKamp +1 %} {% endif %} {% endfor %} {% if urun.markaId in dMarkalar %} {% set dKamp = dKamp +1 %} {% endif %} {% if dKamp > 0 %} {% if donemselkampanya.indirimTip==1 %} {% set fiyat = urun.fiyat-donemselkampanya.indirim %} {% else %} {% set indirim = (urun.fiyat*donemselkampanya.indirim)/100 %} {% set fiyat = urun.fiyat-indirim %} {% endif %} {% endif %} {% endif %} {% endif %} <div class="col-md-3 col-sm-auto"> <div class="single_product"> <div class="product_name"> <h3><a href="{{ link }}">{{ urun.adi }}</a></h3> <p class="manufacture_product"><a href="#">{{ urun.kategoriId|urun_kategoriDetay('adi',app.session.get('dil')['id']) }}</a></p> </div> <div class="product_thumb"> <a class="primary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[0]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[0]|default('') }}"></a> <a class="secondary_img" href="{{ link }}"><img class="lazy" data-src="{{ resimler[1]|default('')|timthumb('uploads/',400,400,1,100) }}" alt="{{ resimlerBaslik[1]|default('') }}"></a> <div class="label_product" > {% if dKamp > 0 %} <span class="label_sale">-{{ donemselkampanya.indirim|number_format(0,'.','') }}{% if donemselkampanya.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% elseif urun.indirimDurum==1 %} <span class="label_sale">-{{ urun.indirim|number_format(0,'.','') }}{% if urun.indirimTip==1 %} {{ urun.paraBirimId|parabirimiDetay('sembol') }}{% else %}%{% endif %}</span> {% endif %} </div> <div class="action_links"> <ul> <li class="quick_button"><a href="javascript:void(0);" onclick="urunOnizle({{ urun.dilgrup }});" data-toggle="modal" data-target="#urunOnizle" title="quick view"> <span class="lnr lnr-magnifier"></span></a></li> <li class="wishlist"><a href="javascript:void(0);" onclick="favoriEkle({{ urun.dilgrup }});" title="{{ 'Favoriye Ekle'|ceviri }}"><span class="lnr lnr-heart"></span></a></li> <li class="compare"><a href="#" title="{{ 'Karşılaştır'|ceviri }}"><span class="lnr lnr-sync"></span></a></li> </ul> </div> </div> <div class="product_content"> <div class="product_ratings"> <ul> {% set puan = urun.dilgrup|puanBul %} {% for yildiz in 1..5 %} <li><a href="javascript:void(0);" {% if puan < yildiz %}style="color: darkgrey;"{% endif %}><i class="ion-star"></i></a></li> {% endfor %} </ul> </div> <div class="product_footer d-flex align-items-center"> <div class="price_box"> {% if dKamp > 0 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% elseif urun.indirimDurum==1 %} <span class="current_price"> {{ fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> <span class="old_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% else %} <span class="regular_price"> {{ urun.fiyat|number_format(2,',','.') }} {{ urun.paraBirimId|parabirimiDetay('sembol') }} </span> {% endif %} </div> <div class="add_to_cart"> <a href="javascript:void(0);" onclick="sepeteEkle({{ urun.dilgrup }},{{ urun.varyantDurum }},'','{{ link }}',{{ urun.minSiparis }});" ><span class="lnr lnr-cart"></span></a> </div> </div> {% if urun.varyantDurum==1 %} <span class="text-danger" style="font-size: 12px;"><i>* {{ 'Seçenekler var'|ceviri }}</i></span> {% endif %} </div> </div> </div> {% endfor %} </div> </div> </div> </div> </section>#}{% endblock %}{% block javascripts %} <script> function yasGonder(ozellik){ BlokPage('enabled','Lütfen bekleyin..'); var url = '{{ ''|site_anaLink~'yasGonder' }}'; var xhr = new XMLHttpRequest(); var fd = new FormData(); xhr.open("POST", url, true); xhr.onreadystatechange = function () { if(xhr.readyState === 4 && xhr.status === 200) { window.location.href='{{ ''|site_anaLink~'tum-urunler' }}'; } }; fd.append('ozellik',ozellik); xhr.send(fd); } </script>{% endblock %}