{% extends 'siteBase.html.twig' %}
{# Sayfa İstekleri #}
{% set sBoyutlar = 'slider'|ayarlar|split('X') %}
{% set sliders = ''|site_sliders %}
{% 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 title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
{% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
{% block body %}
{#
-- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
----------------------------------------------------
#}
<section class="main-slider-three">
<div class="main-slider-three__carousel grdeen-owl__carousel owl-carousel" data-owl-options='{
"loop": true,
"animateOut": "fadeOut",
"animateIn": "fadeIn",
"items": 1,
"autoplay": false,
"autoplayTimeout": 7000,
"smartSpeed": 1000,
"nav": true,
"navText": ["<span class=\"icon-left-arrow11\"></span>","<span class=\"icon-right-arrow1\"></span>"],
"dots": false,
"margin": 0
}'>
{% for slider in sliders %}
<div class="item">
<div class="main-slider-three__item">
<div class="main-slider-three__bg" style="background-image: url('{{ asset('dist/assets/images/shapes/hero-shape3-2.png') }}');"></div>
<div class="main-slider-three__bg2" style="background-image: url('{{ asset('dist/assets/images/shapes/hero-shape3-3.png') }}');"></div>
<div class="main-slider-three__shapeimg">
<div class="main-slider-three__shapeimg__inner">
{{ slider.resim|default('resimyok.webp')|imgOlustur(870,10,'cover')|raw }}
</div>
<div class="main-slider-three__shapeimg__shape2">
<img src="{{ asset('dist/assets/images/shapes/hero-shape3-1.png') }}">
</div>
<div class="main-slider-three__shapeimg__shape3">
<img src="{{ asset('dist/assets/images/shapes/hero-shape3-6.png') }}">
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-6"></div>
<div class="col-lg-6">
<div class="main-slider-three__content">
<h5 class="main-slider-three__sub-title"><img src="{{ asset('dist/assets/images/shapes/slider-shape1-2.png') }}" /> Bitki Dostu</h5>
<!-- slider-sub-title -->
<h2 class="main-slider-three__title">{{ slider.baslik|default('') }}</h2><!-- slider-title -->
<h6 class="main-slider-three__subtext">{{ slider.aciklama|default('') }}</h6>
</div>
</div>
</div>
</div>
<div class="main-slider-three__shape4">
<img src="{{ asset('dist/assets/images/shapes/hero-shape3-4.png') }}">
</div>
<div class="main-slider-three__shape5">
<img src="{{ asset('dist/assets/images/shapes/hero-shape3-5.png') }}">
</div>
</div>
</div><!-- item -->
{% endfor %}
</div>
</section>{#
-- Site Sayfa Verileri : "veriler[4]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : baslik, metin, resim
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<section class="about-one about-one--two about-one--three">
<div class="container">
<div class="row">
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="100ms">
<div class="about-one__content">
<div class="about-one__content__sctwap">
<div class="sec-title">
<div class="sec-title__img">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="12.000000pt" height="10.000000pt" viewBox="0 0 12.000000 10.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,10.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M58 84 c12 -8 22 -24 22 -34 0 -10 -10 -26 -22 -34 l-22 -16 27 0
c17 0 32 9 43 25 15 23 15 27 0 50 -11 16 -26 25 -43 25 l-27 0 22 -16z" />
</g>
</svg>
</div>
<span class="sec-title__tagline">{{ 'siteAdi'|ayarlar }}</span><!-- /.sec-title__tagline -->
<h2 class="sec-title__title"> {{ veriler[4][1][0].baslik|html_entity_decode|raw }}</h2><!-- /.sec-title__title -->
</div><!-- /.sec-title -->
</div>
<p class="about-one__content__text">
{% set metin = veriler[4][1][0].metin|html_entity_decode|split('</p>') %}
{{ (metin[0]~'</p>')|raw }}
{{ (metin[1]~'</p>')|raw }}
</p>
<a href="{{ ''|site_anaLink~veriler[4][0].seo }}" class="grdeen-btn our-benefits-one__btn">
<span>Daha fazla</span>
</a>
</div>
</div><!-- /.col-lg-6 -->
<div class="col-lg-6">
<div class="grdeen-stretch-element-inside-column">
<div class="about-one__image wow fadeInRight" data-wow-delay="100ms">
{{ veriler[4][1][0].resim|imgOlustur(630,10,'cover')|raw }}
<div class="about-one__smimage">
<img src="{{ asset('dist/assets/images/resources/about-image3-2.jpg') }}" alt="grdeen">
</div>
</div>
</div>
</div><!-- /.col-lg-6 -->
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.about-one -->{#
-- Site Sayfa Verileri : "veriler[5]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resimler
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<section class="service-one service-one--three">
<div class="container">
<div class="row">
<div class="col-md-12 wow fadeInUp" data-wow-delay="100ms">
<div class="service-one__sctwrap text-center">
<div class="sec-title">
<div class="sec-title__img">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="12.000000pt" height="10.000000pt" viewBox="0 0 12.000000 10.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,10.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M58 84 c12 -8 22 -24 22 -34 0 -10 -10 -26 -22 -34 l-22 -16 27 0
c17 0 32 9 43 25 15 23 15 27 0 50 -11 16 -26 25 -43 25 l-27 0 22 -16z" />
</g>
</svg>
</div>
<span class="sec-title__tagline">{{ 'siteAdi'|ayarlar }}</span><!-- /.sec-title__tagline -->
<h2 class="sec-title__title">{{ veriler[5][0].adi }}</h2><!-- /.sec-title__title -->
</div><!-- /.sec-title -->
</div>
</div>
</div>
<div class="service-one--three__carousel grdeen-owl__carousel grdeen-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-options='{
"items": 1,
"margin": 30,
"loop": false,
"smartSpeed": 700,
"nav": false,
"navText": "",
"dots": false,
"autoplay": false,
"responsive": {
"0": {
"dots": true,
"items": 1
},
"768": {
"dots": true,
"items": 2
},
"992": {
"items": 3
}
}
}'>
{% for icerik in veriler[5][1] %}
<div class="item">
<div class="service-one__item">
<div class="service-one__item__bgeffect" style="background-image: url(/dist/assets/images/shapes/service-shape3-1.png)"></div>
<div class="service-one__item__titlewrap">
<div class="service-one__item__titlecol">
<h4 class="service-one__item__title"><a href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a></h4>
<p class="service-one__item__text">Tüm ürünleri keşfet. </p>
<a class="service-one__item__link" href="{{ icerik.link }}">Daha fazla</a>
</div>
</div>
<div class="service-one__item__image">
{{ icerik.resim|imgOlustur(275,10,'cover')|raw }}
<div class="service-one__item__iconwrap">
<div class="service-one__item__icon">
<img src="{{ path('panel_storage',{'file':'beyazLogo.webp'}) }}" class="w-100" />
</div>
</div>
<div class="service-one__item__btmwrap">
<a class="service-one__item__iconlink" href="{{ icerik.link }}">
<i class="icon-right-up"></i>
</a>
</div>
</div>
</div><!-- /.service-card-one -->
</div>
{% endfor %}
</div>
</div>
</section><section class="work-process-one work-process-one--three">
<div class="work-process-one__bg" style="background-image: url(/dist/assets/images/shapes/work-shape3-5.png);"></div>
<div class="work-process-one__shape1"><img src="/dist/assets/images/shapes/work-shape3-1.png"></div>
<div class="work-process-one__shape2"><img src="/dist/assets/images/shapes/work-shape3-2.png"></div>
<div class="work-process-one__shape3"><img src="/dist/assets/images/shapes/work-shape3-3.png"></div>
<div class="work-process-one__shape4"><img src="/dist/assets/images/shapes/work-shape3-4.png"></div>
<div class="work-process-one__shape5"><img src="/dist/assets/images/shapes/work-shape3-1.png"></div>
<div class="container">
<div class="row gutter-y-20">
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="100ms">
<div class="work-process-one__sctwrap">
<div class="sec-title">
<div class="sec-title__img">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="12.000000pt" height="10.000000pt" viewBox="0 0 12.000000 10.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,10.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M58 84 c12 -8 22 -24 22 -34 0 -10 -10 -26 -22 -34 l-22 -16 27 0
c17 0 32 9 43 25 15 23 15 27 0 50 -11 16 -26 25 -43 25 l-27 0 22 -16z" />
</g>
</svg>
</div>
<span class="sec-title__tagline">{{ 'siteAdi'|ayarlar }}</span><!-- /.sec-title__tagline -->
<h2 class="sec-title__title">{{ veriler[8][0].adi }}</h2><!-- /.sec-title__title -->
</div><!-- /.sec-title -->
</div>
</div>
<div class="col-lg-6 wow fadeInRight" data-wow-delay="100ms">
<div class="work-process-one__infowrap">
<p class="work-process-one__infowrap__text">{{ veriler[8][0].description|default('') }}</p>
</div>
</div>
</div>
<div class="row gutter-y-30">
{% for icerik in veriler[8][1] %}
<div class="col-lg-3 col-md-6 wow fadeIn" data-wow-delay="00ms">
<div class="work-process-one__col">
<div class="work-process-one__col__circlewrap">
<div class="work-process-one__col__icon">
<img src="{{ path('panel_storage',{'file':icerik.resim }) }}" class="w-100" style="border-radius: 100%;" />
</div>
</div>
<div class="work-process-one__col__info text-center">
<h4 class="work-process-one__col__title">{{ icerik.baslik|html_entity_decode|raw }}</h4>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</section>
<!-- work-process end --> <section class="testimonials-one testimonials-one--two testimonials-one--three">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="sec-title">
<div class="sec-title__img">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="12.000000pt" height="10.000000pt" viewBox="0 0 12.000000 10.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,10.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M58 84 c12 -8 22 -24 22 -34 0 -10 -10 -26 -22 -34 l-22 -16 27 0
c17 0 32 9 43 25 15 23 15 27 0 50 -11 16 -26 25 -43 25 l-27 0 22 -16z" />
</g>
</svg>
</div>
<span class="sec-title__tagline">{{ 'siteAdi'|ayarlar }}</span><!-- /.sec-title__tagline -->
<h2 class="sec-title__title">{{ veriler[9][0].adi }}</h2><!-- /.sec-title__title -->
</div><!-- /.sec-title -->
</div>
</div>
<div class="testimonials-one__carousel grdeen-owl__carousel grdeen-owl__carousel--with-shadow grdeen-owl__carousel--basic-nav owl-carousel" data-owl-options='{
"items": 3,
"margin": 0,
"loop": false,
"smartSpeed": 700,
"nav": false,
"navText": "",
"dots": true,
"autoplay": false,
"responsive": {
"0": {
"items": 1
},
"767": {
"items": 2,
"margin": 30
},
"992": {
"items": 3,
"margin": 30
}
}
}'>
{% for icerik in veriler[9][1] %}
<div class="item">
<div class="testimonials-card testimonials-dark-card wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
<div class="testimonials-card__inner">
<div class="testimonials-card__ratingwrap d-flex align-items-center justify-content-between">
<div class="testimonials-card__rating">
<span class="testimonials-card__rating__start"><i class="fa fa-star"></i></span>
<span class="testimonials-card__rating__start"><i class="fa fa-star"></i></span>
<span class="testimonials-card__rating__start"><i class="fa fa-star"></i></span>
<span class="testimonials-card__rating__start"><i class="fa fa-star"></i></span>
<span class="testimonials-card__rating__start"><i class="fa fa-star"></i></span>
</div><!-- /.testimonials-card__rating -->
<div class="testimonials-card__icon">
<img src="/dist/assets/images/shapes/funfact-icon2-1.png" alt="">
</div>
</div>
<div class="testimonials-card__content">
{{ icerik.yorum|html_entity_decode|raw }}
</div><!-- /.testimonials-card__content -->
<div class="testimonials-card__top">
<div class="testimonials-card__image">
<a href="{{ path('panel_storage',{'file':icerik.resim|default('resimyok.webp')}) }}" data-fancybox="" style="
width: 100%;
border-radius: 100%;
overflow: hidden;
">
{{ icerik.resim|imgOlustur(72,10,'cover')|raw }}
</a>
</div><!-- /.testimonials-card__image -->
<div class="testimonials-card__top__left">
<h3 class="testimonials-card__name">
{{ icerik.adsoyad|html_entity_decode|raw }}
</h3><!-- /.testimonials-card__name -->
<p class="testimonials-card__designation">{{ icerik.unvan|html_entity_decode|raw }}</p><!-- /.testimonials-card__designation -->
<div class="testimonials-card__quote">
<i class="icon-quote"></i>
</div>
</div><!-- /.testimonials-card__top__left -->
</div><!-- /.testimonials-card__top -->
<div class="testimonials-card__shape2">
<img src="/dist/assets/images/shapes/testimonial-shape2-1.png" alt="">
</div>
</div><!-- /.testimonials-card__inner -->
</div><!-- /.testimonials-card -->
</div><!-- /.item -->
{% endfor %}
</div><!-- /.testimonials-one__carousel -->
</div><!-- /.container -->
</section><!-- /.testimonials-one -->{#
-- Site Sayfa Verileri : "veriler[7]" adında bir dizi döndürülüyor. 0. elemanı sayfa bilgilerini içerir. 1 elemanı dizidir. Ve sayfa içeriğini döndürür. Bu bilgilere göre kodlama yapınız.
-- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, tarih, resimler
** Resimleri çekerken sadece "ornek.jpg|imgOlustur(100,10,'cover')" filtresini kullanmalısın. Bu filtre şu özelliğe sahitir; "ornek.jpg|imgOlustur(yükseklik,radius,'cover/contain')"
----------------------------------------------------
#}
<section class="blog-two">
<div class="container">
<div class="blog-one__sctwrap wow fadeInUp" data-wow-delay="100ms">
<div class="sec-title">
<div class="sec-title__img">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="12.000000pt" height="10.000000pt" viewBox="0 0 12.000000 10.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,10.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M58 84 c12 -8 22 -24 22 -34 0 -10 -10 -26 -22 -34 l-22 -16 27 0
c17 0 32 9 43 25 15 23 15 27 0 50 -11 16 -26 25 -43 25 l-27 0 22 -16z" />
</g>
</svg>
</div>
<span class="sec-title__tagline">{{ 'siteAdi'|ayarlar }}</span><!-- /.sec-title__tagline -->
<h2 class="sec-title__title">{{ veriler[7][0].adi }}</h2><!-- /.sec-title__title -->
</div><!-- /.sec-title -->
</div>
<div class="blog-one__carousel grdeen-owl__carousel grdeen-owl__carousel--with-shadow grdeen-owl__carousel--basic-nav owl-carousel owl-theme" data-owl-options='{
"items": 1,
"margin": 30,
"loop": false,
"smartSpeed": 700,
"nav": false,
"navText": "",
"dots": false,
"autoplay": false,
"responsive": {
"0": {
"items": 1,
"dots": true
},
"768": {
"items": 2,
"dots": true
},
"992": {
"items": 3
},
"1400": {
"items": 4
}
}
}'>
{% for icerik in veriler[7][1] %}
<div class="item">
<div class="blog-card blog-card--two wow fadeInUp" data-wow-duration='1500ms' data-wow-delay='00ms'>
<div class="blog-card__image">
<div class="blog-card__image__inner">
{{ icerik.resim|imgOlustur(293,10,'cover')|raw }}
<a href="{{ icerik.link }}" class="blog-card__image__link"></a>
</div>
<div class="blog-card__date">{{ icerik.tarih|date('d F Y')|tarih_yaz }}</div><!-- /.blog-card__date -->
</div><!-- /.blog-card__image -->
<div class="blog-card__content">
<div class="blog-card--two__shape" style="background-image: url(/dist/assets/images/shapes/blog-post2-shape.png);"></div>
<ul class="list-unstyled blog-card__meta">
<li>
<a href="{{ icerik.link }}">
<span><i class="fas fa-user"></i></span>
{{ 'siteAdi'|ayarlar }}
</a>
</li>
</ul><!-- /.list-unstyled blog-card__meta -->
<h3 class="blog-card__title"><a href="{{ icerik.link }}">{{ icerik.adi|html_entity_decode|raw }}</a></h3><!-- /.blog-card__title -->
<p class="blog-card-two__text">
{{ icerik.metin|html_entity_decode|striptags|slice(0,75)|raw }}...
</p><!-- /.blog-card-two__text -->
</div><!-- /.blog-card-two__content -->
</div><!-- /.blog-card -->
</div><!-- /.item -->
{% endfor %}
</div><!-- /.row -->
</div><!-- /.container -->
</section><!-- /.blog-two -->
{% endblock %}
{% block javascripts %}{% endblock %}