PHP Dosya Yöneticisi

{% include 'header.twig' %}

<div class="banner section-padding-120 pb-0" id="home-1">
  <div class="slider-image" id="banner-slider-image">
    <div class="slider-2"></div>
    <div class="slider-3"></div>
    <div class="slider-4"></div>
    <div class="slider-5"></div>
    <div class="slider-6"></div>
    <div class="slider-text">
      <div class="scrolling-text vertical-scroll text-center">
            <div>Organik</div>
      </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-6 align-self-center mt-mb-0 mb-4">
        <div class="hero-left">
          <h2 id="banner-title">Doğal <span class="text-primary">Market</span><br>
            Alışverişi
          </h2>
          <p id="banner-description">Müşterilerimize en iyi kalitede organik(sağlıklı), doğal (yerel miras) ve ekolojik (çevreci) ürünler sunmayı hedefliyoruz.
           Çünkü ihtiyaçlarınızı ve geleceğinizi önemsiyoruz.
          </p>
          <div class="iq-btn-container" id="banner-action">
            <a href="hakkimizda">
              <div class="btn btn-secondary animation-btn">
                  Hakkımızda
                  <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-md-6" id="banner-image-bg"
        style="background: url(assets_new/images/banner/banner-2-shap.png) no-repeat scroll center center; background-size:contain; ">
        <img alt="img" src="assets_new/images/banner/man.png" id="banner-image" class="img-fluid mx-auto d-block">
      </div>
    </div>
  </div>
