templates/home.html.twig line 1

1. {%  extends "base.html.twig" %}
3. {% block title %}Collège du Biereau - Accueil{% endblock %}
5. {% block content %}
7. <section class="home-slider owl-carousel">
8.     {% for item in carousel %}
9.         <div class="slider-item" style="background-image:url({{ vich_uploader_asset(item, 'backgroundImageFile') }});">
10.             <div class="overlay"></div>
11.             <div class="container">
12.                 <div class="row no-gutters slider-text align-items-center justify-content-center" data-scrollax-parent="true">
13.                     <div class="col-md-8 text-center ftco-animate">
14.                         <h1 class="mb-4">{{ item.slogan }}</h1>
16.                     </div>
17.                 </div>
18.             </div>
19.         </div>
20.     {% endfor %}
21. </section>
23. <section class="ftco-services ftco-no-pb">
24.     <div class="container-wrap">
25.         <div class="row no-gutters">
26.             <div class="col-md-3 d-flex services align-self-stretch pb-4 px-4 ftco-animate bg-primary">
27.                 <div class="media block-6 d-block text-center">
28.                     <div class="icon d-flex justify-content-center align-items-center">
29.                         <span class="flaticon-puzzle"></span>
30.                     </div>
31.                     <div class="media-body p-2 mt-3">
32.                         <h3 class="heading">{{ school_values[0].title }}</h3>
33.                         <p>{{ school_values[0].description }}</p>
34.                     </div>
35.                 </div>
36.             </div>
37.             <div class="col-md-3 d-flex services align-self-stretch pb-4 px-4 ftco-animate bg-tertiary">
38.                 <div class="media block-6 d-block text-center">
39.                     <div class="icon d-flex justify-content-center align-items-center">
40.                         <span class="flaticon-save"></span>
41.                         
42.                     </div>
43.                     <div class="media-body p-2 mt-3">
44.                         <h3 class="heading">{{ school_values[1].title }}</h3>
45.                         <p>{{ school_values[1].description }}</p>
46.                     </div>
47.                 </div>
48.             </div>
49.             <div class="col-md-3 d-flex services align-self-stretch pb-4 px-4 ftco-animate bg-fifth">
50.                 <div class="media block-6 d-block text-center">
51.                     <div class="icon d-flex justify-content-center align-items-center">
52.                         <span class="flaticon-book"></span>
53.                     </div>
54.                     <div class="media-body p-2 mt-3">
55.                         <h3 class="heading">{{ school_values[2].title }}</h3>
56.                         <p>{{ school_values[2].description }}</p>
57.                     </div>
58.                 </div>
59.             </div>
60.             <div class="col-md-3 d-flex services align-self-stretch pb-4 px-4 ftco-animate bg-quarternary">
61.                 <div class="media block-6 d-block text-center">
62.                     <div class="icon d-flex justify-content-center align-items-center">
63.                         <span class="flaticon-unity"></span>
64.                     </div>
65.                     <div class="media-body p-2 mt-3">
66.                         <h3 class="heading">{{ school_values[3].title }}</h3>
67.                         <p>{{ school_values[3].description }}</p>
68.                     </div>
69.                 </div>
70.             </div>
71.         </div>
72.     </div>
73. </section>
75.     <section class="ftco-section testimony-section">
76.         <div class="container">
77.             <div class="row ftco-animate justify-content-center">
78.                 <div class="col-md-12">
79.                     <div class="carousel-testimony owl-carousel">
81.                         {% for new in news %}
82.                             <div class="item">
83.                                 <div class="testimony-wrap d-flex">
84.                                     <div class="user-img mr-4" style="background-image: url(images/newsletter.png)">
85.                                     </div>
86.                                     <div class="text ml-2">
87.                                     <span class="quote d-flex align-items-center justify-content-center">
88.                                       <i class="icon-quote-left"></i>
89.                                     </span>
90.                                         <p class="name">{{ new.title }}</p>
91.                                         <p></p>
92.                                         <p>{{ new.article }}</p>
93.                                         <p class="name">{{ new.author }}</p>
94.                                         <span class="position">{{ new.job }}</span>
95.                                         {% if new.url is null %}
96.                                         {% else %}
97.                                             <div class="col-md-8 mt-5 text-center">
98.                                                 <a href="{{ new.url }}" target="_blank" class="btn btn-sm btn-primary px-4 py-3">J'y vais <span class="ion-ios-arrow-round-forward"></span></a>
99.                                             </div>
100.                                         {% endif %}
101.                                         {% if new.internalRoute is null %}
102.                                         {% else %}
103.                                             <div class="col-md-8 mt-5 text-center">
104.                                                 <a href="{{ new.internalRoute.route }}" target="_blank" class="btn btn-sm btn-primary px-4 py-3">J'y vais <span class="ion-ios-arrow-round-forward"></span></a>
105.                                             </div>
106.                                         {% endif %}
107.                                     </div>
108.                                 </div>
109.                             </div>
110.                         {%  endfor %}
112.                     </div>
113.                 </div>
114.             </div>
115.         </div>
116.     </section>
119. {% endblock %}