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. <!-- ***** Hero Section Start ***** -->
  31. <section id="anasayfa" class="hero-section layout-1 has-overlay overlay-gradient">
  32.     <div class="container">
  33.         <div class="row justify-content-center align-items-center">
  34.             <div class="col-12 col-md-7 col-lg-6">
  35.                 <!-- Hero Content -->
  36.                 <div class="hero-content">
  37.                     <h1 class="text-white">{{ sliders[0].baslik|default('') }}</h1>
  38.                     <p class="sub-heading text-white my-4">{{ sliders[0].aciklama|default('') }}</p>
  40.                     <!-- Download Button -->
  41.                     <div class="button-group download-button">
  42.                         <a href="#">
  43.                             <img src="/dist/assets/img/content/google-play.png" alt="">
  44.                         </a>
  45.                         <a href="#">
  46.                             <img src="/dist/assets/img/content/app-store.png" alt="">
  47.                         </a>
  48.                     </div>
  49.                     <span class="d-block fst-italic fw-light text-white mt-3">* iPhone, iPad ve tüm Android cihazlarda kullanılabilir.</span>
  50.                 </div>
  51.             </div>
  52.             <div class="col-12 col-md-5 col-lg-6">
  53.                 <!-- Hero Thumb -->
  54.                 <div class="hero-thumb mx-auto" data-aos="fade-left" data-aos-delay="500" data-aos-duration="1000">
  55.                     <img src="/storage/{{ sliders[0].resim }}" alt="{{ sliders[0].baslik|default('') }}" >
  56.                 </div>
  57.             </div>
  58.         </div>
  59.     </div>
  62. </section>
  63. <!-- ***** Hero Section End ***** -->{#
  64. -- 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.  
  65. -- Modül alanları : adı, metin
  66. ** 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')"
  68. ----------------------------------------------------
  69. #}
  70. {% for key,ii in veriler[3][1] %}
  71.     {% if key % 2 == 0 %}
  72.         <section class="content-section" {% if key==0 %}id="ozellikler"{% endif %}>
  73.             <div class="container">
  74.                 <div class="row justify-content-between">
  75.                     <div class="col-12 col-lg-6">
  76.                         <img src="/storage/{{ ii.resim|default('') }}" alt="">
  77.                     </div>
  79.                     <div class="col-12 col-lg-6">
  80.                         <div class="content">
  81.                             <h2 class="mt-0">{{ ii.adi|html_entity_decode|raw }}</h2>
  83.                             <ul class="list-group list-group-flush">
  84.                                 {% set metinler = ii.metin|html_entity_decode|striptags|split('.') %}
  86.                                 {% for mmm in metinler %}
  87.                                 {% if mmm|default('')!='' %}
  88.                                 <li class="list-group-item d-flex border-0 p-0">
  89.                                     <div class="icon layout-2 align-items-start mt-1 me-2" style="width: 35px;">
  90.                                         <span class="material-symbols-outlined">task_alt</span>
  91.                                     </div>
  92.                                     <span class="w-100">{{ mmm }}</span>
  93.                                 </li>
  94.                                 {% endif %}
  95.                                 {% endfor %}
  97.                             </ul>
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.             </div>
  105.         </section>
  106.         {% else %}
  108.         <section class="content-section primary-bg">
  109.             <div class="container">
  110.                 <div class="row justify-content-between">
  111.                     <div class="col-12 col-lg-6">
  112.                         <div class="content">
  113.                             <h2 class="mt-0">{{ ii.adi|html_entity_decode|raw }}</h2>
  114.                             {% set metinler = ii.metin|html_entity_decode|striptags|split('.') %}
  115.                             <ul class="list-group list-group-flush">
  116.                                 {% for mmm in metinler %}
  117.                                     {% if mmm|default('')!='' %}
  119.                                     <li class="list-group-item d-flex align-items-center border-0">
  120.                                         <!-- Icon Box -->
  121.                                         <div class="icon-box me-3">
  122.                                             <div class="icon shadow-sm">
  123.                                                 <span class="material-symbols-outlined">verified</span>
  124.                                             </div>
  125.                                         </div>
  126.                                         <span>{{ mmm }}</span>
  127.                                     </li>
  129.                                     {% endif %}
  130.                                 {% endfor %}
  132.                             </ul>
  134.                         </div>
  135.                     </div>
  137.                     <div class="col-12 col-lg-4 d-none d-md-block">
  138.                         <img src="/storage/{{ ii.resim|default('') }}" alt="">
  139.                     </div>
  140.                 </div>
  141.             </div>
  142.         </section>
  143.     {% endif %}
  144. {% endfor %}
  145. {#
  146. -- 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.  
  147. -- Modül alanları : başlık, resimler
  148. ** 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')"
  150. ----------------------------------------------------
  151. #}
  154. <section id="gorunum" class="screenshots-area">
  155.     <div class="container">
  156.         <div class="row justify-content-center">
  157.             <div class="col-12 col-md-10 col-lg-7">
  158.                 <!-- Intro -->
  159.                 <div class="intro text-center">
  160.                             <span class="badge rounded-pill text-bg-light">
  161.                                 <span>{{ 'siteAdi'|ayarlar }}</span>
  162.                             </span>
  163.                     <h2 class="title">{{ veriler[6][0].adi }}</h2>
  164.                 </div>
  165.             </div>
  166.         </div>
  167.         <div class="app-screenshots-slides">
  168.             <div class="swiper-container slider-mid">
  169.                 <div class="swiper-wrapper">
  170.                     {% for cc in veriler[6][1][0].resimler|split(',') %}
  171.                         {% if cc|default('')!='' %}
  172.                             <div class="swiper-slide item">
  173.                                 <img src="/storage/{{ cc }}" alt="">
  174.                             </div>
  175.                         {% endif %}
  176.                     {% endfor %}
  177.                     <!-- Single Slide -->
  180.                 </div>
  181.                 <div class="swiper-pagination"></div>
  182.             </div>
  183.         </div>
  184.     </div>
  185. </section>{#
  186. -- 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.  
  187. -- Modül alanları : soru, cevap
  188. ** 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')"
  190. ----------------------------------------------------
  191. #}
  194. <section class="faq" id="sikca-sorulan-sorular">
  195.     <div class="container">
  196.         <div class="row justify-content-center">
  197.             <div class="col-12 col-md-10 col-lg-7">
  198.                 <!-- Intro -->
  199.                 <div class="intro text-center">
  200.                     <h2 class="title mt-0">{{ veriler[4][0].adi }}</h2>
  201.                 </div>
  202.             </div>
  203.         </div>
  205.         <div class="row justify-content-center">
  206.             <div class="col-12 col-md-10">
  207.                 <!-- sApp Accordion -->
  208.                 <div class="accordion accordion-flush" id="sapp-accordion">
  209.  
  210.                     {% for key,ss in veriler[4][1] %}
  211.                         <!-- Accordion Item -->
  212.                         <div class="accordion-item">
  213.                             <h4 class="accordion-header">
  214.                                 <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne_{{ key }}">
  215.                                    {{ ss.soru|html_entity_decode|raw }}
  216.                                 </button>
  217.                             </h4>
  218.                             <div id="collapseOne_{{ key }}" class="accordion-collapse collapse {% if key==0 %} show{% endif %}" data-bs-parent="#sapp-accordion">
  219.                                 <div class="accordion-body"> {{ ss.cevap|html_entity_decode|raw }}</div>
  220.                             </div>
  221.                         </div>
  222.                     {% endfor %}
  227.                 </div>
  228.             </div>
  229.         </div>
  230.     </div>
  231. </section>
  232.                     
  233.                     {% endblock %}
  234. {% block javascripts %}{% endblock %}