</div>
<div class="container">
  <div class=" iq-box-shadow rounded p-5 iq-grocery-card position-relative bg-white">
    <div class="row p-0">
      <div class="col-lg-6 col-md-6 col-xl-3 mb-xl-0 mb-4">
        <div class="d-flex align-items-center">
          <div class="services-icon-box-icon">
            <span class="">
              <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                x="0px" y="0px" width="2083px" height="2083px" viewBox="0 0 2083 2083"
                xml:space="preserve">
                <image id="image1" width="2083" height="2083" x="0" y="0"
                  xlink:href="assets_new/images/category-product/icon.png"></image>
              </svg>
            </span>
          </div>
          <div class="services-icon-box-content ms-3">
            <h5 class="services-icon-box-title text-primary mb-0">
              Her Zaman Taze
            </h5>
            <p class="services-icon-box-description mb-0">Ürünlerimiz için önemli kalite kriterleri tazelik ve renktir</p>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-xl-3 mb-xl-0 mb-4">
        <div class="d-flex align-items-center">
          <div class="services-icon-box-icon">
            <span class="">
              <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                 x="0px" y="0px" width="2083px" height="2083px" viewBox="0 0 2083 2083"
                xml:space="preserve">
                <image id="image2" width="2083" height="2083" x="0" y="0"
                  xlink:href="assets_new/images/category-product/demo2.png"></image>
              </svg>
            </span>
          </div>
          <div class="services-icon-box-content ms-3">
            <h5 class="services-icon-box-title text-primary mb-0">
              Organik Ürünler
            </h5>
            <p class="services-icon-box-description mb-0">Birbirinden sağlıklı organik ürünlerimizi tercih edebilirsiniz.</p>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-xl-3  mb-md-0 mb-4">
        <div class="d-flex align-items-center">
          <div class="services-icon-box-icon">
            <span class="">
              <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                 x="0px" y="0px" width="2083px" height="2083px" viewBox="0 0 2083 2083"
                xml:space="preserve">
                <image id="image3" width="2083" height="2083" x="0" y="0"
                  xlink:href="assets_new/images/category-product/demo3.png"></image>
              </svg>
            </span>
          </div>
          <div class="services-icon-box-content ms-3">
            <h5 class="services-icon-box-title text-primary mb-0">
              Sağlıklı Besleyici
            </h5>
            <p class="services-icon-box-description mb-0">Tüm ürünlerimiz, besin değeri yüksek toprakta yetiştirilir </p>
          </div>
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-xl-3  mb-md-0 mb-4">
        <div class="d-flex align-items-center">
          <div class="services-icon-box-icon">
            <span class="">
              <svg class="svg-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
                 x="0px" y="0px" width="2083px" height="2083px" viewBox="0 0 2083 2083"
                xml:space="preserve">
                <image id="image4" width="2083" height="2083" x="0" y="0"
                  xlink:href="assets_new/images/category-product/demo4.png"></image>
              </svg>
            </span>
          </div>
          <div class="services-icon-box-content ms-3">
            <h5 class="services-icon-box-title text-primary mb-0">
              En İyi Kalite
            </h5>
            <p class="services-icon-box-description mb-0">En yüksek kalite ve hijyenikliğe sahip ürünleri sunmaktayız </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="services-banner pb-0 section-padding-120 position-relative">
  <img src="assets_new/images/banner/banner-shap-2.png" class="background-img background-img-4 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="banner2">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 position-relative">
        <div class="services-container  iq-box-shadow" data-iq-gsap="onStart" data-iq-position-x="-150"
          data-iq-rotate="0" data-iq-trigger="scroll" data-iq-ease="power.inOut">
          <div class="iq-product-offer-block overflow-hidden rounded position-relative">
            <div class="iq-offer-img">
              <div class="iq-offer-back-img">
              </div>
            </div>
            <div
              class="iq-offer-info  overflow-hidden position-relative d-flex align-items-center p-4 align-content-center flex-wrap text-white w-100">
              <span class="iq-offer-sub d-block text-primary w-100">Organik Ürünler</span>
              <h5 class="iq-offer-title d-block  w-100 mb-4">Sebzeler</h5>
              <a class="" href="javascript:void(0)">
                <div class="btn btn-secondary animation-btn">
                    İncele
                    <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
                </div>
              </a>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 position-relative">
        <div class="services-container  iq-box-shadow" data-iq-gsap="onStart" data-iq-position-y="50" data-iq-rotate="0"
          data-iq-trigger="scroll" data-iq-ease="power.inOut">
          <div class="iq-product-offer-block overflow-hidden rounded position-relative">
            <div class="iq-offer-img">
              <div class="iq-offer-back-img iq-offer-back-img-2">
              </div>
            </div>
            <div
              class="iq-offer-info  overflow-hidden position-relative d-flex align-items-center p-4 align-content-center flex-wrap text-white w-100">
              <span class="iq-offer-sub d-block text-primary w-100">%30 Indirim</span>
              <h5 class="iq-offer-title d-block  w-100 mb-4">Taze Yiyecekler</h5>
              <div class="iq-btn-container d-block w-100">
                <a class="" href="javascript:void(0)">
                  <div class="btn btn-secondary animation-btn">
                      İncele
                      <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-4 position-relative">
        <div class="services-container  iq-box-shadow" data-iq-gsap="onStart" data-iq-position-x="150"
          data-iq-rotate="0" data-iq-trigger="scroll" data-iq-ease="power.inOut">
          <div class="iq-product-offer-block overflow-hidden rounded position-relative">
            <div class="iq-offer-img">
              <div class="iq-offer-back-img iq-offer-back-img-3">
              </div>
            </div>
            <div
              class="iq-offer-info  overflow-hidden position-relative d-flex align-items-center p-4 align-content-center flex-wrap text-white w-100">
              <span class="iq-offer-sub d-block text-primary w-100">Gluten-free</span>
              <h5 class="iq-offer-title d-block  w-100 mb-4">Süper Salatalar</h5>
              <div class="iq-btn-container d-block w-100">
                <a class="" href="javascript:void(0)">
                  <div class="btn btn-secondary animation-btn">
                      İncele
                      <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="section-padding-120 position-relative">
  <img  src="assets_new/images/banner/shap-8.png" class="background-img background-img-5 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-8">
  <img src="assets_new/images/banner/shap-10.png" class="background-img background-img-6 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-10">
  <div class="container">
    <div class="scrolling-text text-center">
      <div data-iq-gsap="onStart" data-iq-opacity="1" data-iq-position-x="200" data-iq-trigger="scroll"
        data-iq-scroll-scrub="true" data-iq-ease="power.inOut">
        Ürünler
      </div>
    </div>
    <div class="iq-title-box text-center">
      <span class="iq-subtitle">Organik Ürünler</span>
      <h3 class="iq-title">Yeni Organik Ürünler</h3>
      <div class="iq-title-divider"></div>
    </div>
    <div class="row">
      <div class="tab-content mt-3" id="pills-tabContent">
        <div class="tab-pane fade show active" id="pills-breakfast-cereals" role="tabpanel"
          aria-labelledby="pills-breakfast-cereals">
          <div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 row-cols-xxl-4">
              
        {% for product in productList %}  
            <div class="col">
              <div class="card card-product">
                  <div class="card-body">
                      <div class="iq-product-image">
                          <img src="{{ product["product_image"] }}" class="hover_image" alt="img">
                      </div>
                      <div class="iq-product-content mt-3">
                          <p class="mb-0"><small>{{ product["category_name"] }}</small></p>
                          <a href="product/new-product.html" class="iq-product-title-link h5">{{ product["product_name"] }}</a>
                          <div class="d-flex align-items-center justify-content-between my-2">
                              <h6 class="m-0">
                                  <span class="text-decoration-line-through"></span>
                                  <span class="text-primary"><b>{{ product["product_price"] }}{{ currency }}</b></span>
                              </h6>
                              <div class="iq-ratings">
                                  <div class="d-flex align-items-center text-secondary list-inline p-0 m-0">
                                                  <i class="fas fa-star fa-xs me-1"></i>
                                                  <i class="fas fa-star fa-xs me-1"></i>
                                                  <i class="fas fa-star fa-xs me-1"></i>
                                                  <i class="fas fa-star fa-xs me-1"></i>
                                                  <i class="fas fa-star fa-xs me-1"></i>
                                  </div>
                              </div>
                          </div>
                          <div class="d-flex justify-content-between mb-3">
                              <div class="iq-btn-container">
                                  <a class="" href="odeme/{{ product["product_id"] }}">
                                      <div class="btn btn-secondary animation-btn">
                                          Hızlı Satın Al
                                          <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
                                      </div>
                                  </a>
                              </div>
                              <div class="d-flex align-items-center">
                                  <div class="iq-product-icon">
                                      <a href="https://wa.me/9055555555" data-alert="sweetalert-heart">
                                          <i class="fa fa-whatsapp"></i>
                                      </a>
                                  </div>
                                  <div class="iq-product-icon ms-2">
                                      <a href="urun/{{ product["product_url"] }}">		
                                      <i class=" fa fa-eye"></i>
                                      </a>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
            </div>
        {% endfor %}
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<section class="video section-padding-120 position-relative" data-iq-gsap="onStart" data-iq-position-y="50"
  data-iq-rotate="0" data-iq-trigger="scroll" data-iq-ease="power.inOut" style="background: url(assets_new/images/video/video-bg.jpg) no-repeat scroll right center;  background-attachment: fixed;
    background-size: cover; min-height: 300px;">
  <div class="background-overlay"></div>
  <div class="container">
    <div class="row">
      <div class="iq-title-box text-center">
        <span class="iq-subtitle text-white">Organik Ürünler</span>
        <h3 class="iq-title text-white">Her Gün Taze ve Temiz <br> Tanıtım Filmimiz</h3>
        <div class="iq-title-divider bg-white"></div>
      </div>
      <div class="col-lg-12 align-self-center">
        <div class="iq-popup-video">
          <div class="iq-video-img position-relative">
            <div class="iq-video-icon  bg-secondary rounded-pill" style="visibility: visible;">
              <a data-fslightbox="gallery" href="https://www.youtube.com/watch?v=rXhnZuwULsw"
                class="iq-video popup-youtube">
                <i class="fas fa-play text-white"></i>
              </a>
              <div class="iq-waves">
                <div class="waves wave-1"></div>
                <div class="waves wave-2"></div>
                <div class="waves wave-3"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<section class="organic-products section-padding-120 pb-0 position-relative">
  <img src="assets_new/images/banner/shap-5.png" class="background-img background-img-7 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-5">
  <img src="assets_new/images/banner/banner-shap-5.png" class="background-img background-img-8 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="banner-shap-5">
  <div class="container">
    <div class="scrolling-text text-center">
      <div data-iq-gsap="onStart" data-iq-opacity="1" data-iq-position-x="200" data-iq-trigger="scroll"
        data-iq-scroll-scrub="true" data-iq-ease="power.inOut">
        Doğallık
      </div>
    </div>
    <div class="iq-title-box text-center">
      <span class="iq-subtitle">Kimyasal Yok, Pestisit Yok</span>
      <h3 class="iq-title">Favori Ürünlerimiz</h3>
      <div class="iq-title-divider"></div>
    </div>
    <div class="row">
      <div class="col-lg-4">
        <div class="iq-product-offer-block mb-lg-0 mb-4">
          <div class="iq-offer-img">
            <div class="iq-offer-back-img"></div>
          </div>
          <div class="d-block iq-offer-info text-center position-relative mt-3">
            <h5 class="iq-offer-title text-white pt-5">Taze Meyveler. <br> 100% Doğal</h5>
            <div class="iq-btn-container mt-4">
              <div class="iq-btn-container">
                  <a class="" href="shop/shop-three-column.html">
                    <div class="btn btn-secondary animation-btn">
                        Hakkımızda
                        <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
                    </div>
                  </a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-lg-8">
        <div class="iq-product-block">
          <div class="row">
              
        {% for product in topList %}      
            <div class="col-lg-6 col-md-6">
              <div class="card card-product">
                <div class="card-body">
                  <a href="urun/{{ product["product_url"] }}">
                    <div class="d-flex align-items-center">
                      <div class="iq-product-img iq-product-image me-3">
                        <img src="{{ product["product_image"] }}" class="img-fluid" alt="product-image">
                      </div>
                      <div class="iq-product-info">
                        <h5>{{ product["product_name"] }}</h5>
                        <div class="iq-ratings">
                          <ul class="d-flex align-items-center text-secondary list-inline p-0 m-0">
                            <li><i class="fas fa-star fa-sm me-1"></i></li>
                            <li><i class="fas fa-star fa-sm me-1"></i></li>
                            <li><i class="fas fa-star fa-sm me-1"></i></li>
                            <li><i class="fas fa-star fa-sm me-1"></i></li>
                            <li><i class="fas fa-star fa-sm me-1"></i></li>
                          </ul>
                        </div>
                        <h5 class="text-primary">{{ product["product_price"] }}{{ currency }}</h5>
                      </div>
                    </div>
                  </a>
                </div>
              </div>
            </div>
        {% endfor %}    
            
            
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="iq-product-offer position-relative overflow-hidden" data-iq-gsap="onStart" data-iq-position-y="50"
  data-iq-rotate="0" data-iq-trigger="scroll" data-iq-ease="power.inOut">
  <img src="assets_new/images/banner/shap-5.png" class="background-img background-img-9 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-5">
  <div class="container">
    <div class="iq-product-offer-block">
      <div class="iq-offer-img">
        <div class="iq-offer-back-img"></div>
      </div>
      <div class="iq-offer-info text-center">
        <span class="iq-offer-sub">Haftasonu Fırsatı</span>
        <h3 class="iq-offer-title m-auto mb-4">Organik Gıdalarda %50 İndirim</h3>
        <div class="iq-btn-container">
            <a class="" href="#">
              <div class="btn btn-secondary animation-btn">
                  İndirimli Ürünler
                  <i aria-hidden="true" class="fas fa-long-arrow-alt-right ms-2"></i>
              </div>
            </a>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="iq-testimonial bg-primary section-padding-120 position-relative">
  <img src="assets_new/images/banner/banner-shap-5.png" class="background-img background-img-10 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="banner-shap-5">
  <img src="assets_new/images/banner/dish-1.png" class="background-img background-img-11 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="dish-1">
  <div class="container">
    <div class="scrolling-text text-center">
      <div data-iq-gsap="onStart" data-iq-opacity="1" data-iq-position-x="200" data-iq-trigger="scroll"
        data-iq-scroll-scrub="true" data-iq-ease="power.inOut">
        Yorumlar
      </div>
    </div>
    <div class="iq-title-box text-center">
      <span class="iq-subtitle text-white">Mutlu Müşteriler</span>
      <h3 class="iq-title text-white">Müşteri Yorumları</h3>
      <div class="iq-title-divider bg-white"></div>
    </div>
    <div class="testimonial-slider overflow-hidden position-relative">
        <ul  class="swiper-wrapper list-inline m-0 p-0">
            
        {% for comment in commentList %}    
            <li class="swiper-slide">
                <div class="card mx-2">
                    <div class="card-body p-2">
                        <div class="iq-testimonial-main">
                            <div class="iq-testimonial-desc d-flex align-items-center justify-content-between">
                                <p class="">{{ comment["comment_content"] }}</p>
                                <div class="iq-testimonial-icon">
                                    <i aria-hidden="true" class="fas fa-quote-right"></i>                  
                                </div>
                            </div>
                            <div class="iq-testimonial-user rounded d-flex justify-content-between">
                                <div class="text-center">
                                    <h5 class="m-0 text-white">{{ comment["comment_name"] }}</h5>
                                    <span class="text-white"><i>Müşteri</i></span>
                                </div>
                                <div class="iq-user-img">
                                    <img src="{{ comment["comment_image"] }}" class="rounded" alt="foodsto-user"/>                
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        {% endfor %}    
            
        </ul>
    </div>  </div>
  <img src="assets_new/images/banner/dish-1.png" class="background-img background-img-12 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="dish-1">
  <img src="assets_new/images/banner/shap-5.png" class="background-img background-img-13 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-5">
