templates/modul/index.html.twig line 1

Open in your IDE?
  1. {% extends 'siteBase.html.twig' %}
  2. {# Sayfa İstekleri #}
  3. {% set sBoyutlar = 'slider'|ayarlar|split('X') %}
  4. {% set sliders = ''|site_sliders %}
  7. {% block dil %}{{ app.session.get('dil')['kisa'] }}{% endblock %} {# tr or en #}
  8. {% block title %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  9. {% block keywords %}{{ 'keywords'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  10. {% block description %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  12. {% block title2 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  13. {% block description2 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  14. {% block image_alt %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  15. {% block title3 %}{{ 'title'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  16. {% block description3 %}{{ 'description'|ayarlar(app.session.get('dil')['id']) }}{% endblock %}
  17. {% block image %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  18. {% block image2 %}{{ 'siteYolu'|ayarlar~'storage/logo.webp' }}{% endblock %}
  19. {% block body %}
  20.  
  21.   {#
  22. -- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız.
  25. ----------------------------------------------------
  26. #}
  30. <section class="main-slider main-slider-three">
  31.     <div class="swiper-container main-slider-three__carousel">
  32.         <div class="swiper-wrapper">
  34.             {% for slider in sliders  %}
  36.             <!--Start Swiper Slide Single-->
  37.             <div class="swiper-slide">
  38.                 <div class="image-layer" style="background-image: url({{ path('panel_storage',{'file':slider.resim|default('resimyok.webp')}) }});">
  39.                 </div>
  40.               
  42.                 <div class="container">
  43.                     <div class="main-slider-three__single text-center">
  44.                         <div class="main-slider-three__content">
  45.                            
  46.                             <div class="title">
  47.                                 <h2>{{ slider.baslik|default('') }}</h2>
  48.                             </div>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.             <!--End Swiper Slide Single-->
  57.             {% endfor %}
  58.         </div>
  60.     </div>
  61. </section><section class="feauture-one style2">
  62.     <div class="container">
  63.         <div class="row">
  64.           
  65.           {% for veri in veriler[7][1] %}
  66.             <!--Start Feauture One Single-->
  67.             <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: fadeInLeft;">
  68.                 <div class="feauture-one__single">
  69.                     <div class="feauture-one__single-text">
  70.                         <h2><a href="#">{{ veri.baslik|html_entity_decode|raw }}</a></h2>
  71.                         <p>{{ veri.aciklama|html_entity_decode|raw }}</p>
  72.                     </div>
  74.                     <div class="feauture-one__single-bottom">
  75.                         
  76.                         <div class="icon-box">
  77.                                     {{ veri.resim|imgOlustur(64,10,'cover')|raw }}
  78.                         </div>
  79.                     </div>
  80.                 </div>
  81.             </div>
  82.             <!--Start Feauture One Single-->
  83.             {% endfor %}
  84.             
  85.           
  86.           
  87.         </div>
  88.     </div>
  89. </section>
  90. {#
  91. -- Site Sayfa Verileri : "veriler[3]" 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.  
  92. -- Modül alanları : baslik, metin, resim
  93. ** 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')"
  95. ----------------------------------------------------
  96. #}
  99. <section class="about-three mt-5">
  100.     <div class="container">
  101.         <div class="row">
  102.             <!--Start About Three Img-->
  103.             <div class="col-xl-6">
  104.                 <div class="about-three__img">
  105.                     <div class="about-three__img1">
  106.                         <div class="inner">
  107.                             {{ veriler[3][1][0].resim|imgOlustur(800,10,'cover')|raw }}
  108.                         </div>
  110.                         
  111.                     </div>
  114.                 </div>
  115.             </div>
  116.             <!--End About Three Img-->
  118.             <!--Start About One Content-->
  119.             <div class="col-xl-6">
  120.                 <div class="about-one__content">
  121.                     <div class="sec-title">
  122.                         <h2>     {{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
  123.                     </div>
  125.                     <div class="text-box">
  126.                         <p>
  127.                             {% set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>')  %}
  128.                             {{ (metin[0]~'</p>')|raw }}
  129.                             {{ (metin[1]~'</p>')|raw }}
  130.                         </p>
  131.                     </div>
  135.                     <div class="about-one__content-bottom">
  136.                         <div class="about-one__content-bottom-author-box">
  137.                             <div class="btn-box">
  138.                                 <a class="thm-btn" href="{{ ''|site_anaLink~veriler[3][0].seo }}">
  139.                                     <span class="txt">Daha fazla</span>
  140.                                 </a>
  141.                             </div>
  143.                         </div>
  144.                         <div class="text">
  145.                             <h4>Daha fazla bilgi için arayın: <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw }}">{{ 'telefon'|site_iletisimBilgileri|raw }}</a></h4>
  146.                         </div>
  147.                     </div>
  148.                 </div>
  149.             </div>
  150.             <!--End About One Content-->
  151.         </div>
  152.     </div>
  153. </section>{#
  154. -- 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.  
  155. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  156. ** 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')"
  158. ----------------------------------------------------
  159. #}
  162. <!--Start Project Three-->
  163. <section class="project-three">
  164.     <div class="shape1"><img src="{{ asset('dist/assets/img/shape/project-v3-shape1.png') }}" alt=""></div>
  165.     <div class="container">
  166.         <div class="project-three__top">
  167.             <div class="sec-title">
  168.                 <div class="sub-title">
  169.                     <h5>{{ 'siteAdi'|ayarlar }}</h5>
  170.                 </div>
  171.                 <h2>{{ veriler[4][0].adi }}</h2>
  172.             </div>
  174.             <div class="btn-box">
  175.                 <a href="{{ ''|site_anaLink~veriler[4][0].seo }}">Daha fazla</a>
  176.             </div>
  177.         </div>
  179.         <div class="project-three__bottom">
  180.             <div class="thm-swiper__slider swiper-container" data-swiper-options='{"spaceBetween": 30,
  181.                     "slidesPerView": 1,
  182.                     "loop": true,
  183.                     "pagination": {
  184.                         "el": "#project-three__pagination",
  185.                         "type": "bullets",
  186.                         "clickable": true
  187.                         },
  188.                     "navigation": {
  189.                         "nextEl": "#project-three__swiper-button-next",
  190.                         "prevEl": "#project-three__swiper-button-prev"
  191.                     },
  192.                     "autoplay": { "delay": 5000 },
  193.                     "breakpoints": {
  194.                         "0": {
  195.                             "spaceBetween": 30,
  196.                             "slidesPerView": 1
  197.                         },
  198.                         "375": {
  199.                             "spaceBetween": 30,
  200.                             "slidesPerView": 1
  201.                         },
  202.                         "575": {
  203.                             "spaceBetween": 30,
  204.                             "slidesPerView": 1
  205.                         },
  206.                         "768": {
  207.                             "spaceBetween": 30,
  208.                             "slidesPerView": 1
  209.                         },
  210.                         "992": {
  211.                             "spaceBetween": 30,
  212.                             "slidesPerView": 1
  213.                         },
  214.                         "1200": {
  215.                             "spaceBetween": 30,
  216.                             "slidesPerView": 1
  217.                         }
  218.                     }
  219.                 }'>
  221.                 <div class="swiper-wrapper">
  223.                     <div class="swiper-slide">
  224.                         <!--Start Project Three Single-->
  225.                         <div class="project-three__single">
  226.                             <ul class="project-three__box">
  228.                                 {% for key,veri in veriler[4][1] %}
  229.                                 {% if key<3 %}
  231.                                     <li>
  232.                                         <div class="project-three__single-inner">
  233.                                             <div class="project-three__single-img"
  234.                                                  style="background-image: url({{ path('panel_storage',{'file':veri.resim|default('resimyok.webp')}) }});">
  235.                                             </div>
  236.                                             <div class="bg-overlay"></div>
  238.                                             <div class="project-three__overlay-icon">
  239.                                                 <ul>
  240.                                                     <li><a class="img-popup"
  241.                                                            href="{{ path('panel_storage',{'file':veri.resim|default('resimyok.webp')}) }}"><span
  242.                                                                     class="icon-search-interface-symbol"></span></a>
  243.                                                     </li>
  244.                                                     <li><a href="{{ veri.link }}"><span
  245.                                                                     class="icon-link"></span></a></li>
  246.                                                 </ul>
  247.                                             </div>
  249.                                             <div class="project-three__single-content">
  250.                                                 <p>{{ 'siteAdi'|ayarlar }}</p>
  251.                                                 <h2><a href="{{ veri.link }}">{{ veri.adi|html_entity_decode|raw }}</a></h2>
  252.                                             </div>
  253.                                         </div>
  254.                                     </li>
  256.                                 {% endif %}
  257.                                 {% endfor %}
  259.                             </ul>
  260.                         </div>
  261.                         <!--End Project Three Single-->
  262.                     </div>
  266.                 </div>
  267.             </div>
  268.             <!-- If we need navigation buttons -->
  269.             <div class="swiper-pagination" id="project-three__pagination"></div>
  270.         </div>
  271.     </div>
  272. </section>
  273. <!--End Project Three-->
  274. {#
  275. -- Site Sayfa Verileri : "veriler[6]" 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.  
  276. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, tarih, resimler
  277. ** 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')"
  279. ----------------------------------------------------
  280. #}
  283. <!-- Start Blog One -->
  284. <section class="blog-one style2">
  285.     <div class="blog-two__bg" style="background-image: url({{ asset('dist/assets/img/background/blog-v2-bg.jpg') }});"></div>
  286.     <div class="container">
  287.         <div class="sec-title text-center">
  288.             <div class="sub-title">
  289.                 <h5>{{ 'siteAdi'|ayarlar }}</h5>
  290.             </div>
  291.             <h2>{{ veriler[6][0].adi }}</h2>
  292.         </div>
  293.         <div class="row">
  294.             {% for key,veri in veriler[6][1] %}
  295.             <!-- Start Blog One Single-->
  296.             <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
  297.                 <div class="blog-one__single">
  298.                     <div class="blog-one__single-img">
  299.                         <div class="inner">
  300.                             {{ veri.resim|imgOlustur(315,10,'cover')|raw }}
  301.                             <div class="overlay-icon">
  302.                                 <a href="{{ veri.link }}"><span class="icon-plus"></span></a>
  303.                             </div>
  304.                         </div>
  305.                     </div>
  306.                     <div class="blog-one__single-content">
  307.                         <ul class="meta-info">
  308.                             <li>
  309.                                 <p><a href="{{ veri.link }}">{{ 'siteAdi'|ayarlar }}</a></p>
  310.                             </li>
  311.                             <li>
  312.                                 <p>{{ veri.tarih|date('d F Y')|tarih_yaz }}</p>
  313.                             </li>
  314.                         </ul>
  315.                         <h2><a href="{{ veri.link }}">{{ veri.adi|html_entity_decode|raw }}</a></h2>
  316.                         <div class="btn-box">
  317.                             <a href="{{ veri.link }}">Daha fazla <span class="icon-plus"></span></a>
  318.                         </div>
  319.                     </div>
  320.                 </div>
  321.             </div>
  322.             <!-- End Blog One Single-->
  323.             {% endfor %}
  325.         </div>
  326.     </div>
  327. </section>
  328. <!-- End Blog One -->
  329.                     
  330.                     {% endblock %}
  331. {% block javascripts %}{% endblock %}