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-lg-2' : 'order-lg-1' }}" 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"><span>{{bloc.libelle_lien|raw}}</span></a>
  32. </div>
  33. {% elseif bloc.type_lien == '3' %}
  34. <div class="bouton1">
  35. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien|raw}}</a>
  36. </div>
  37. {% endif %}
  38. </div>
  39. {% endif %}
  40. </div>
  41. </div>
  42. {% endif %}
  43. {% if bloc.image %}
  44. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-2' : 'order-lg-1' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear">
  45. <div class="contenu-image">
  46. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  47. </div>
  48. </div>
  49. {% elseif bloc.url_video %}
  50. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  51. <div class="contenu-video">
  52. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  53. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  54. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt="" />
  55. <span class="play-icon">
  56. <i class="fas fa-play"></i>
  57. </span>
  58. </a>
  59. </div>
  60. </div>
  61. {% endif %}
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66. {% elseif bloc.template == "secondary_model_layout_1" %}
  67. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid*2) : '7' %}
  68. {% set grid2 = bloc.grid is not null ? bloc.grid : '3' %}
  69. <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 ~ ';' : '' }}">
  70. <div class="bg-box padding-top padding-bottom">
  71. <div class="container-fluid content-wrapper">
  72. <div class="row justify-content-center">
  73. {% if bloc.image %}
  74. <div class="col-sm-12 col-xl-{{ grid2 }}">
  75. <div class="blog-image-1">
  76. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  77. </div>
  78. </div>
  79. {% endif %}
  80. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  81. <div class="col-12 col-xl-{{ grid1 }}">
  82. <div class="contenu-text">
  83. {% if parametre.actiftitre %}
  84. <div class="site-title pt-2">{{ parametre.titre }}</div>
  85. {% endif %}
  86. {% if bloc.title %}
  87. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  88. {% endif %}
  89. {% if bloc.content %}
  90. {{ bloc.content|raw }}
  91. {% endif %}
  93. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  94. <div class="text-lien mt-4">
  95. {% if bloc.type_lien == '4' %}
  96. <div class="py-2">
  97. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  98. </div>
  99. {% elseif bloc.type_lien == '2' %}
  100. <div class="py-2">
  101. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme"><span>{{bloc.libelle_lien}}</span></a>
  102. </div>
  103. {% elseif bloc.type_lien == '3' %}
  104. <div class="py-2">
  105. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  106. </div>
  107. {% endif %}
  108. </div>
  109. {% endif %}
  110. </div>
  111. </div>
  112. {% endif %}
  113. {% if bloc.image2 %}
  114. <div class="col-sm-12 col-xl-{{ grid2 }}">
  115. <div class="blog-image-2">
  116. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  117. </div>
  118. </div>
  119. {% endif %}
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. {% elseif bloc.template == "secondary_model_layout_2" %}
  125. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  126. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  127. <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 ~ ';' : '' }}">
  128. <div class="bg-box padding-top padding-bottom">
  129. <div class="container-fluid content-wrapper">
  130. <div class="row justify-content-center">
  131. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  132. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'right' ? 'order-1' : 'order-2' }}" data-aos="fade-right" data-aos-easing="linear">
  134. <div class="contenu-text">
  135. {% if parametre.actiftitre %}
  136. <div class="site-title pt-2">{{ parametre.titre }}</div>
  137. {% endif %}
  138. {% if bloc.title %}
  139. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  140. {% endif %}
  142. {% if bloc.content %}
  143. {{ bloc.content|raw }}
  144. {% endif %}
  146. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  147. <div class="text-lien mt-4">
  148. {% if bloc.type_lien == '4' %}
  149. <div class="py-2">
  150. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  151. </div>
  152. {% elseif bloc.type_lien == '2' %}
  153. <div class="py-2">
  154. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">{{bloc.libelle_lien}}</a>
  155. </div>
  156. {% elseif bloc.type_lien == '3' %}
  157. <div class="py-2">
  158. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  159. </div>
  160. {% endif %}
  161. </div>
  162. {% endif %}
  163. </div>
  165. </div>
  166. {% endif %}
  168. {% if bloc.image or bloc.image2 %}
  169. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-2 right' : 'order-1 left' }} text-center" data-aos="fade-left" data-aos-easing="linear">
  170. <div class="image_boxes">
  171. {% if bloc.image %}
  172. <div class="image one">
  173. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  174. </div>
  175. {% endif %}
  177. {% if bloc.image2 %}
  178. <div class="image two">
  179. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  180. </div>
  181. {% endif %}
  182. </div>
  183. </div>
  184. {% elseif bloc.url_video %}
  185. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  186. <div class="contenu-video">
  187. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  188. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  189. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt="" />
  190. <span class="play-icon">
  191. <i class="fas fa-play"></i>
  192. </span>
  193. </a>
  194. </div>
  195. </div>
  196. {% endif %}
  199. </div>
  200. </div>
  201. </div>
  202. </div>
  203. {% elseif bloc.template == "secondary_model_layout_3" %}
  204. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  205. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  206. <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 ~ ';' : '' }}">
  207. <div class="bg-box padding-top padding-bottom">
  208. <div class="container-fluid content-wrapper">
  209. <div class="row justify-content-center">
  210. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }}" data-aos="fade-right" data-aos-easing="linear">
  211. <div class="contenu-text">
  212. {% if parametre.actiftitre %}
  213. <div class="site-title pt-2">{{ parametre.titre }}</div>
  214. {% endif %}
  215. {% if bloc.title %}
  216. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  217. {% endif %}
  219. {% if bloc.content %}
  220. {{ bloc.content|raw }}
  221. {% endif %}
  223. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  224. <div class="text-lien mt-4">
  225. {% if bloc.type_lien == '4' %}
  226. <div class="py-2">
  227. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  228. </div>
  229. {% elseif bloc.type_lien == '2' %}
  230. <div class="py-2">
  231. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme">{{bloc.libelle_lien}}</a>
  232. </div>
  233. {% elseif bloc.type_lien == '3' %}
  234. <div class="py-2">
  235. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  236. </div>
  237. {% endif %}
  238. </div>
  239. {% endif %}
  240. </div>
  241. </div>
  243. {% if bloc.image or bloc.image2 or bloc.image3 or bloc.image4 %}
  244. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-2' : 'order-lg-1' }} text-center" data-aos="fade-left" data-aos-easing="linear">
  245. <div class="image_boxes">
  246. {% if bloc.image %}
  247. <div class="image one">
  248. <img src="{{ asset_image(bloc.image, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  249. </div>
  250. {% endif %}
  252. {% if bloc.image2 %}
  253. <div class="image two">
  254. <img src="{{ asset_image(bloc.image2, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  255. </div>
  256. {% endif %}
  258. {% if bloc.image3 %}
  259. <div class="image three">
  260. <img src="{{ asset_image(bloc.image3, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage3|default(bloc.title) }}" class="img-fluid">
  261. </div>
  262. {% endif %}
  263. {% if (bloc.className !="layout_model_1") %}
  264. {% if bloc.image4 %}
  265. <div class="image four">
  266. <img src="{{ asset_image(bloc.image4, 'medium', ['800x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage4|default(bloc.title) }}" class="img-fluid">
  267. </div>
  268. {% endif %}
  269. {% endif %}
  270. </div>
  271. </div>
  272. {% elseif bloc.url_video %}
  273. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  274. <div class="contenu-video">
  275. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  276. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  277. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt="" />
  278. <span class="play-icon">
  279. <i class="fas fa-play"></i>
  280. </span>
  281. </a>
  282. </div>
  283. </div>
  284. {% endif %}
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. {% elseif bloc.template == "secondary_model_layout_4" %}
  290. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  291. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  292. <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 ~ ';' : '' }}">
  293. <div class="bg-box padding-top padding-bottom">
  294. <div class="container-fluid content-wrapper">
  295. <div class="row justify-content-center">
  296. {% if bloc.title or bloc.type_lien != 1 %}
  297. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-lg-2' : 'order-lg-1' }}" data-aos="fade-left" data-aos-easing="linear">
  298. <div class="contenu-text">
  299. {% if parametre.actiftitre %}
  300. <div class="site-title pt-2">{{ parametre.titre }}</div>
  301. {% endif %}
  302. {% if bloc.title %}
  303. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  304. {% endif %}
  306. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  307. <div class="text-lien">
  308. {% if bloc.type_lien == '4' %}
  309. <div class="py-2 bouton1">
  310. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  311. </div>
  312. {% elseif bloc.type_lien == '2' %}
  313. <div class="py-2 bouton1">
  314. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme"><span>{{bloc.libelle_lien}}</span></a>
  315. </div>
  316. {% elseif bloc.type_lien == '3' %}
  317. <div class="py-2 bouton1">
  318. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  319. </div>
  320. {% endif %}
  321. </div>
  322. {% endif %}
  323. </div>
  324. </div>
  325. {% endif %}
  326. {% if bloc.image %}
  327. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-2' : 'order-lg-1' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear">
  328. <div class="contenu-image">
  329. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  330. {% if bloc.content %}
  331. <div class="description"> {{ bloc.content|raw }}</div>
  332. {% endif %}
  333. </div>
  334. </div>
  335. {% elseif bloc.url_video %}
  336. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  337. <div class="contenu-video">
  338. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  339. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  340. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt="" />
  341. <span class="play-icon">
  342. <i class="fas fa-play"></i>
  343. </span>
  344. </a>
  345. </div>
  346. </div>
  347. {% endif %}
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. {% elseif bloc.template == "secondary_model_layout_5" %}
  353. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  354. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  355. <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 ~ ';' : '' }}">
  356. <div class="bg-box padding-top padding-bottom">
  357. <div class="container-fluid content-wrapper">
  358. <div class="row justify-content-center">
  359. {% if bloc.title or bloc.type_lien != 1 %}
  360. <div class="box-contenu col-12 col-xl-{{ grid1 }} {{ bloc.position == 'left' ? 'order-lg-2' : 'order-lg-1' }}" data-aos="fade-left" data-aos-easing="linear">
  361. <div class="contenu-text">
  362. {% if parametre.actiftitre %}
  363. <div class="site-title pt-2">{{ parametre.titre }}</div>
  364. {% endif %}
  365. {% if bloc.title %}
  366. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  367. {% endif %}
  368. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  369. <div class="text-lien">
  370. {% if bloc.type_lien == '4' %}
  371. <div class="py-2 bouton1">
  372. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  373. </div>
  374. {% elseif bloc.type_lien == '2' %}
  375. <div class="py-2 bouton1">
  376. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme"><span>{{bloc.libelle_lien}}</span></a>
  377. </div>
  378. {% elseif bloc.type_lien == '3' %}
  379. <div class="py-2 bouton1">
  380. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  381. </div>
  382. {% endif %}
  383. </div>
  384. {% endif %}
  385. </div>
  386. </div>
  387. {% endif %}
  388. {% if bloc.image or bloc.image2 %}
  389. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-2' : 'order-lg-1' }} text-center box-img" data-aos="fade-right" data-aos-easing="linear">
  390. <div class="bloc-img">
  391. {% if bloc.image %}
  392. <div class="image one">
  393. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '1024x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage|default(bloc.title) }}" class="img-fluid">
  394. </div>
  395. {% endif %}
  396. {% if bloc.content or bloc.image2 %}
  397. <div class="bloc-img-description d-flex">
  398. {% if bloc.image2 %}
  399. <div class="image two">
  400. <img src="{{ asset_image(bloc.image2, 'medium', ['1024x/uploads', '1024x/uploads', '480x/uploads']) }}" alt="{{ bloc.altimage2|default(bloc.title) }}" class="img-fluid">
  401. </div>
  402. {% endif %}
  403. {% if bloc.content %}
  404. <div class="description"> {{ bloc.content|raw }}</div>
  405. {% endif %}
  406. </div>
  407. {% endif %}
  408. </div>
  409. </div>
  410. {% elseif bloc.url_video %}
  411. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  412. <div class="contenu-video">
  413. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  414. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  415. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt="" />
  416. <span class="play-icon">
  417. <i class="fas fa-play"></i>
  418. </span>
  419. </a>
  420. </div>
  421. </div>
  422. {% endif %}
  424. </div>
  425. </div>
  426. </div>
  427. </div>
  429. {% elseif bloc.template == "secondary_model_layout_6" %}
  430. {% set grid1 = bloc.grid is not null ? (12 - bloc.grid) : '7' %}
  431. {% set grid2 = bloc.grid is not null ? bloc.grid : '5' %}
  432. <div id="box-img-text-{{ bloc.id }}" class="box-img-text {{bloc.template ?? ''}} {{bloc.className ?? ''}}">
  433. <div class="bg-box padding-top padding-bottom">
  434. <div class="container-fluid content-wrapper">
  435. <div class="row justify-content-center" style="{{ bloc.bg_color ? 'background-color:' ~ bloc.bg_color ~ ';' : '' }} {{ bloc.text_color ? 'color:' ~ bloc.text_color ~ ';' : '' }}">
  436. {% if bloc.title or bloc.content or bloc.type_lien != 1 %}
  437. <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">
  438. <div class="contenu-text">
  439. {% if parametre.actiftitre %}
  440. <div class="site-title pt-2">{{ parametre.titre }}</div>
  441. {% endif %}
  442. {% if bloc.title %}
  443. <h2 class="title-2">{{ bloc.title|raw }}</h2>
  444. {% endif %}
  445. {% if bloc.content %}
  446. {{ bloc.content|raw }}
  447. {% endif %}
  449. {% if bloc.type_lien != 1 and bloc.libelle_lien != '' %}
  450. <div class="text-lien">
  451. {% if bloc.type_lien == '4' %}
  452. <div class="bouton1">
  453. <a href="javascript:void(0)" onclick="window.location.href = 'tel:{{bloc.telephone}}';" class="btn-theme">{{bloc.libelle_lien}}</a>
  454. </div>
  455. {% elseif bloc.type_lien == '2' %}
  456. <div class="bouton1">
  457. <a href="{{resolveInternalSlugLink(bloc.lien_interne)}}" class="btn-theme"><span>{{bloc.libelle_lien}}</span></a>
  458. </div>
  459. {% elseif bloc.type_lien == '3' %}
  460. <div class="bouton1">
  461. <a href="{{bloc.lien_externe}}" class="btn-theme" target="_blank">{{bloc.libelle_lien}}</a>
  462. </div>
  463. {% endif %}
  464. </div>
  465. {% endif %}
  466. </div>
  467. </div>
  468. {% endif %}
  469. {% if bloc.image %}
  470. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-2' : 'order-lg-1' }} box-img" data-aos="fade-right" data-aos-easing="linear">
  471. <div class="contenu-image">
  472. <img src="{{ asset_image(bloc.image, 'medium', ['1024x/uploads', '800x/uploads', '480x/uploads']) }}" alt="{{ bloc.title }}" class="img-fluid">
  473. </div>
  474. </div>
  475. {% elseif bloc.url_video %}
  476. <div class="col-12 col-xl-{{ grid2 }} {{ bloc.position == 'right' ? 'order-lg-1' : 'order-lg-2' }} text-center">
  477. <div class="contenu-video">
  478. {% set id_video_externe = bloc.url_video|split('?v=')|last %}
  479. <a class="video-thumbnail m-0" href="{{ bloc.url_video }}" data-fancybox="video">
  480. <img src="https://img.youtube.com/vi/{{ id_video_externe }}/maxresdefault.jpg" class="img-fluid w-100" alt="" />
  481. <span class="play-icon">
  482. <i class="fas fa-play"></i>
  483. </span>
  484. </a>
  485. </div>
  486. </div>
  487. {% endif %}
  488. </div>
  489. </div>
  490. </div>
  491. </div>
  492. {% endif %}