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. #}
  27. <!-- Slider Three -->
  28.     <section class="slider-three">
  29.         <div class="main-slider swiper-container">
  30.             <div class="swiper-wrapper">
  32.                 {%for slider in sliders%}
  33.                 <!-- Slide -->
  34.                 <div class="swiper-slide">
  35.                     <div class="slider-three_image-layer" style="background-image:url(/storage/{{slider.resim}})"></div>
  36.                     <div class="slider-three_pattern" style="background-image:url(/dist/assets/images/main-slider/slider-three_pattern.png)"></div>
  37.                     <div class="auto-container">
  38.                         <!-- Content Column -->
  39.                         <div class="slider-three_content">
  40.                             <div class="slider-three_content-inner">
  41.                                 <div class="slider-three_title">{{'siteAdi'|ayarlar}}</div>
  42.                               {% set metin = slider.baslik|default('')|html_entity_decode|split(':')%}
  43.                                 <h1 class="slider-three_heading">{{metin[0]}} <span>{{metin[1]}}</span></h1>
  44.                                 <div class="slider-three_text">{{ slider.aciklama|default('')|raw }}</div>
  45.                                 <div class="slider-three_button d-flex align-items-center flex-wrap">
  46.                                     <a href="{{iletisimLink}}" class="theme-btn btn-style-two">
  47.                                         <span class="btn-wrap">
  48.                                             <span class="text-one">Dönüşümü Başlat <i class="fa-solid fa-plus fa-fw"></i></span>
  49.                                             <span class="text-two">Dönüşümü Başlat <i class="fa-solid fa-plus fa-fw"></i></span>
  50.                                         </span>
  51.                                     </a>
  52.                                     
  53.                                 </div>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                 </div>
  58.               
  59.               
  60.               {%endfor%}
  62.             </div>
  63.             <!-- Slider Three Arrows -->
  64.             <div class="slider-three-arrow">
  65.                 <!-- If we need navigation buttons -->
  66.                 <div class="main-slider-prev fas fa-arrow-left fa-fw"></div>
  67.                 <div class="main-slider-next fas fa-arrow-right fa-fw"></div>
  68.             </div>
  69.         </div>
  70.     </section>
  71.     <!-- End Main Slider Section -->{#
  72. -- 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.  
  73. -- Modül alanları : baslik, metin, resim
  74. ** 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')"
  76. ----------------------------------------------------
  77. #}
  80. <section class="about-one">
  81.         <div class="auto-container">
  82.             <div class="row clearfix">
  83.                 
  84.                 <!-- Image Column -->
  85.                 <div class="about-one_image-column col-lg-6 col-md-10 col-sm-12">
  86.                     <div class="about-one_image-outer">
  87.                         <div class="about-one_image now-in-view" style="width:100%;">
  88.                             {{ veriler[3][1][0].resimler|split(',')[0]|imgOlustur(481,10,'cover')|raw }}
  89.                         </div>
  90.                         
  91.                         <div class="about-one_experiance">
  92.                             <div class="about-one_count"><span class="odometer odometer-auto-theme" data-count="15"><div class="odometer-inside"><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">1</span></span></span></span></span><span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner"><span class="odometer-ribbon"><span class="odometer-ribbon-inner"><span class="odometer-value">5</span></span></span></span></span></div></span></div>
  93.                             <i>Yıldan beri</i>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  98.                 <!-- Content Column -->
  99.                 <div class="about-one_content-column col-lg-6 col-md-12 col-sm-12">
  100.                     <div class="about-one_content-outer">
  101.                         <div class="sec-title">
  102.                             <div class="sec-title_title">{{ 'siteAdi'|ayarlar }}</div>
  103.                             <div class="sec-title_big-title">{{ veriler[3][0].adi|html_entity_decode|raw }}</div>
  104.                             <h2 class="sec-title_heading">{{ veriler[3][1][0].baslik|html_entity_decode|raw }}</h2>
  105.                               {%set metin = veriler[3][1][0].metin|html_entity_decode|split('</p>') %}
  106.                       
  107.                       <div class="sec-title_text">{{ (metin[0]~'</p>')|raw }}</div>
  108.                         </div>
  109.                         
  110.                         <div class="about-one_options d-flex align-items-center">
  111.                             <!-- About One Options -->
  112.                             <div class="about-one_options d-flex align-items-center flex-wrap">
  113.                                 <div class="about-one_button">
  114.                                     <a href="{{''|site_anaLink~veriler[3][0].seo}}" class="theme-btn btn-style-three">
  115.                                         <span class="btn-wrap">
  116.                                             <span class="text-one">Daha Fazla <i class="fa-solid fa-plus fa-fw"></i></span>
  117.                                             <span class="text-two">Daha Fazla <i class="fa-solid fa-plus fa-fw"></i></span>
  118.                                         </span>
  119.                                     </a>
  120.                                 </div>
  121.                                 <div class="about-one_phone">
  122.                                     <span class="icon flaticon-customer-service"></span>
  123.                                     Arayın <br>
  124.                                     <a href="tel:{{ 'telefon'|site_iletisimBilgileri|raw}}">{{ 'telefon'|site_iletisimBilgileri|raw}}</a>
  125.                                 </div>
  126.                             </div>
  127.                         </div>
  128.                     </div>
  129.                 </div>
  131.             </div>
  132.         </div>
  133.     </section>
  135.     <section class="cta-one">
  136.         <div class="auto-container">
  137.             <div class="inner-container now-in-view">
  138.                 <div class="cta-one_image">
  139.                     <img src="/dist/assets/images/background/cta.jpg" alt="">
  140.                 </div>
  141.                 <video autoplay="" loop="" muted="" width="100%" height="100%" poster="/video.mp4">
  142.                     <source type="video/mp4" src="/video.mp4">
  143.                 </video>
  144.                 <div class="cta-one_content">
  145.                     <h1 class="cta-one_title"><span>HAGYM PREMİUM</span></h1>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </section>
  151. {#
  152. -- 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.  
  153. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim, fiyat
  154. ** 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')"
  156. ----------------------------------------------------
  157. #}
  159. <section class="marketing-one">
  160.     <div class="outer-container">
  161.         <div class="animation_mode">
  162.             {% for item in veriler[5][1] %}
  163.               <h1 class="{{ loop.index is odd ? 'light' : '' }}">{{ item.adi }}</h1>
  164.               <span class="marketing-one_icon flaticon-star-1"></span>
  165.           {% endfor %}
  166.         </div>
  167.         <div class="animation_mode-two">
  168.                 {% for item in veriler[5][1] %}
  169.               <h1 class="{{ loop.index is odd ? 'light' : '' }}">{{ item.adi }}</h1>
  170.               <span class="marketing-one_icon flaticon-star-1"></span>
  171.           {% endfor %}
  172.         </div>
  173.     </div>
  174. </section>
  175. {#
  176. -- Site Sayfa Verileri : "veriler[1]" 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.  
  177. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim
  178. ** 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')"
  180. ----------------------------------------------------
  181. #}
  182. <section class="classes-three">
  183.     <div class="auto-container">
  184.         <div class="sec-title centered">
  185.             <div class="sec-title_title">{{ 'siteAdi'|ayarlar }}</div>
  186.             <div class="sec-title_big-title">{{ veriler[1][0].adi }}</div>
  187.             <h2 class="sec-title_heading">{{ veriler[1][0].adi|raw }}</h2>
  188.         </div>
  189.         <div class="row clearfix">
  190.             {% for item in veriler[1][1] %}
  191.             <div class="service-block_one col-lg-4 col-md-6 col-sm-12">
  192.                 <div class="service-block_one-inner wow {% if loop.index % 3 == 1 %}fadeInLeft{% elseif loop.index % 3 == 2 %}fadeInUp{% else %}fadeInRight{% endif %}" data-wow-delay="0ms" data-wow-duration="1500ms">
  193.                     <div class="service-block_one-image">
  194.                         {{ item.resim|imgOlustur(300, 20, 'cover')|raw }}
  195.                         <div class="service-block_one-content">
  196.                             <div class="service-block_one-number">{{ '%02d'|format(loop.index) }}</div>
  197.                             <h4 class="service-block_one-heading">{{ item.adi|html_entity_decode|raw }}</h4>
  198.                         </div>
  199.                         <div class="service-block_one-overlay">
  200.                             <div class="service-block_one-number_two">{{ '%02d'|format(loop.index) }}</div>
  201.                             <div class="service-block_one-icon">
  202.                                 <i class="flaticon-dumbbell-3"></i>
  203.                             </div>
  204.                             <h4 class="service-block_one-heading">
  205.                                 <a href="{{ item.link }}">{{ item.adi|html_entity_decode|raw }}</a>
  206.                             </h4>
  207.                         </div>
  208.                     </div>
  209.                 </div>
  210.             </div>
  211.             {% endfor %}
  212.         </div>
  214.         
  215.     </div>
  216. </section>
  217. {#
  218. -- 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.  
  219. -- Modül alanları : seourl, sayfabaşlığı, anahtarkelimeler, sayfaaçıklaması, adı, metin, resim, video
  220. ** 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')"
  222. ----------------------------------------------------
  223. #}
  225. <section class="team-one">
  226.     <div class="auto-container">
  227.         <div class="sec-title">
  228.             <div class="sec-title_title">{{ 'siteAdi'|ayarlar }}</div>
  229.             <div class="sec-title_big-title">{{ veriler[6][0].adi }}</div>
  230.             <h2 class="sec-title_heading">{{ veriler[6][0].adi }}</h2>
  231.         </div>
  232.     </div>
  233.     <div class="outer-container">
  234.         <div class="team-one_carousel swiper-container">
  235.             <div class="swiper-wrapper">
  236.                 {% for item in veriler[6][1] %}
  237.                 <div class="swiper-slide">
  238.                     <div class="team-block_one">
  239.                         <div class="team-block_one-inner">
  240.                             <div class="team-block_one-image">
  241.                                   {{ item.resim|imgOlustur(500,10,'cover')|raw }}
  243.                             </div>
  244.                             <div class="team-block_one-content">
  245.                                 <h3 class="team-block_one-heading"><a href="{{ item.link }}">{{ item.adi|html_entity_decode|raw }}</a></h3>
  246.                                 <div class="team-block_one-designation">{{ item.brans|html_entity_decode|raw }}</div>
  247.                                 
  248.                             </div>
  249.                         </div>
  250.                     </div>
  251.                 </div>
  252.                 {% endfor %}
  253.             </div>
  254.         </div>
  255.         <div class="team-one-arrows">
  256.             <div class="team-one_prev-arrow fas fa-angle-left fa-fw"></div>
  257.             <div class="team-one_next-arrow fas fa-angle-right fa-fw"></div>
  258.         </div>
  259.     </div>
  260. </section>
  261.                     
  262.                     {% endblock %}
  263. {% block javascripts %}{% endblock %}