</section>

<section class="iq-blog section-padding-120 position-relative">
  <img src="assets_new/images/banner/shap-10.png" class="background-img background-img-14 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-10">
  <img src="assets_new/images/banner/shap-11.png" class="background-img background-img-15 img-fluid"
    data-iq-gsap="onStart" data-iq-position-x="150" data-iq-rotate="90" data-iq-ease="power.inOut" alt="shap-11">
  <div class="container">
    <div class="scrolling-text text-center">
      <div data-iq-gsap="onStart" data-iq-opacity="1" data-iq-position-x="200" data-iq-trigger="scroll"
        data-iq-scroll-scrub="true" data-iq-ease="power.inOut">
        Blog
      </div>
    </div>
    <div class="iq-title-box text-center">
      <span class="iq-subtitle">Blog Yazılarımız</span>
      <h3 class="iq-title">Makalelerimiz</h3>
      <div class="iq-title-divider"></div>
    </div>
    <div class="latest-blog overflow-hidden">
      <ul class="swiper-wrapper list-inline m-0 p-0">
          
      {% for blog in blogList %}      
        <li class="swiper-slide">
          <div class="card  iq-blog">
              <div class="card-header p-0">
                  <div class="iq-blog-image clearfix">
                      <img src="{{ blog["page_image"] }}" alt="blog-img" class="img-fluid w-100">
                  </div>
              </div>
              <div class="card-body position-relative ms-3">
                  <ul class="iq-postdate">
                       <li class="list-inline-item iq-blog-meta">							
                          <a href="yazilar/{{ blog["page_get"] }}" rel="bookmark">
                              <span class="entry-date published updated">
                                  {{ blog["page_date"] }}
                              </span>
                          </a>	
                      </li>
                  </ul>
                  <div class="d-flex align-items-center iq-blog-meta mb-2">
                      <div class="iq-blog-meta">
                          <a href="yazilar/{{ blog["page_get"] }}" class="me-3"><i class="far fa-user me-2 "></i>Editör</a>
                      </div>
                      <div class="iq-blog-category"><a href="yazilar/{{ blog["page_get"] }}" class="badge bg-primary">Makale</a></div>
                  </div>
                  <a href="yazilar/{{ blog["page_get"] }}" class="iq-title">
                      <h5 class="mb-3">{{ blog["page_name"] }}</h5>
                  </a>
          
                  <p>Blog yazımızın tamamını okumak için aşağıdaki butona tıklayınız.</p>
          
                  <a class="btn p-0 d-flex align-items-center iq-btn-link iq-btn-read-effect" href="yazilar/{{ blog["page_get"] }}">
                      <span class="iq-button-effact text-primary">
                          Devamını Oku
                          <i class="fas fa-long-arrow-alt-right text-primary ms-2"></i>
                      </span>
                  </a>
              </div>
          </div>       
        </li>
    {% endfor %}    
        
      </ul>
    </div>
  </div>
</section>

{% include 'footer.twig' %}

İptal

📁 PHP Dosya Yöneticisi

📝 home.twig

📝 home.twig

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)