It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://le-progres-france24.fr

  1. <!DOCTYPE html>
  2. <html>
  3.  <head>
  4.    <title>le-progres-france24.fr</title>
  5.    
  6.    
  7.    <meta name="viewport" content="width=device-width,initial-scale=1">
  8.    <meta name="apple-mobile-web-app-capable" content="yes">
  9.    <meta name="mobile-web-app-capable" content="yes">
  10.    <meta name="csrf-param" content="authenticity_token" />
  11. <meta name="csrf-token" content="tDm_48C9-3d2D4v7yF7JUHSPELmZoQMjxtbKlM784jD4uTC9vJ8tUASoTVVe_yFl-n6I1Squ3L1D4mhK1QhvLA" />
  12.    
  13.  
  14.    
  15.    
  16.    <link rel="icon" href="/icon.png" type="image/png">
  17.    <link rel="icon" href="/icon.svg" type="image/svg+xml">
  18.    <link rel="apple-touch-icon" href="/icon.png">
  19.  
  20.    
  21.  
  22.     <!-- Dark mode -->
  23. <script>
  24. const storedTheme = localStorage.getItem('theme')
  26. const getPreferredTheme = () => {
  27. if (storedTheme) {
  28. return storedTheme
  29. }
  30. return window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'light'
  31. }
  32.  
  33. const setTheme = function (theme) {
  34. if (theme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches) {
  35. document.documentElement.setAttribute('data-bs-theme', 'dark')
  36. } else {
  37. document.documentElement.setAttribute('data-bs-theme', theme)
  38. }
  39. }
  40.  
  41. setTheme(getPreferredTheme())
  42.  
  43. window.addEventListener('DOMContentLoaded', () => {
  44.    var el = document.querySelector('.theme-icon-active');
  45. if(el != 'undefined' && el != null) {
  46. const showActiveTheme = theme => {
  47. const activeThemeIcon = document.querySelector('.theme-icon-active use')
  48. const btnToActive = document.querySelector(`[data-bs-theme-value="${theme}"]`)
  49. const svgOfActiveBtn = btnToActive.querySelector('.mode-switch use').getAttribute('href')
  50.  
  51. document.querySelectorAll('[data-bs-theme-value]').forEach(element => {
  52. element.classList.remove('active')
  53. })
  54.  
  55. btnToActive.classList.add('active')
  56. activeThemeIcon.setAttribute('href', svgOfActiveBtn)
  57. }
  58.  
  59. window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
  60. if (storedTheme !== 'light' || storedTheme !== 'dark') {
  61. setTheme(getPreferredTheme())
  62. }
  63. })
  64.  
  65. showActiveTheme(getPreferredTheme())
  66.  
  67. document.querySelectorAll('[data-bs-theme-value]')
  68. .forEach(toggle => {
  69. toggle.addEventListener('click', () => {
  70. const theme = toggle.getAttribute('data-bs-theme-value')
  71. localStorage.setItem('theme', theme)
  72. setTheme(theme)
  73. showActiveTheme(theme)
  74. })
  75. })
  76.  
  77. }
  78. })
  80. </script>
  81.  
  82. <!-- Favicon -->
  83. <link rel="shortcut icon" href="/images/favicon.ico">
  84.  
  85. <!-- Google Font -->
  86. <link rel="preconnect" href="https://fonts.gstatic.com">
  87. <link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&family=Rubik:wght@400;500;700&display=swap" rel="stylesheet">
  88.  
  89. <!-- Plugins CSS -->
  90. <link rel="stylesheet" type="text/css" href="/vendor/font-awesome/css/all.min.css">
  91. <link rel="stylesheet" type="text/css" href="/vendor/bootstrap-icons/bootstrap-icons.css">
  92. <link rel="stylesheet" type="text/css" href="/vendor/tiny-slider/tiny-slider.css">
  93. <link rel="stylesheet" type="text/css" href="/vendor/plyr/plyr.css">
  94.  
  95. <!-- Theme CSS -->
  96. <link rel="stylesheet" type="text/css" href="/css/style.css">
  98. <!-- Thème CSS spécifique au domaine si défini -->
  99.  <link rel="stylesheet" type="text/css" href="/css/themes/theme11.css">
  101. <!-- Override CSS pour les badges -->
  102. <link rel="stylesheet" type="text/css" href="/css/badge-override.css">
  103.  
  104.  </head>
  105.  
  106.  <body>
  107.      <!-- Top alert START -->
  108. <div class="alert alert-warning py-2 m-0 bg-primary border-0 rounded-0 alert-dismissible fade show text-center overflow-hidden" role="alert">
  109. <!-- SVG shape START -->
  110. <figure class="position-absolute top-50 start-50 translate-middle">
  111. <svg width="1848" height="481" viewBox="0 0 1848.9 481.8" xmlns="http://www.w3.org/2000/svg">
  112. <path class="fill-success" d="m779.4 251c-10.3-11.5-19.9-23.8-29.4-36.1-9-11.6-18.4-22.8-27.1-34.7-15.3-21.2-30.2-45.8-54.8-53.3-10.5-3.2-21.6-3.2-30.6 2.5-7.6 4.8-13 12.6-17.3 20.9-10.8 20.6-16.1 44.7-24.6 66.7-7.9 20.2-19.4 38.6-33.8 54.3-14.7 16.2-31.7 30-50.4 41-15.9 9.4-33.4 17.2-52 19.3-18.4 2-38-2.5-56.5-6.2-22.4-4.4-45.1-9.7-67.6-10.9-9.8-0.5-19.8-0.3-29.1 2.3-9.8 2.8-18.7 8.6-26.6 15.2-17.3 14.5-30.2 34.4-43.7 52.9-12.9 17.6-26.8 34.9-45.4 45.4-19.5 11-42.6 12.1-65 6.6-52.3-13.1-93.8-56.5-127.9-101.5-8.8-11.6-17.3-23.4-25.6-35.4-0.6-0.9-1.1-1.8-1.6-2.7-1.1-2.4-0.9-2.6 0.6-1.2 1 0.9 1.9 1.9 2.7 3 35.3 47.4 71.5 98.5 123.2 123.9 22.8 11.2 48.2 17.2 71.7 12.2 23-5 40.6-21.2 55.3-39.7 24.5-30.7 46.5-75.6 87.1-83 19.5-3.5 40.7 0.1 60.6 3.7 21.2 3.9 42.3 9.1 63.6 11.7 17.8 2.3 35.8-0.1 52.2-7 20-8.1 38.4-20.2 54.8-34.6 16.2-14.1 31-30.7 41.8-50.4 11.1-20.2 17-43.7 24.9-65.7 6.1-16.9 13.8-36.2 29.3-44.5 16.1-8.6 37.3-1.9 52.3 10.6 18.7 15.6 31.2 39.2 46.7 58.2"/>
  113. <path class="fill-warning" d="m1157.9 344.9c9.8 7.6 18.9 15.8 28.1 24 8.6 7.7 17.6 15.2 26 23.2 14.8 14.2 29.5 30.9 51.2 34.7 9.3 1.6 18.8 0.9 26.1-3.8 6.1-3.9 10.2-9.9 13.2-16.2 7.6-15.6 10.3-33.2 15.8-49.6 5.2-15.1 13.6-29 24.7-41.3 11.4-12.6 24.8-23.6 40-32.8 12.9-7.8 27.3-14.6 43.1-17.3 15.6-2.6 32.8-0.7 49 0.7 19.6 1.7 39.4 4 58.8 3.4 8.4-0.3 17-1.1 24.8-3.6 8.2-2.7 15.4-7.4 21.6-12.7 13.7-11.6 23.1-26.7 33.3-40.9 9.6-13.5 20.2-26.9 35.3-35.6 15.8-9.2 35.6-11.6 55.2-9.1 45.7 5.8 84.8 34.3 117.6 64.4 8.7 8 17.2 16.2 25.6 24.6 2.5 3.2 1.9 3-1.2 1-34.3-32-69.7-66.9-116.5-81.9-20.5-6.5-42.7-9.2-62.4-4-19.3 5.1-33.1 17.9-44.3 32.2-18.5 23.7-33.9 57.5-68.1 65.5-16.5 3.8-34.9 2.6-52.3 1.3-18.5-1.4-37-3.7-55.4-4.2-15.5-0.5-30.7 2.5-44.2 8.5-16.5 7.2-31.3 17.1-44.3 28.5-12.8 11.2-24.1 24.1-31.9 39-7.9 15.3-11.1 32.5-16.2 48.9-3.9 12.6-9 26.9-21.6 33.9-13.1 7.3-31.9 3.8-45.7-4.1-17.2-10-29.9-26.1-44.6-38.8"/>
  114. <path class="fill-warning" d="m1840.8 379c-8.8 40.3-167.8 79.9-300.2 45.3-42.5-11.1-91.4-32-138.7-11.6-38.7 16.7-55 66-90.8 67.4-25.1 1-48.6-20.3-58.1-39.8-31-63.3 50.7-179.9 155.7-208.1 50.4-13.5 97.3-3.2 116.1 1.6 36.3 9.3 328.6 87.4 316 145.2z"/>
  115. <path class="fill-success" d="M368.3,247.3C265.6,257.2,134,226,110.9,141.5C85,47.2,272.5-9.4,355.5-30.7s182.6-31.1,240.8-18.6    C677.6-31.8,671.5,53.9,627,102C582.6,150.2,470.9,237.5,368.3,247.3z"/>
  116. </svg>
  117. </figure>
  118. <!-- SVG shape END -->
  119. <div class="position-relative">
  120.  <p class="text-white m-0">L’assurance en Algérie : un secteur en pleine effervescence et prêt à se déve... <a href="/articles/1733" class="btn btn-xs btn-dark ms-3 mb-0">Lire</a></p>
  121. </div>
  122. <!-- Close button -->
  123. <button type="button" class="btn-close btn-close-white opacity-9 p-3" data-bs-dismiss="alert" aria-label="Close"></button>
  124. </div>
  125. <!-- Top alert END -->
  126.  
  127. <!-- Offcanvas START -->
  128. <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasMenu">
  129. <div class="offcanvas-header justify-content-end">
  130. <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  131. </div>
  132. <div class="offcanvas-body d-flex flex-column pt-0">
  133. <div>
  134.        le-progres-france24.fr
  135.      <!-- Nav START -->
  136. <ul class="nav d-block flex-column my-4">
  137. <li class="nav-item h5">
  138.          <a class="nav-link active" href="/">Accueil</a>
  139. </li>
  140.        <li class="nav-item h5">
  141.           <a class="nav-link" href="/a-propos">À propos</a>
  142.        </li>
  143. <li class="nav-item h5">
  144.          <a class="nav-link " href="/contact">Contact</a>
  145. </li>
  146. </ul>
  147. <!-- Nav END -->
  148. <div class="bg-primary bg-opacity-10 p-4 mb-4 text-center w-100 rounded">
  149. <span>le-progres-france24.fr</span>
  150. <h3>Obtenir un devis personnalisé</h3>
  151. <p>Besoin d'un projet sur mesure ? Nous vous proposons un devis adapté à vos besoins spécifiques.</p>
  152. <a href="/devis" class="btn btn-warning">Demander un devis</a>
  153. </div>
  154. </div>
  155. <div class="mt-auto pb-3">
  156. <!-- Contenu édito contact -->
  157. <div class="contact-edito">
  158. <!-- Fallback si pas d'édito -->
  159. <p class="text-body mb-2 fw-bold">Contactez-nous</p>
  160. <p class="mb-2">Nous sommes à votre disposition pour toute information.</p>
  161. <a href="/contact" class="btn btn-sm btn-primary">Contact</a>
  162. <a href="mailto:contact@le-progres-france24.fr" class="text-body d-block mt-2">contact@le-progres-france24.fr</a>
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. <!-- Offcanvas END -->
  168.  
  169.  
  170. <!-- =======================
  171. Header START -->
  172. <header class="navbar-light navbar-sticky header-static">
  173. <div class="navbar-top d-none d-lg-block small">
  174. <div class="container">
  175. <div class="d-md-flex justify-content-between align-items-center my-2">
  176. <!-- Top bar left -->
  177. <ul class="nav">
  178.          <li class="nav-item">
  179.             <a class="nav-link" href="/a-propos">À propos</a>
  180.          </li>
  181.          <li class="nav-item">
  182.            <a class="nav-link" href="/mentions-legales">Mentions légales</a>
  183.          </li>
  184. </ul>
  185. <!-- Top bar right -->
  186. <div class="d-flex align-items-center">
  187. <!-- Font size accessibility START -->
  188. <div class="btn-group me-3" role="group" aria-label="font size changer">
  189. <input type="radio" class="btn-check" name="fntradio" id="font-sm">
  190. <label class="btn btn-xs btn-outline-primary mb-0" for="font-sm">A-</label>
  191.  
  192. <input type="radio" class="btn-check" name="fntradio" id="font-default" checked>
  193. <label class="btn btn-xs btn-outline-primary mb-0" for="font-default">A</label>
  194.  
  195. <input type="radio" class="btn-check" name="fntradio" id="font-lg">
  196. <label class="btn btn-xs btn-outline-primary mb-0" for="font-lg">A+</label>
  197. </div>
  198.  
  199. <!-- Dark mode options START -->
  200. <div class="nav-item dropdown mx-2">
  201. <!-- Switch button -->
  202. <button class="modeswitch" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static">
  203. <svg class="theme-icon-active"><use href="#"></use></svg>
  204. </button>
  205. <!-- Dropdown items -->
  206. <ul class="dropdown-menu min-w-auto dropdown-menu-end" aria-labelledby="bd-theme">
  207. <li class="mb-1">
  208. <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="light">
  209. <svg width="16" height="16" fill="currentColor" class="bi bi-brightness-high-fill fa-fw mode-switch me-1" viewBox="0 0 16 16">
  210. <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
  211. <use href="#"></use>
  212. </svg>Light
  213. </button>
  214. </li>
  215. <li class="mb-1">
  216. <button type="button" class="dropdown-item d-flex align-items-center" data-bs-theme-value="dark">
  217. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-moon-stars-fill fa-fw mode-switch me-1" viewBox="0 0 16 16">
  218. <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
  219. <path d="M10.794 3.148a.217.217 0 0 1 .412 0l.387 1.162c.173.518.579.924 1.097 1.097l1.162.387a.217.217 0 0 1 0 .412l-1.162.387a1.734 1.734 0 0 0-1.097 1.097l-.387 1.162a.217.217 0 0 1-.412 0l-.387-1.162A1.734 1.734 0 0 0 9.31 6.593l-1.162-.387a.217.217 0 0 1 0-.412l1.162-.387a1.734 1.734 0 0 0 1.097-1.097l.387-1.162zM13.863.099a.145.145 0 0 1 .274 0l.258.774c.115.346.386.617.732.732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0-.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732-.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732-.732L13.863.1z"/>
  220. <use href="#"></use>
  221. </svg>Dark
  222. </button>
  223. </li>
  224. <li>
  225. <button type="button" class="dropdown-item d-flex align-items-center active" data-bs-theme-value="auto">
  226. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-circle-half fa-fw mode-switch me-1" viewBox="0 0 16 16">
  227. <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
  228. <use href="#"></use>
  229. </svg>Auto
  230. </button>
  231. </li>
  232. </ul>
  233. </div>
  234. <!-- Dark mode options END -->
  235.  
  236. <ul class="nav">
  237. <li class="nav-item">
  238. <a class="nav-link px-2 fs-5" href="#"><i class="fab fa-facebook-square"></i></a>
  239. </li>
  240. <li class="nav-item">
  241. <a class="nav-link px-2 fs-5" href="#"><i class="fab fa-twitter-square"></i></a>
  242. </li>
  243. <li class="nav-item">
  244. <a class="nav-link px-2 fs-5" href="#"><i class="fab fa-linkedin"></i></a>
  245. </li>
  246. <li class="nav-item">
  247. <a class="nav-link px-2 fs-5" href="#"><i class="fab fa-youtube-square"></i></a>
  248. </li>
  249. <li class="nav-item">
  250. <a class="nav-link ps-2 pe-0 fs-5" href="#"><i class="fab fa-vimeo"></i></a>
  251. </li>
  252. </ul>
  253. </div>
  254. </div>
  255. <!-- Divider -->
  256. <div class="border-bottom border-2 border-primary opacity-1"></div>
  257. </div>
  258. </div>
  259.  
  260. <!-- Logo Nav START -->
  261. <nav class="navbar navbar-expand-lg">
  262. <div class="container">
  263. <!-- Logo START -->
  264.        <a class="navbar-brand" href="/">
  265.          le-progres-france24.fr
  266.        </a>
  267. <!-- Logo END -->
  268.  
  269. <!-- Responsive navbar toggler -->
  270. <button class="navbar-toggler ms-auto" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
  271. <span class="text-body h6 d-none d-sm-inline-block">Menu</span>
  272. <span class="navbar-toggler-icon"></span>
  273. </button>
  274.  
  275. <!-- Main navbar START -->
  276. <div class="collapse navbar-collapse" id="navbarCollapse">
  277. <ul class="navbar-nav navbar-nav-scroll mx-auto">
  278.  
  279.          <li class="nav-item"><a class="nav-link active" href="/">Accueil</a></li>
  280.  
  281.          <li class="nav-item dropdown">
  282.            <a class="nav-link dropdown-toggle " href="/categories" id="categoriesMenu" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Catégories</a>
  283.            <ul class="dropdown-menu" aria-labelledby="categoriesMenu">
  284.                <li><a class="dropdown-item" href="/categories/assurance">Assurance</a></li>
  285.            </ul>
  286.          </li>
  287.  
  288.          
  289.          <li class="nav-item"><a class="nav-link " href="/articles">Articles</a></li>
  290.          <li class="nav-item"><a class="nav-link " href="/tags">Tags</a></li>
  291.  
  292.        <li class="nav-item"><a class="nav-link " href="/contact">Contact</a></li>
  293.  
  294. </ul>
  295. </div>
  296. <!-- Main navbar END -->
  297.  
  298. <!-- Nav right START -->
  299. <div class="nav flex-nowrap align-items-center">
  300. <!-- Nav Button -->
  301.          <div class="nav-item d-none d-md-block">
  302.            <a href="/devis" class="btn btn-sm btn-danger mb-0 mx-2 ">Devis</a>
  303.          </div>
  304. <!-- Nav Search -->
  305. <div class="nav-item dropdown dropdown-toggle-icon-none nav-search">
  306. <a class="nav-link dropdown-toggle" role="button" href="#" id="navSearch" data-bs-toggle="dropdown" aria-expanded="false">
  307. <i class="bi bi-search fs-4"> </i>
  308. </a>
  309. <div class="dropdown-menu dropdown-menu-end shadow rounded p-2" aria-labelledby="navSearch">
  310. <form class="input-group">
  311. <input class="form-control border-success" type="search" placeholder="Rechercher" aria-label="Search">
  312. <button class="btn btn-success m-0" type="submit">Rechhercher</button>
  313. </form>
  314. </div>
  315. </div>
  316. <!-- Offcanvas menu toggler -->
  317. <div class="nav-item">
  318. <a class="nav-link p-0" data-bs-toggle="offcanvas" href="#offcanvasMenu" role="button" aria-controls="offcanvasMenu">
  319. <i class="bi bi-text-right rtl-flip fs-2" data-bs-target="#offcanvasMenu"> </i>
  320. </a>
  321. </div>
  322. </div>
  323. <!-- Nav right END -->
  324. </div>
  325. </nav>
  326. <!-- Logo Nav END -->
  327. </header>
  328. <!-- =======================
  329. Header END -->
  330.  
  331.    
  332.  
  333.    <main>
  334.      
  335.  
  336.  
  337.  
  338. <section class="pt-4 pb-0 card-grid">
  339. <div class="container">
  340. <div class="row g-4">
  341. <!-- Left big card -->
  342. <div class="col-lg-6">
  343. <div class="card card-overlay-bottom card-grid-lg card-bg-scale" style="background-image:url(https://cdndata.fr/wp-content/uploads/2025/10/Lassurance-en-Algerie-un-secteur-en-pleine-effervescence-et-pret-a-se-developper.jpg)">
  344. <!-- Card featured -->
  345. <span class="card-featured" title="Featured post"><i class="fas fa-star"></i></span>
  346. <!-- Card Image overlay -->
  347. <div class="card-img-overlay d-flex align-items-center p-3 p-sm-4">
  348. <div class="w-100 mt-auto">
  349. <!-- Card category -->
  350. <a href="/categories/assurance" title="Assurance" class="badge text-bg-danger mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  351. <!-- Card title -->
  352. <h2 class="text-white h1"><a href="/articles/l-assurance-en-algerie-un-secteur-en-pleine-effervescence-et-pret-a-se-developper" class="btn-link stretched-link text-reset">L’assurance en Algérie : un secteur en pleine effervescence et prêt à se développer</a></h2>
  353. <p class="text-white">Le secteur de l’assurance en Algérie se transforme radicalement, porté par une combinaison d’éléments structurels, éc...</p>
  354. <!-- Card info -->
  355. <ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block">
  356. <li class="nav-item">
  357. <div class="nav-link">
  358. <div class="d-flex align-items-center text-white position-relative">
  359. <div class="avatar avatar-sm">
  360. <img class="avatar-img rounded-circle" src="assets/images/avatar/11.jpg" alt="avatar">
  361. </div>
  362. <span class="ms-3">by <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  363. </div>
  364. </div>
  365. </li>
  366. <li class="nav-item">27 Oct 2025</li>
  367. </ul>
  368. </div>
  369. </div>
  370. </div>
  371. </div>
  372. <!-- Right small cards -->
  373. <div class="col-lg-6">
  374. <div class="row g-4">
  375. <!-- Card item START -->
  376. <div class="col-12">
  377. <div class="card card-overlay-bottom card-grid-sm card-bg-scale" style="background-image:url(https://cdndata.fr/wp-content/uploads/2025/10/Prolongation-de-loffre-Patronale-Fix21-Taux-garanti-de-280-maintenu-en-octobre.jpg)">
  378. <!-- Card Image overlay -->
  379. <div class="card-img-overlay d-flex align-items-center p-3 p-sm-4">
  380. <div class="w-100 mt-auto">
  381. <!-- Card category -->
  382. <a href="/categories/assurance" title="Assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  383. <!-- Card title -->
  384. <h4 class="text-white"><a href="/articles/prolongation-de-l-offre-patronale-fix21-taux-garanti-de-2-80-maintenu-en-octobre" class="btn-link stretched-link text-reset">Prolongation de l’offre Patronale Fix21 : Taux garanti de 2,80% maintenu en octobre</a></h4>
  385. <!-- Card info -->
  386. <ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block">
  387. <li class="nav-item position-relative">
  388. <div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a>
  389. </div>
  390. </li>
  391. <li class="nav-item">04 Oct 2025</li>
  392. </ul>
  393. </div>
  394. </div>
  395. </div>
  396. </div>
  397. <!-- Card item END -->
  398. <!-- Card item START -->
  399. <div class="col-md-6">
  400. <div class="card card-overlay-bottom card-grid-sm card-bg-scale" style="background-image:url(https://cdndata.fr/wp-content/uploads/2025/09/Sante-complementaire-En-2024-les-seduisantes-offres-de-contrats-a-bas-cout-mais-non-responsables.jpg)">
  401. <!-- Card Image overlay -->
  402. <div class="card-img-overlay d-flex align-items-center p-3 p-sm-4">
  403. <div class="w-100 mt-auto">
  404. <!-- Card category -->
  405. <a href="/categories/assurance" title="Assurance" class="badge text-bg-success mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  406. <!-- Card title -->
  407. <h4 class="text-white"><a href="/articles/sante-complementaire-en-2024-les-seduisantes-offres-de-contrats-a-bas-cout-mais-non-responsables" class="btn-link stretched-link text-reset">Santé complémentaire : En 2024, les séduisantes offres de contrats à bas coût mais non responsables</a></h4>
  408. <!-- Card info -->
  409. <ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block">
  410. <li class="nav-item position-relative">
  411. <div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a>
  412. </div>
  413. </li>
  414. <li class="nav-item">15 Sep 2025</li>
  415. </ul>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. <!-- Card item END -->
  421. <!-- Card item START -->
  422. <div class="col-md-6">
  423. <div class="card card-overlay-bottom card-grid-sm card-bg-scale" style="background-image:url(https://cdndata.fr/wp-content/uploads/2025/09/Assurance-automobile-5-astuces-incontournables-pour-reduire-vos-depenses.jpg)">
  424. <!-- Card Image overlay -->
  425. <div class="card-img-overlay d-flex align-items-center p-3 p-sm-4">
  426. <div class="w-100 mt-auto">
  427. <!-- Card category -->
  428. <a href="/categories/assurance" title="Assurance" class="badge text-bg-info mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  429. <!-- Card title -->
  430. <h4 class="text-white"><a href="/articles/assurance-automobile-5-astuces-incontournables-pour-reduire-vos-depenses" class="btn-link stretched-link text-reset">Assurance automobile : 5 astuces incontournables pour réduire vos dépenses</a></h4>
  431. <!-- Card info -->
  432. <ul class="nav nav-divider text-white-force align-items-center d-none d-sm-inline-block">
  433. <li class="nav-item position-relative">
  434. <div class="nav-link">by <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a>
  435. </div>
  436. </li>
  437. <li class="nav-item">15 Sep 2025</li>
  438. </ul>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. <!-- Card item END -->
  444. </div>
  445. </div>
  446. </div>
  447. </div>
  448. </section>
  449.  
  450.  
  451. <section class="position-relative">
  452. <div class="container" data-sticky-container="">
  453. <div class="row">
  454. <!-- Main Post START -->
  455. <div class="col-lg-9">
  456. <!-- Title -->
  457. <div class="mb-4">
  458. <h2 class="m-0"><i class="bi bi-hourglass-top me-2"></i>Articles supplémentaires</h2>
  459. <p>Plus d'articles publiés sur le-progres-france24.fr</p>
  460. </div>
  461. <div class="row gy-4">
  462. <!-- Card item START -->
  463. <div class="col-sm-6">
  464. <div class="card">
  465. <!-- Card img -->
  466. <div class="position-relative">
  467. <img class="card-img" src="https://cdndata.fr/wp-content/uploads/2025/09/Optimisez-vos-depenses-avec-lassurance-pour-voitures-anciennes.jpg" alt="Optimisez vos dépenses avec l’assurance pour voitures anciennes">
  468. <div class="card-img-overlay d-flex align-items-start flex-column p-3">
  469. <!-- Card overlay bottom -->
  470. <div class="w-100 mt-auto">
  471. <!-- Card category -->
  472. <a href="/categories/assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  473. </div>
  474. </div>
  475. </div>
  476. <div class="card-body px-0 pt-3">
  477. <h4 class="card-title"><a href="/articles/optimisez-vos-depenses-avec-l-assurance-pour-voitures-anciennes" class="btn-link text-reset fw-bold">Optimisez vos dépenses avec l’assurance pour voitures anciennes</a></h4>
  478. <p class="card-text">La possession d’une voiture ancienne ou de collection est un véritable plaisir pour les passionnés d’automobiles, mai...</p>
  479. <!-- Card info -->
  480. <ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
  481. <li class="nav-item">
  482. <div class="nav-link">
  483. <div class="d-flex align-items-center position-relative">
  484. <div class="avatar avatar-xs">
  485. <div class="avatar-img rounded-circle bg-success">
  486. <span class="text-white position-absolute top-50 start-50 translate-middle fw-bold small">OV</span>
  487. </div>
  488. </div>
  489. <span class="ms-3">par <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  490. </div>
  491. </div>
  492. </li>
  493. <li class="nav-item">12 Sep 2025</li>
  494. </ul>
  495. </div>
  496. </div>
  497. </div>
  498. <!-- Card item END -->
  499. <!-- Card item START -->
  500. <div class="col-sm-6">
  501. <div class="card">
  502. <!-- Card img -->
  503. <div class="position-relative">
  504. <img class="card-img" src="https://cdndata.fr/wp-content/uploads/2025/09/Guide-des-meilleures-mutuelles-sante-evaluation-et-criteres-essentiels-pour-faire-le-bon-choix.jpg" alt="Guide des meilleures mutuelles santé : évaluation et critères essentiels pour faire le bon choix">
  505. <div class="card-img-overlay d-flex align-items-start flex-column p-3">
  506. <!-- Card overlay bottom -->
  507. <div class="w-100 mt-auto">
  508. <!-- Card category -->
  509. <a href="/categories/assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  510. </div>
  511. </div>
  512. </div>
  513. <div class="card-body px-0 pt-3">
  514. <h4 class="card-title"><a href="/articles/guide-des-meilleures-mutuelles-sante-evaluation-et-criteres-essentiels-pour-faire-le-bon-choix" class="btn-link text-reset fw-bold">Guide des meilleures mutuelles santé : évaluation et critères essentiels pour faire le bon choix</a></h4>
  515. <p class="card-text">Dans un contexte où les dépenses de santé représentent une part croissante du budget des ménages français, le choix d...</p>
  516. <!-- Card info -->
  517. <ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
  518. <li class="nav-item">
  519. <div class="nav-link">
  520. <div class="d-flex align-items-center position-relative">
  521. <div class="avatar avatar-xs">
  522. <div class="avatar-img rounded-circle bg-success">
  523. <span class="text-white position-absolute top-50 start-50 translate-middle fw-bold small">OV</span>
  524. </div>
  525. </div>
  526. <span class="ms-3">par <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  527. </div>
  528. </div>
  529. </li>
  530. <li class="nav-item">11 Sep 2025</li>
  531. </ul>
  532. </div>
  533. </div>
  534. </div>
  535. <!-- Card item END -->
  536. <!-- Card item START -->
  537. <div class="col-sm-6">
  538. <div class="card">
  539. <!-- Card img -->
  540. <div class="position-relative">
  541. <img class="card-img" src="https://cdndata.fr/wp-content/uploads/2025/09/Top-2025-Le-Guide-Ultime-des-Assurances-Auto-et-leur-Classement.jpg" alt="Top 2025 : Le Guide Ultime des Assurances Auto et leur Classement">
  542. <div class="card-img-overlay d-flex align-items-start flex-column p-3">
  543. <!-- Card overlay bottom -->
  544. <div class="w-100 mt-auto">
  545. <!-- Card category -->
  546. <a href="/categories/assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  547. </div>
  548. </div>
  549. </div>
  550. <div class="card-body px-0 pt-3">
  551. <h4 class="card-title"><a href="/articles/top-2025-le-guide-ultime-des-assurances-auto-et-leur-classement" class="btn-link text-reset fw-bold">Top 2025 : Le Guide Ultime des Assurances Auto et leur Classement</a></h4>
  552. <p class="card-text">Le paysage de l’assurance automobile en 2025 est marqué par une compétition intense entre assureurs traditionnels et ...</p>
  553. <!-- Card info -->
  554. <ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
  555. <li class="nav-item">
  556. <div class="nav-link">
  557. <div class="d-flex align-items-center position-relative">
  558. <div class="avatar avatar-xs">
  559. <div class="avatar-img rounded-circle bg-success">
  560. <span class="text-white position-absolute top-50 start-50 translate-middle fw-bold small">OV</span>
  561. </div>
  562. </div>
  563. <span class="ms-3">par <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  564. </div>
  565. </div>
  566. </li>
  567. <li class="nav-item">11 Sep 2025</li>
  568. </ul>
  569. </div>
  570. </div>
  571. </div>
  572. <!-- Card item END -->
  573. <!-- Card item START -->
  574. <div class="col-sm-6">
  575. <div class="card">
  576. <!-- Card img -->
  577. <div class="position-relative">
  578. <img class="card-img" src="https://cdndata.fr/wp-content/uploads/2025/09/La-MACSF-affiche-un-rendement-solide-de-310-sur-ses-fonds-en-euros.jpg" alt="La MACSF affiche un rendement solide de 3,10%* sur ses fonds en euros">
  579. <div class="card-img-overlay d-flex align-items-start flex-column p-3">
  580. <!-- Card overlay bottom -->
  581. <div class="w-100 mt-auto">
  582. <!-- Card category -->
  583. <a href="/categories/assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  584. </div>
  585. </div>
  586. </div>
  587. <div class="card-body px-0 pt-3">
  588. <h4 class="card-title"><a href="/articles/la-macsf-affiche-un-rendement-solide-de-3-10-sur-ses-fonds-en-euros" class="btn-link text-reset fw-bold">La MACSF affiche un rendement solide de 3,10%* sur ses fonds en euros</a></h4>
  589. <p class="card-text">La MACSF confirme sa position comme un acteur incontournable du marché de l’assurance vie en affichant pour 2024 un r...</p>
  590. <!-- Card info -->
  591. <ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
  592. <li class="nav-item">
  593. <div class="nav-link">
  594. <div class="d-flex align-items-center position-relative">
  595. <div class="avatar avatar-xs">
  596. <div class="avatar-img rounded-circle bg-success">
  597. <span class="text-white position-absolute top-50 start-50 translate-middle fw-bold small">OV</span>
  598. </div>
  599. </div>
  600. <span class="ms-3">par <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  601. </div>
  602. </div>
  603. </li>
  604. <li class="nav-item">10 Sep 2025</li>
  605. </ul>
  606. </div>
  607. </div>
  608. </div>
  609. <!-- Card item END -->
  610. <!-- Card item START -->
  611. <div class="col-sm-6">
  612. <div class="card">
  613. <!-- Card img -->
  614. <div class="position-relative">
  615. <img class="card-img" src="https://cdndata.fr/wp-content/uploads/2025/09/Decouvrez-comment-deux-Francais-sur-trois-passent-a-cote-dune-astuce-simple-pour-reduire-le-cout-de-leur-assurance-auto-.jpg" alt="Découvrez comment deux Français sur trois passent à côté d’une astuce simple pour réduire le coût de leur assurance auto !">
  616. <div class="card-img-overlay d-flex align-items-start flex-column p-3">
  617. <!-- Card overlay bottom -->
  618. <div class="w-100 mt-auto">
  619. <!-- Card category -->
  620. <a href="/categories/assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  621. </div>
  622. </div>
  623. </div>
  624. <div class="card-body px-0 pt-3">
  625. <h4 class="card-title"><a href="/articles/decouvrez-comment-deux-francais-sur-trois-passent-a-cote-d-une-astuce-simple-pour-reduire-le-cout-de-leur-assurance-auto" class="btn-link text-reset fw-bold">Découvrez comment deux Français sur trois passent à côté d’une astuce simple pour réduire le coût de leur assurance auto !</a></h4>
  626. <p class="card-text">En 2025, la voiture continue de tenir une place paradoxale dans le quotidien des Français. Si 74 % d’entre eux perçoi...</p>
  627. <!-- Card info -->
  628. <ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
  629. <li class="nav-item">
  630. <div class="nav-link">
  631. <div class="d-flex align-items-center position-relative">
  632. <div class="avatar avatar-xs">
  633. <div class="avatar-img rounded-circle bg-success">
  634. <span class="text-white position-absolute top-50 start-50 translate-middle fw-bold small">OV</span>
  635. </div>
  636. </div>
  637. <span class="ms-3">par <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  638. </div>
  639. </div>
  640. </li>
  641. <li class="nav-item">10 Sep 2025</li>
  642. </ul>
  643. </div>
  644. </div>
  645. </div>
  646. <!-- Card item END -->
  647. <!-- Card item START -->
  648. <div class="col-sm-6">
  649. <div class="card">
  650. <!-- Card img -->
  651. <div class="position-relative">
  652. <img class="card-img" src="https://cdndata.fr/wp-content/uploads/2025/09/Comparez-pour-Trouver-lAssurance-4x4-au-Meilleur-Prix.jpg" alt="Comparez pour Trouver l’Assurance 4×4 au Meilleur Prix">
  653. <div class="card-img-overlay d-flex align-items-start flex-column p-3">
  654. <!-- Card overlay bottom -->
  655. <div class="w-100 mt-auto">
  656. <!-- Card category -->
  657. <a href="/categories/assurance" class="badge text-bg-warning mb-2"><i class="fas fa-circle me-2 small fw-bold"></i>Assurance</a>
  658. </div>
  659. </div>
  660. </div>
  661. <div class="card-body px-0 pt-3">
  662. <h4 class="card-title"><a href="/articles/comparez-pour-trouver-l-assurance-4x4-au-meilleur-prix" class="btn-link text-reset fw-bold">Comparez pour Trouver l’Assurance 4×4 au Meilleur Prix</a></h4>
  663. <p class="card-text">Dans un marché de l’assurance automobile en constante évolution, trouver la meilleure assurance 4×4 revient à jongler...</p>
  664. <!-- Card info -->
  665. <ul class="nav nav-divider align-items-center d-none d-sm-inline-block">
  666. <li class="nav-item">
  667. <div class="nav-link">
  668. <div class="d-flex align-items-center position-relative">
  669. <div class="avatar avatar-xs">
  670. <div class="avatar-img rounded-circle bg-success">
  671. <span class="text-white position-absolute top-50 start-50 translate-middle fw-bold small">OV</span>
  672. </div>
  673. </div>
  674. <span class="ms-3">par <a href="#" class="stretched-link text-reset btn-link">Ogier Vachon</a></span>
  675. </div>
  676. </div>
  677. </li>
  678. <li class="nav-item">09 Sep 2025</li>
  679. </ul>
  680. </div>
  681. </div>
  682. </div>
  683. <!-- Card item END -->
  685. <!-- Load more START -->
  686. <div class="col-12 text-center mt-5">
  687. <a href="/articles" class="btn btn-primary-soft">Voir tous les articles <i class="bi bi-arrow-right-circle ms-2 align-middle"></i></a>
  688. </div>
  689. <!-- Load more END -->
  690. </div>
  691. </div>
  692. <!-- Main Post END -->
  694. <!-- Sidebar START -->
  695. <div class="col-lg-3 mt-5 mt-lg-0">
  696. <div data-sticky="" data-margin-top="80" data-sticky-for="767">
  697.  
  698. <!-- Trending topics widget START -->
  699. <div>
  700. <h4 class="mt-4 mb-3">Catégories populaires</h4>
  701. <!-- Category item -->
  702. <div class="text-center mb-3 card-bg-scale position-relative overflow-hidden rounded bg-dark-overlay-4" style="background-image:url(https://cdndata.fr/wp-content/uploads/2025/09/Comparez-pour-Trouver-lAssurance-4x4-au-Meilleur-Prix.jpg);">
  703. <div class="p-3">
  704. <a href="/categories/assurance" class="stretched-link btn-link fw-bold text-white h5">Assurance</a>
  705. </div>
  706. </div>
  707. <!-- View All Category button -->
  708. <div class="text-center mt-3">
  709. <a href="/categories" class="fw-bold text-body text-primary-hover"><u>Voir toutes les catégories</u></a>
  710. </div>
  711. </div>
  712. <!-- Trending topics widget END -->
  713.  
  714. <div class="row">
  715. <!-- Recent post widget START -->
  716. <div class="col-12 col-sm-6 col-lg-12">
  717. <h4 class="mt-4 mb-3">Articles récents</h4>
  718. <!-- Recent post item -->
  719. <div class="card mb-3">
  720. <div class="row g-3">
  721. <div class="col-4">
  722. <img class="rounded" src="https://cdndata.fr/wp-content/uploads/2025/10/Lassurance-en-Algerie-un-secteur-en-pleine-effervescence-et-pret-a-se-developper.jpg" alt="L’assurance en Algérie : un secteur en pleine effervescence et prêt à se développer">
  723. </div>
  724. <div class="col-8">
  725. <h6><a href="/articles/l-assurance-en-algerie-un-secteur-en-pleine-effervescence-et-pret-a-se-developper" class="btn-link stretched-link text-reset fw-bold">L’assurance en Algérie : un secteur en pleine effervescence et prêt à se développer</a></h6>
  726. <div class="small mt-1">27 Oct 2025</div>
  727. </div>
  728. </div>
  729. </div>
  730. <!-- Recent post item -->
  731. <div class="card mb-3">
  732. <div class="row g-3">
  733. <div class="col-4">
  734. <img class="rounded" src="https://cdndata.fr/wp-content/uploads/2025/10/Prolongation-de-loffre-Patronale-Fix21-Taux-garanti-de-280-maintenu-en-octobre.jpg" alt="Prolongation de l’offre Patronale Fix21 : Taux garanti de 2,80% maintenu en octobre">
  735. </div>
  736. <div class="col-8">
  737. <h6><a href="/articles/prolongation-de-l-offre-patronale-fix21-taux-garanti-de-2-80-maintenu-en-octobre" class="btn-link stretched-link text-reset fw-bold">Prolongation de l’offre Patronale Fix21 : Taux garanti de 2,80% maintenu en octobre</a></h6>
  738. <div class="small mt-1">04 Oct 2025</div>
  739. </div>
  740. </div>
  741. </div>
  742. <!-- Recent post item -->
  743. <div class="card mb-3">
  744. <div class="row g-3">
  745. <div class="col-4">
  746. <img class="rounded" src="https://cdndata.fr/wp-content/uploads/2025/09/Sante-complementaire-En-2024-les-seduisantes-offres-de-contrats-a-bas-cout-mais-non-responsables.jpg" alt="Santé complémentaire : En 2024, les séduisantes offres de contrats à bas coût mais non responsables">
  747. </div>
  748. <div class="col-8">
  749. <h6><a href="/articles/sante-complementaire-en-2024-les-seduisantes-offres-de-contrats-a-bas-cout-mais-non-responsables" class="btn-link stretched-link text-reset fw-bold">Santé complémentaire : En 2024, les séduisantes offres de contrats à bas coût mais non responsables</a></h6>
  750. <div class="small mt-1">15 Sep 2025</div>
  751. </div>
  752. </div>
  753. </div>
  754. <!-- Recent post item -->
  755. <div class="card mb-3">
  756. <div class="row g-3">
  757. <div class="col-4">
  758. <img class="rounded" src="https://cdndata.fr/wp-content/uploads/2025/09/Assurance-automobile-5-astuces-incontournables-pour-reduire-vos-depenses.jpg" alt="Assurance automobile : 5 astuces incontournables pour réduire vos dépenses">
  759. </div>
  760. <div class="col-8">
  761. <h6><a href="/articles/assurance-automobile-5-astuces-incontournables-pour-reduire-vos-depenses" class="btn-link stretched-link text-reset fw-bold">Assurance automobile : 5 astuces incontournables pour réduire vos dépenses</a></h6>
  762. <div class="small mt-1">15 Sep 2025</div>
  763. </div>
  764. </div>
  765. </div>
  766. </div>
  767. <!-- Recent post widget END -->
  768. </div>
  769. </div>
  770. </div>
  771. <!-- Sidebar END -->
  772. </div> <!-- Row end -->
  773. </div>
  774. </section>
  775.  
  776.  
  777. <section class="pt-4">
  778. <div class="container">
  779. <div class="row">
  780. <div class="col-md-12">
  781. <!-- Title -->
  782. <div class="mb-4">
  783. <h1 class="m-0"></h1>
  784. </div>
  785. <div class="card card-body">
  786. <div class="home-content">
  788. </div>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </section>
  794.  
  795.  
  796. <style>
  797. .alert {
  798.  padding: 1rem;
  799.  margin-bottom: 1rem;
  800.  border-radius: 0.25rem;
  801. }
  802.  
  803. .alert-success {
  804.  background-color: #d4edda;
  805.  color: #155724;
  806.  border: 1px solid #c3e6cb;
  807. }
  808.  
  809. .alert-error {
  810.  background-color: #f8d7da;
  811.  color: #721c24;
  812.  border: 1px solid #f5c6cb;
  813. }
  814.  
  815. .admin-actions {
  816.  margin-top: 2rem;
  817.  padding: 1rem;
  818.  background-color: #f8f9fa;
  819.  border-radius: 0.25rem;
  820.  display: flex;
  821.  gap: 1rem;
  822. }
  823.  
  824. .button {
  825.  display: inline-block;
  826.  font-weight: 400;
  827.  text-align: center;
  828.  white-space: nowrap;
  829.  vertical-align: middle;
  830.  user-select: none;
  831.  border: 1px solid transparent;
  832.  padding: 0.375rem 0.75rem;
  833.  font-size: 1rem;
  834.  line-height: 1.5;
  835.  border-radius: 0.25rem;
  836.  text-decoration: none;
  837.  cursor: pointer;
  838. }
  839.  
  840. .button-primary {
  841.  color: #fff;
  842.  background-color: #007bff;
  843.  border-color: #007bff;
  844. }
  845.  
  846. .button-danger {
  847.  color: #fff;
  848.  background-color: #dc3545;
  849.  border-color: #dc3545;
  850. }
  851. </style>
  852.  
  853.    </main>
  854.    
  855.      <footer class="container py-4 mt-5 border-top">
  856.  <div class="row">
  857.    <div class="col-12 col-md-6 mb-3">
  858.        <a href="https://www.le-progres-france24.fr" class="text-muted text-decoration-none">
  859.          Propulsé par le-progres-france24.fr
  860.        </a>
  861.    </div>
  862.    <div class="col-12 col-md-6 text-md-end">
  863.        <a class="text-muted text-decoration-none me-3" href="/gcu">CGU</a>
  864.        <a class="text-muted text-decoration-none me-3" href="/mentions-legales">Mentions légales</a>
  865.        <a class="text-muted text-decoration-none me-3" href="/a-propos">À propos</a>
  866.        <a class="text-muted text-decoration-none me-3" href="/dmca">DMCA</a>
  867.        <a class="text-muted text-decoration-none" href="/politique-de-confidentialite">Politique de confidentialité</a>
  868.    </div>
  869.  </div>
  870. </footer>
  871. <!-- Back to top -->
  872. <div class="back-top"><i class="bi bi-arrow-up-short"></i></div>
  873.  
  874. <!-- =======================
  875. JS libraries, plugins and custom scripts -->
  876.  
  877. <!-- Bootstrap JS -->
  878. <script src="/vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
  879.  
  880. <!-- Vendors -->
  881. <script src="/vendor/tiny-slider/tiny-slider.js"></script>
  882. <script src="/vendor/sticky-js/sticky.min.js"></script>
  883. <script src="/vendor/plyr/plyr.js"></script>
  884.  
  885. <!-- Template Functions -->
  886. <script src="/js/functions.js"></script>
  887. </body>
  888. </html>
  889.    
  890.    
  891.    <script>
  892.      console.log("Layout loaded")
  893.      document.addEventListener("DOMContentLoaded", () => {
  894.        console.log("DOM loaded")
  895.      })
  896.    </script>
  897.    
  898.  </body>
  899. </html>
  900.  

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda