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.   {# -- Slider : "sliders" adında bir dizide döndürülmektedir. Dizinin "baslik, aciklama, resim" değişkenleri bulunuyor. Bu bilgiler ile kodlamayınız. -- #}
  24.  <!-- Hero Section Start -->
  25.     <div class="hero hero-slider-layout">
  26.         <div class="swiper">
  27.             <div class="swiper-wrapper">
  28.                 {% for slider in sliders %}
  29.                 <!-- Hero Slide Start -->
  30.                 <div class="swiper-slide">
  31.                     <div class="hero-slide">
  32.                         <!-- Slider Image Start -->
  33.                         <div class="hero-slider-image">
  34.                             <img src="/storage/{{ slider.resim }}" alt="">
  35.                         </div>
  36.                         <!-- Slider Image End -->
  38.                         <div class="container">
  39.                             <div class="row">
  40.                                 <div class="col-lg-8">
  41.                                     <!-- Hero Content Start -->
  42.                                     <div class="hero-content">
  43.                                         <!-- Section Title Start -->
  44.                                         <div class="section-title dark-section">
  45.                                             <h3 class="wow fadeInUp">{{ 'siteAdi'|ayarlar }}</h3>
  46.                                             <h1 class="text-anime-style-3" data-cursor="-opaque">{{slider.baslik|default('') }}</h1>
  47.                                             <p class="wow fadeInUp" data-wow-delay="0.2s">{{slider.aciklama|default('') }}</p>
  48.                                         </div>
  49.                                         <!-- Section Title End -->
  50.                 
  51.                                         <!-- Hero Buttons Start -->
  52.                                         <div class="hero-btn wow fadeInUp" data-wow-delay="0.4s">
  53.                                             <a href="/{{ veriler[4][0].seo }}" class="btn-default">{{ veriler[4][0].adi }}</a>
  54.                                             <a href="{{iletisimLink}}" class="btn-default btn-highlighted">Bize Ulaşın</a>
  55.                                         </div>
  56.                                         <!-- Hero Buttons End -->
  57.                 
  58.                                        
  59.                                     </div>
  60.                                     <!-- Hero Content End -->
  61.                                 </div>
  62.                             </div>
  63.                         </div>
  64.                     </div>
  65.                 </div>
  66.                 <!-- Hero Slide End -->
  67.                 {% endfor %}
  68.               
  69.               
  70.               
  71.             </div>
  72.             <div class="hero-pagination"></div>
  73.         </div>        
  74.     </div>
  75.     <!-- Hero Section End -->
  77. <!-- About Us Section Start -->
  78. <div class="about-us">
  79.     <div class="container">
  80.         <div class="row align-items-center">
  81.             <div class="col-lg-6">
  82.                 <!-- About Us Image Start -->
  83.                 <div class="about-us-image">
  84.                     <!-- About Image Start -->
  85.                     <div class="about-image">
  86.                         <figure class="image-anime reveal">
  87.                          {{ veriler[3][1][0]['resim']|imgOlustur(600,10,'cover')|raw }}
  88.                         </figure>
  89.                     </div>
  90.                     <!-- About Image End -->
  92.                     <!-- About Customer Box Start -->
  93.                     <div class="about-customer-box">
  94.                         <h2><span class="counter">92</span>%</h2>
  95.                         <p>Mutlu Müşteri</p>
  96.                     </div>
  97.                     <!-- About Customer Box End -->
  98.                 </div>
  99.                 <!-- About Us Image End -->
  100.             </div>
  101.             
  102.             <div class="col-lg-6">
  103.                 <div class="about-us-content">
  104.                     <!-- Section Title Start -->
  105.                     <div class="section-title">
  106.                         <h3 class="wow fadeInUp">{{ 'siteAdi'|ayarlar }}</h3>
  107.                         <h2 class="text-anime-style-3" data-cursor="-opaque">{{ veriler[3][1][0]['baslik'] }}</h2>
  108.                       {% set metin = veriler[3][1][0]['metin']|split('.') %}
  109.                         <p class="wow fadeInUp" data-wow-delay="0.2s">
  110.                               {% for key,mm in metin %}
  111.                                   {% if key<4 %}
  112.                                       {{ mm|html_entity_decode|raw }}.
  113.                                 {% endif %}            
  114.                               {% endfor %}
  115.                           </p>
  116.                         <p class="wow fadeInUp" data-wow-delay="0.2s">
  117.                           {% for key,mm in metin %}
  118.                                   {% if key>=4 and key<8 %}
  119.                                       {{ mm|html_entity_decode|raw }}.
  120.                                 {% endif %}            
  121.                               {% endfor %}
  122.                         </p>
  123.                     </div>
  124.                     <!-- Section Title End -->
  126.                    
  128.                     <!-- About Us Button Start -->
  129.                     <div class="about-us-btn wow fadeInUp" data-wow-delay="0.8s">
  130.                         <a href="/{{ veriler[3][0].seo }}" class="btn-default">Daha Fazla</a>
  131.                     </div>
  132.                     <!-- About Us Button End -->
  133.                 </div>
  134.             </div>
  136.           
  137.         </div>
  138.     </div>
  139. </div>
  140. <!-- About Us Section End -->
  141. {#
  142. -- 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.  
  143. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  144. ** 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')"
  146. ----------------------------------------------------
  147. #}
  151.     <!-- Work Gallery Section Start -->
  152.     <div class="work-gallery">
  153.         <div class="container">
  154.             <div class="row section-row align-items-center">
  155.                 <div class="col-lg-6">
  156.                     <!-- Section Title Start -->
  157.                     <div class="section-title">
  158.                         <h3 class="wow fadeInUp">{{ 'siteAdi'|ayarlar }}</h3>
  159.                         <h2 class="text-anime-style-3" data-cursor="-opaque">{{ veriler[4][0].adi }}</h2>
  160.                     </div>
  161.                     <!-- Section Title End -->
  162.                 </div>
  164.                 <div class="col-lg-6">
  165.                     <!-- Section Title Content Start -->
  166.                     <div class="section-title-content">
  167.                         <p class="wow fadeInUp" data-wow-delay="0.2s">Özel bakım paketlerimizle güzellik yolculuğunuza başlayın.</p>
  168.                     </div>
  169.                     <!-- Section Title Content End -->
  170.                 </div>
  171.             </div>
  173.             <div class="row">
  174.               
  175.                   {% for hh in veriler[4][1] %}
  176.                 <div class="col-lg-4 col-md-6">
  177.                     <!-- Work Gallery Item Start -->
  178.                     <div class="work-gallery-item wow fadeInUp">
  179.                         <div class="work-gallery-img">
  180.                             <a href="{{ hh.link }}" data-cursor-text="İncele">
  181.                                 <figure class="image-anime">
  182.                                   {{ hh.resim|imgOlustur(500,10,'cover')|raw }}
  183.                                 </figure>
  184.                             </a>
  185.                         </div>
  186.                         <div class="work-gallery-content">
  187.                             <h3><a href="{{ hh.link }}">{{ hh.adi|html_entity_decode|raw }}</a></h3>
  188.                         </div>
  189.                     </div>
  190.                     <!-- Work Gallery Item End -->
  191.                 </div>
  192.               {% endfor %}
  194.               
  195.               
  196.               
  197.               
  198.             </div>
  200.           
  201.         </div>
  202.     </div>
  203.     <!-- Work Gallery Section End -->
  205.                     
  206.                     {% endblock %}
  207. {% block javascripts %}{% endblock %}