templates/theme/default/component-blocks/media-text-block.html.twig line 1

Open in your IDE?
  1. {% set parametre = site_parameters.getParameters() %}
  4. {% if bloc.template == "default_model_layouts" or bloc.template is empty %}
  5. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  6. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  7. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  8. <div class="bg-box padding-top padding-bottom">
  9. <div class="container-fluid content-wrapper">
  10. <div class="row justify-content-center">
  11. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  12. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-2 rigth' : 'order-1 left' }}" data-aos="fade-left" data-aos-easing="linear" style="{{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  13. <div class="contenu-text">
  14. {% if parametre.actiftitre %}
  15. <div class="site-title pt-2">{{ parametre.titre }}</div>
  16. {% endif %}
  17. {% if bloc.title %}
  18. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  19. {% endif %}
  20. {% if bloc.content %}
  21. {{ bloc.content|raw }}
  22. {% endif %}
  23. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  24. <div class="text-lien">
  25. {% if bloc.type_lien == '4' %}
  26. <div class="bouton1">
  27. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien|raw}}</a>
  28. </div>
  29. {% elseif bloc.type_lien == '2' %}
  30. <div class="bouton1">
  31. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  32. <span>{{bloc.libelle_lien|raw}}</span>
  33. </a>
  34. </div>
  35. {% elseif bloc.type_lien == '3' %}
  36. <div class="bouton1">
  37. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien|raw}}</a>
  38. </div>
  39. {% endif %}
  40. </div>
  41. {% endif %}
  42. </div>
  43. </div>
  44. {% endif %}
  45. {% if bloc.image %}
  46. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-2 right' : 'order-1 left' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear">
  47. <div class="contenu-image">
  48. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  49. </div>
  50. </div>
  51. {% elseif bloc.url_video %}
  52. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-1' : 'order-2' }} text-center">
  53. <div class="contenu-video">
  54. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  55. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  56. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  57. <span class="play-icon">
  58. <i class="fas fa-play"></i>
  59. </span>
  60. </a>
  61. </div>
  62. </div>
  63. {% endif %}
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. {% elseif bloc.template == "secondary_model_layout_1" %}
  69. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid*2) : '7' %}
  70. {% set grid2 = bloc.grid is not null ? bloc.grid : '3' %}
  71. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  72. <div class="bg-box padding-top padding-bottom">
  73. <div class="container-fluid content-wrapper">
  74. <div class="row justify-content-center">
  75. {% if bloc.image %}
  76. <div class="col-sm-12 col-xl-{{ grid2 }}">
  77. <div class="blog-image-1">
  78. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  79. </div>
  80. </div>
  81. {% endif %}
  82. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  83. <div class="col-12 col-xl-{{ grid1 }}">
  84. <div class="contenu-text">
  85. {% if parametre.actiftitre %}
  86. <div class="site-title pt-2">{{ parametre.titre }}</div>
  87. {% endif %}
  88. {% if bloc.title %}
  89. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  90. {% endif %}
  91. {% if bloc.content %}
  92. {{ bloc.content|raw }}
  93. {% endif %}
  95. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  96. <div class="text-lien mt-4">
  97. {% if bloc.type_lien == '4' %}
  98. <div class="py-2">
  99. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  100. </div>
  101. {% elseif bloc.type_lien == '2' %}
  102. <div class="py-2">
  103. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  104. <span>{{bloc.libelle_lien}}</span>
  105. </a>
  106. </div>
  107. {% elseif bloc.type_lien == '3' %}
  108. <div class="py-2">
  109. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  110. </div>
  111. {% endif %}
  112. </div>
  113. {% endif %}
  114. </div>
  115. </div>
  116. {% endif %}
  117. {% if bloc.image2 %}
  118. <div class="col-sm-12 col-xl-{{ grid2 }}">
  119. <div class="blog-image-2">
  120. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  121. </div>
  122. </div>
  123. {% endif %}
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. {% elseif bloc.template == "secondary_model_layout_2" %}
  129. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  130. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  131. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  132. <div class="bg-box padding-top padding-bottom">
  133. <div class="container-fluid content-wrapper">
  134. <div class="row justify-content-center">
  135. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  136. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'right' ? 'order-1 left' : 'order-2 right' }}" data-aos="fade-right" data-aos-easing="linear">
  138. <div class="contenu-text">
  139. {% if parametre.actiftitre %}
  140. <div class="site-title pt-2">{{ parametre.titre }}</div>
  141. {% endif %}
  142. {% if bloc.title %}
  143. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  144. {% endif %}
  146. {% if bloc.content %}
  147. {{ bloc.content|raw }}
  148. {% endif %}
  150. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  151. <div class="text-lien mt-4">
  152. {% if bloc.type_lien == '4' %}
  153. <div class="py-2">
  154. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  155. </div>
  156. {% elseif bloc.type_lien == '2' %}
  157. <div class="py-2">
  158. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">{{bloc.libelle_lien}}</a>
  159. </div>
  160. {% elseif bloc.type_lien == '3' %}
  161. <div class="py-2">
  162. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  163. </div>
  164. {% endif %}
  165. </div>
  166. {% endif %}
  167. </div>
  169. </div>
  170. {% endif %}
  172. {% if bloc.image or bloc.image2 %}
  173. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-2 right' : 'order-1 left' }} text-center box-img" data-aos="fade-left" data-aos-easing="linear">
  174. <div class="image_boxes">
  175. {% if bloc.image %}
  176. <div class="image one">
  177. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  178. </div>
  179. {% endif %}
  181. {% if bloc.image2 %}
  182. <div class="image two">
  183. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  184. </div>
  185. {% endif %}
  186. </div>
  187. </div>
  188. {% elseif bloc.url_video %}
  189. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-1' : 'order-xl-2' }} text-center">
  190. <div class="contenu-video">
  191. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  192. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  193. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  194. <span class="play-icon">
  195. <i class="fas fa-play"></i>
  196. </span>
  197. </a>
  198. </div>
  199. </div>
  200. {% endif %}
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207. {% elseif bloc.template == "secondary_model_layout_3" %}
  208. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  209. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  210. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  211. <div class="bg-box padding-top padding-bottom">
  212. <div class="container-fluid content-wrapper">
  213. <div class="row justify-content-center">
  214. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'right' ? 'order-xl-1 left' : 'order-xl-2 right' }}" data-aos="fade-right" data-aos-easing="linear">
  215. <div class="contenu-text">
  216. {% if parametre.actiftitre %}
  217. <div class="site-title pt-2">{{ parametre.titre }}</div>
  218. {% endif %}
  219. {% if bloc.title %}
  220. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  221. {% endif %}
  223. {% if bloc.content %}
  224. {{ bloc.content|raw }}
  225. {% endif %}
  227. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  228. <div class="text-lien mt-4">
  229. {% if bloc.type_lien == '4' %}
  230. <div class="py-2">
  231. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  232. </div>
  233. {% elseif bloc.type_lien == '2' %}
  234. <div class="py-2">
  235. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">{{bloc.libelle_lien}}</a>
  236. </div>
  237. {% elseif bloc.type_lien == '3' %}
  238. <div class="py-2">
  239. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  240. </div>
  241. {% endif %}
  242. </div>
  243. {% endif %}
  244. </div>
  245. </div>
  247. {% if bloc.image or bloc.image2 or bloc.image3 or bloc.image4 %}
  248. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-2 right' : 'order-xl-1 left' }} text-center" data-aos="fade-left" data-aos-easing="linear">
  249. <div class="image_boxes">
  250. {% if bloc.image %}
  251. <div class="image one">
  252. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  253. </div>
  254. {% endif %}
  256. {% if bloc.image2 %}
  257. <div class="image two">
  258. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  259. </div>
  260. {% endif %}
  262. {% if bloc.image3 %}
  263. <div class="image three">
  264. <img src="{{ asset_image(bloc.image3, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage3|default(bloc.title) }}" class="img-fluid">
  265. </div>
  266. {% endif %}
  267. {% if (bloc.className !="layout_model_1") %}
  268. {% if bloc.image4 %}
  269. <div class="image four">
  270. <img src="{{ asset_image(bloc.image4, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage4|default(bloc.title) }}" class="img-fluid">
  271. </div>
  272. {% endif %}
  273. {% endif %}
  274. </div>
  275. </div>
  276. {% elseif bloc.url_video %}
  277. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-1' : 'order-xl-2' }} text-center">
  278. <div class="contenu-video">
  279. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  280. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  281. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  282. <span class="play-icon">
  283. <i class="fas fa-play"></i>
  284. </span>
  285. </a>
  286. </div>
  287. </div>
  288. {% endif %}
  289. </div>
  290. </div>
  291. </div>
  292. </div>
  293. {% elseif bloc.template == "secondary_model_layout_4" %}
  294. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  295. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  296. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  297. <div class="bg-box padding-top padding-bottom">
  298. <div class="container-fluid content-wrapper">
  299. <div class="row justify-content-center">
  300. {% if bloc.title or bloc.type_lien != 1 %}
  301. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-xl-2' : 'order-xl-1' }}" data-aos="fade-left" data-aos-easing="linear">
  302. <div class="contenu-text">
  303. {% if parametre.actiftitre %}
  304. <div class="site-title pt-2">{{ parametre.titre }}</div>
  305. {% endif %}
  306. {% if bloc.title %}
  307. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  308. {% endif %}
  310. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  311. <div class="text-lien">
  312. {% if bloc.type_lien == '4' %}
  313. <div class="py-2 bouton1">
  314. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  315. </div>
  316. {% elseif bloc.type_lien == '2' %}
  317. <div class="py-2 bouton1">
  318. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  319. <span>{{bloc.libelle_lien}}</span>
  320. </a>
  321. </div>
  322. {% elseif bloc.type_lien == '3' %}
  323. <div class="py-2 bouton1">
  324. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  325. </div>
  326. {% endif %}
  327. </div>
  328. {% endif %}
  329. </div>
  330. </div>
  331. {% endif %}
  332. {% if bloc.image %}
  333. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-2' : 'order-xl-1' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear">
  334. <div class="contenu-image">
  335. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  336. {% if bloc.content %}
  337. <div class="description">
  338. {{ bloc.content|raw }}</div>
  339. {% endif %}
  340. </div>
  341. </div>
  342. {% elseif bloc.url_video %}
  343. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-1' : 'order-xl-2' }} text-center">
  344. <div class="contenu-video">
  345. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  346. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  347. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  348. <span class="play-icon">
  349. <i class="fas fa-play"></i>
  350. </span>
  351. </a>
  352. </div>
  353. </div>
  354. {% endif %}
  355. </div>
  356. </div>
  357. </div>
  358. </div>
  359. {% elseif bloc.template == "secondary_model_layout_5" %}
  360. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  361. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  362. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  363. <div class="bg-box padding-top padding-bottom">
  364. <div class="container-fluid content-wrapper">
  365. <div class="row justify-content-center">
  366. {% if bloc.title or bloc.type_lien != 1 %}
  367. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-xl-2' : 'order-xl-1' }}" data-aos="fade-left" data-aos-easing="linear">
  368. <div class="contenu-text">
  369. {% if parametre.actiftitre %}
  370. <div class="site-title pt-2">{{ parametre.titre }}</div>
  371. {% endif %}
  372. {% if bloc.title %}
  373. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  374. {% endif %}
  375. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  376. <div class="text-lien">
  377. {% if bloc.type_lien == '4' %}
  378. <div class="py-2 bouton1">
  379. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  380. </div>
  381. {% elseif bloc.type_lien == '2' %}
  382. <div class="py-2 bouton1">
  383. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  384. <span>{{bloc.libelle_lien}}</span>
  385. </a>
  386. </div>
  387. {% elseif bloc.type_lien == '3' %}
  388. <div class="py-2 bouton1">
  389. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  390. </div>
  391. {% endif %}
  392. </div>
  393. {% endif %}
  394. </div>
  395. </div>
  396. {% endif %}
  397. {% if bloc.image or bloc.image2 %}
  398. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-2' : 'order-xl-1' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear">
  399. <div class="bloc-img">
  400. {% if bloc.image %}
  401. <div class="image one">
  402. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '1024x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  403. </div>
  404. {% endif %}
  405. {% if bloc.content or bloc.image2 %}
  406. <div class="bloc-img-description d-flex">
  407. {% if bloc.image2 %}
  408. <div class="image two">
  409. <img src="{{ asset_image(bloc.image2, 'medium', ['1024x/uploads', '1024x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  410. </div>
  411. {% endif %}
  412. {% if bloc.content %}
  413. <div class="description">
  414. {{ bloc.content|raw }}</div>
  415. {% endif %}
  416. </div>
  417. {% endif %}
  418. </div>
  419. </div>
  420. {% elseif bloc.url_video %}
  421. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-1' : 'order-xl-2' }} text-center">
  422. <div class="contenu-video">
  423. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  424. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  425. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  426. <span class="play-icon">
  427. <i class="fas fa-play"></i>
  428. </span>
  429. </a>
  430. </div>
  431. </div>
  432. {% endif %}
  434. </div>
  435. </div>
  436. </div>
  437. </div>
  439. {% elseif bloc.template == "secondary_model_layout_6" %}
  440. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  441. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  442. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}">
  443. <div class="bg-box padding-top padding-bottom">
  444. <div class="container-fluid content-wrapper">
  445. <div class="row justify-content-center" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  446. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  447. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-xl-2' : 'order-xl-1' }}" data-aos="fade-left" data-aos-easing="linear">
  448. <div class="contenu-text">
  449. {% if parametre.actiftitre %}
  450. <div class="site-title pt-2">{{ parametre.titre }}</div>
  451. {% endif %}
  452. {% if bloc.title %}
  453. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  454. {% endif %}
  455. {% if bloc.content %}
  456. {{ bloc.content|raw }}
  457. {% endif %}
  459. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  460. <div class="text-lien">
  461. {% if bloc.type_lien == '4' %}
  462. <div class="bouton1">
  463. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  464. </div>
  465. {% elseif bloc.type_lien == '2' %}
  466. <div class="bouton1">
  467. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  468. <span>{{bloc.libelle_lien}}</span>
  469. </a>
  470. </div>
  471. {% elseif bloc.type_lien == '3' %}
  472. <div class="bouton1">
  473. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  474. </div>
  475. {% endif %}
  476. </div>
  477. {% endif %}
  478. </div>
  479. </div>
  480. {% endif %}
  481. {% if bloc.image %}
  482. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-2' : 'order-xl-1' }} box-img" data-aos="fade-right" data-aos-easing="linear">
  483. <div class="contenu-image">
  484. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  485. </div>
  486. </div>
  487. {% elseif bloc.url_video %}
  488. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-xl-1' : 'order-xl-2' }} text-center">
  489. <div class="contenu-video">
  490. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  491. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  492. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  493. <span class="play-icon">
  494. <i class="fas fa-play"></i>
  495. </span>
  496. </a>
  497. </div>
  498. </div>
  499. {% endif %}
  500. </div>
  501. </div>
  502. </div>
  503. </div>
  504. {% elseif bloc.template == "secondary_model_layout_7" %}
  505. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  506. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  507. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}" style="{{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  508. <div class="bg-box padding-top padding-bottom">
  509. <div class="container-fluid content-wrapper">
  510. <div class="row justify-content-end">
  511. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  512. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-xl-2 order-1 rigth' : 'order-1 left' }}" data-aos="fade-left" data-aos-easing="linear" style="{{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  513. <div class="contenu-text">
  514. {% if parametre.actiftitre %}
  515. <div class="site-title pt-2">{{ parametre.titre }}</div>
  516. {% endif %}
  517. {% if bloc.title %}
  519. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  521. {% endif %}
  522. {% if bloc.content %}
  523. <div class="bloc-content">
  524. {{ bloc.content|raw }}
  525. </div>
  526. {% endif %}
  527. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  528. <div class="text-lien">
  529. {% if bloc.type_lien == '4' %}
  530. <div class="bouton1">
  531. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien|raw}}</a>
  532. </div>
  533. {% elseif bloc.type_lien == '2' %}
  534. <div class="bouton1">
  535. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  536. <span>{{bloc.libelle_lien|raw}}</span>
  537. </a>
  538. </div>
  539. {% elseif bloc.type_lien == '3' %}
  540. <div class="bouton1">
  541. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien|raw}}</a>
  542. </div>
  543. {% endif %}
  544. </div>
  545. {% endif %}
  546. </div>
  547. </div>
  548. {% endif %}
  549. {% if bloc.image %}
  550. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-2 right' : 'order-xl-1 order-2 left' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear" style="
  551. {{ bloc.bg_color ? '--bg-color:' ~ bloc.bg_color ~ ';' : '' }}
  552. {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}
  553. ">
  554. <div class="contenu-image">
  555. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  556. </div>
  557. </div>
  558. {% elseif bloc.url_video %}
  559. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-1' : 'order-2' }} text-center">
  560. <div class="contenu-video">
  561. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  562. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  563. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  564. <span class="play-icon">
  565. <i class="fas fa-play"></i>
  566. </span>
  567. </a>
  568. </div>
  569. </div>
  570. {% endif %}
  571. </div>
  572. </div>
  573. </div>
  574. </div>
  577. {% elseif bloc.template == "secondary_model_layout_8" %}
  578. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  579. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  580. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}">
  581. <div class="bg-box padding-top padding-bottom">
  582. <div class="container-fluid content-wrapper">
  583. <div class="row justify-content-center">
  584. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  585. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-xl-2 order-1 right' : 'order-lg-1 left' }}" data-aos="fade-left" data-aos-easing="linear" style="{{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  586. <div class="mb-5 pb-xl-5 header-text">
  587. {% if bloc.title %}
  588. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  589. {% endif %}
  590. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  591. <div class="text-lien mb-4">
  592. {% if bloc.type_lien == '4' %}
  593. <div class="bouton1">
  594. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien|raw}}</a>
  595. </div>
  596. {% elseif bloc.type_lien == '2' %}
  597. <div class="bouton1">
  598. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">
  599. <span>{{bloc.libelle_lien|raw}}</span>
  600. </a>
  601. </div>
  602. {% elseif bloc.type_lien == '3' %}
  603. <div class="bouton1">
  604. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien|raw}}</a>
  605. </div>
  606. {% endif %}
  607. </div>
  608. {% endif %}
  609. </div>
  610. <div class="contenu-text" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  611. {% if parametre.actiftitre %}
  612. <div class="site-title pt-2">{{ parametre.titre }}</div>
  613. {% endif %}
  614. <div class="bloc-description">
  616. {% if bloc.content %}
  617. {{ bloc.content|raw }}
  618. {% endif %}
  620. </div>
  621. </div>
  622. </div>
  623. {% endif %}
  624. {% if bloc.image %}
  625. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-2 right' : 'order-xl-1 order-2 left' }} text-center box-img pe-xl-0 mt-3 mt-xl-0" data-aos="fade-right" data-aos-easing="linear">
  626. <div class="contenu-image">
  627. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  628. </div>
  629. </div>
  630. {% elseif bloc.url_video %}
  631. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  632. <div class="contenu-video">
  633. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  634. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  635. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt=""/>
  636. <span class="play-icon">
  637. <i class="fas fa-play"></i>
  638. </span>
  639. </a>
  640. </div>
  641. </div>
  642. {% endif %}
  643. </div>
  644. </div>
  645. </div>
  646. </div>
  647. {% endif %}