CINXE.COM
Slidesgo pour l’éducation | Boostez l’apprentissage à l’école !
<!doctype html> <html lang="fr" data-lang="fr"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"user_id":"","internal_user_id":"","user_type":"anonymous","user_login_status":"not-logged","user_registration_date":"no-disponible"}); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-59RGLRK'); </script> <!-- Rendered on 2024-12-18 02:57:53 --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @font-face { font-family: 'Degular'; src: url("/fonts/degular-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Degular'; src: url("/fonts/degular-semibold.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Degular Fallback'; src: local(Liberation Serif), local(Times New Roman), local(serif); size-adjust: 106%; ascent-override: 92%; descent-override: 34%; line-gap-override: normal; } @font-face { font-family: 'Inter'; src: url("/fonts/inter-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url("/fonts/inter-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url("/fonts/inter-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Fallback'; src: local(Liberation Sans), local(Arial), local(sans-serif); size-adjust: 106%; ascent-override: 92%; descent-override: 22%; line-gap-override: normal; } </style> <link href="/fonts/degular-semibold.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/inter-semibold.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/degular-regular.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin> <meta property="og:image" content="/og-image.jpg" /> <meta name="robots" content="max-image-preview:large"> <link rel="icon" href="/favicons/favicon.ico" /> <link rel="icon" type="image/png" href="/favicons/apple-favicon-120x120.png"> <link rel="icon" type="image/png" sizes="152x152" href="/favicons/apple-favicon-152x152.png"> <link rel="icon" type="image/png" sizes="120x120" href="/favicons/apple-favicon-120x120.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-favicon-180x180.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-favicon-152x152.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-favicon-120x120.png"> <link rel="apple-touch-icon" href="/favicons/apple-favicon-180x180.png"> <link rel="apple-touch-icon-precomposed" href="/favicons/apple-favicon-180x180.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicons/apple-favicon-152x152.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicons/apple-favicon-120x120.png"> <link rel="manifest" href="/favicons/site.webmanifest"> <meta name="msapplication-TileColor" content="#765186"> <meta name="theme-color" content="#765186"> <meta name="p:domain_verify" content="728b70bf6f2ea14d45a79774bb890f10"/> <title>Slidesgo pour l’éducation | Boostez l’apprentissage à l’école !</title> <meta name="description" content="Créez instantanément de superbes présentations grâce au vaste catalogue de Slidesgo. Rendez l’apprentissage génial à l’école grâce à des milliers de modèles prêts à l’emploi."> <link rel="preload" as="style" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/app-C-r4t7mY.css" /><link rel="stylesheet" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/app-C-r4t7mY.css" data-navigate-track="reload" /><style> .below-the-fold { content-visibility: auto; contain-intrinsic-size: 377px; } </style> <meta name="robots" content="index,follow"> <link rel="alternate" hreflang="pt" href="/pt/para-educacao" /> <link rel="alternate" hreflang="es" href="/es/para-educacion" /> <link rel="alternate" hreflang="en" href="/for-education" /> <link rel="alternate" hreflang="fr" href="/fr/pour-leducation" /> <link rel="alternate" hreflang="de" href="/de/fur-bildung" /> <link rel="alternate" hreflang="ko" href="/ko/%EA%B5%90%EC%9C%A1-%EC%9A%A9" /> <link rel='alternate' hreflang='x-default' href='/for-education' /> <link rel="canonical" href="https://slidesgo.com/fr/pour-leducation"> <script> window.customEvents = []; // short-lived, replaced on app.js window.trackCustom = function(eventName, data) { window.customEvents.push({eventName, data}); } </script> <script> if( window.innerWidth > 768 ) { const scrollPaginationActive = '' === 'search'; var ssmCodes = document.createElement('script'); ssmCodes.type = 'text/javascript'; ssmCodes.src = scrollPaginationActive ? 'https://ssm.codes/smart-tag/slidesgosearch.js' : 'https://ssm.codes/smart-tag/slidesgocom.js?v=1'; ssmCodes.async = true; document.getElementsByTagName('head')[0].appendChild(ssmCodes); } </script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <link rel="prefetch" href="/images/landing/education/features_ai.mp4" as="video" type="video/mp4"> <link rel="prefetch" href="/images/landing/education/features_editor.mp4" as="video" type="video/mp4"> <link rel="prefetch" href="/images/landing/education/features_toolkit.mp4" as="video" type="video/mp4"> <link rel="prefetch" href="/images/landing/education/features_slide.mp4" as="video" type="video/mp4"> <link rel="prefetch" href="/images/landing/education/features_powerpoint_google.mp4" as="video" type="video/mp4"> <link rel="preload" href="/images/logos/slidesgo.svg" as="image"> </head> <body class="bg-background text-gray-600 font-base min-h-screen flex flex-col overflow-y-scroll"> <script> function gtmPush() { } addEventListener("load", gtmPush); </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59RGLRK" height="0" width="0" style="display:none;visibility:hidden" ></iframe> </noscript> <div x-data="barLang('{"en":{"home.bar_lang":"Slidesgo is also available in English!","home.bar_lang_llevame":"Show me","url":"\/for-education"},"es":{"home.bar_lang":"\u00a1Slidesgo tambi\u00e9n est\u00e1 disponible en castellano!","home.bar_lang_llevame":"Vis\u00edtanos","url":"\/es\/para-educacion"},"pt":{"home.bar_lang":"Slidesgo tamb\u00e9m est\u00e1 dispon\u00edvel em portugu\u00eas!","home.bar_lang_llevame":"Vamos l\u00e1!","url":"\/pt\/para-educacao"},"fr":{"home.bar_lang":"Slidesgo est aussi disponible en fran\u00e7ais!","home.bar_lang_llevame":"C\u2019est parti!","url":"\/fr\/pour-leducation"},"de":{"home.bar_lang":"Slidesgo ist auch auf Deutsch verf\u00fcgbar","home.bar_lang_llevame":"Anzeigen","url":"\/de\/fur-bildung"},"ko":{"home.bar_lang":"Slidesgo\ub294 \ud55c\uad6d\uc5b4\ub85c\ub3c4 \uc81c\uacf5\ub429\ub2c8\ub2e4!","home.bar_lang_llevame":"\ubcf4\uc5ec\uc8fc\uc138\uc694","url":"\/ko\/%EA%B5%90%EC%9C%A1-%EC%9A%A9"}}')"> <template x-if="browserLanguage"> <div x-show="showModal" class="bar-lang bar-lang-en bg-gray-900 text-white font-medium text-base sm:text-lg whitespace-nowrap h-10 flex flex-col justify-center sm:items-center bottom-0 left-0 bg-opacity-75 sm:mb-16 opacity-0 rounded pl-2 sm:pl-4 pr-8 sm:pr-10 z-20" > <p class="flex items-center pl-2 sm:pl-0"> <span x-text="translations[browserLanguage]['home.bar_lang']"></span> <a x-bind:href="translations[browserLanguage]['url']" x-bind:hreflang="browserLanguage" class="font-semibold ml-1 sm:ml-2 underline hover:text-blue-400" x-text="translations[browserLanguage]['home.bar_lang_llevame']" ></a> </p> <button aria-label="Close Button" @click="window.localStorage.ignoreLanguage = 1; showModal = false;" class="absolute right-0 h-8 w-8 sm:w-10 flex items-center justify-center opacity-75 hover:opacity-100" > <svg alt="Close icon" loading="lazy" class="fill-current h-3 w-3 fill-current" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg"><path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"/><path d="M339.4 6.6L6.6 339.4A20.7 20.7 0 1036 368.7L368.7 35.9a20.7 20.7 0 10-29.3-29.3z"/></svg> </button> </div> </template> </div> <header class="header-landing px-0 sm:px-6 h-14 sm:h-16 flex top-0 left-0 right-0 items-center justify-end sm:justify-between z-20 transition duration-300 bg-white sticky" > <div class="pl-2 sm:px-4 sm:p-0 flex items-center flex-1 md:inset-y-0 md:left-0"> <a href="https://slidesgo.com/fr/" class="flex sm:left"> <img src="/images/logos/slidesgo.svg" id="header-logo" class="h-6 sm:object-cover object-left" alt="Slidesgo"> </a> </div> <div class="relative group p-2.5 py-3 cursor-pointer"> <div class="flex items-center"> <div class="rounded text-yellow-800 flex items-center inverted:text-yellow-400 hover:text-yellow-700 inverted:hover:text-yellow-500 focus:outline-none" aria-label="Pricing" > <span class="text-base font-semibold"> Abonnements et tarifs </span> </div> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 leading-relaxed text-gray-900"> <svg class="h-3 w-3 absolute right-1/2 translate-x-1/2 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="fixed left-1/2 -translate-x-1/2 w-10/12 sm:left-auto sm:w-[388px] sm:translate-x-0 sm:absolute sm:right-0 top-10 py-5 px-6 bg-white rounded shadow-top-menu" > <a href="https://slidesgo.com/fr/prix" onclick="trackAnalytic('premium', 'click', 'prices-individual'); gtm.microfunnel('', 'Des plans simples pour vous', 'https://slidesgo.com/fr/prix', 'header_menu')" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Tarifs</span> </div> <span class="text-gray-700">Découvrez les avantages de l’abonnement Premium</span> </a> <a href="https://slidesgo.com/fr/pour-leducation" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Slidesgo pour les établissements scolaires</span> </div> <span class="text-gray-700">Économisez de l’argent lorsque votre école achète ensemble</span> </a> </div> </div> </div> </div> <div class="mr-2"> <form method="POST" action="https://slidesgo.com/auth/login" id="login" class="flex text-gray-200 items-center sm:ml-5"> <input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="sign-in-button" name="login-from"/> <input type="hidden" value="fr" name="language"/> <input type="hidden" value="fr.landing.education" name="login-route"/> <button type="submit" data-cy="log-in-button" onclick="gtm.login('Se connecter', 'https://slidesgo.com/auth/login', 'navbar')" class="h-8 sm:h-10 px-3 sm:px-4 rounded text-sm sm:text-base text-gray-900 inverted:text-white font-semibold border border-current hover:text-gray-800 inverted:hover:text-gray-100" > Se connecter</button> </form> </div> </header> <link rel="preload" as="style" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/education-landings-CDdqnfZf.css" /><link rel="stylesheet" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/education-landings-CDdqnfZf.css" data-navigate-track="reload" /> <section class="relative flex flex-col items-center justify-center text-center py-10 overflow-hidden md:py-16 lg:pt-20 lg:pb-30 3xl:container 3xl:mx-auto" > <div id="landing-edu-header1" class="absolute top-0 left-0 hidden z-0 md:block" > <svg width="388px" height="530px" viewBox="0 0 388 530" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <path class="lg:hidden" d="M 137.749 251.277 L 137.581 184.199 L 209.111 184.02 C 233.91 183.958 257.719 193.731 275.298 211.19 C 292.878 228.648 302.789 252.362 302.851 277.113 L 303.019 344.191 L 231.489 344.37 C 206.691 344.427 182.885 334.652 165.307 317.195 C 147.728 299.737 137.816 276.027 137.749 251.277 Z" fill="#FFD774"></path> <mask id="mask0_6359_3764" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="300" y="358" width="219" height="213"> <path d="M518.174 482.096V570.575H423.822C391.11 570.575 359.738 557.605 336.607 534.519C313.476 511.432 300.481 480.12 300.481 447.471V358.992H394.833C427.543 358.999 458.912 371.971 482.041 395.056C505.171 418.141 518.167 449.449 518.174 482.096Z" fill="#336AEA"></path> </mask> <g mask="url(#mask0_6359_3764)" transform="matrix(1, 0, 0, 1, -161.052673, -73.827484)"> <rect x="244.402" y="351.018" width="304.419" height="223.203" fill="url(#header1-img)"></rect> </g> <g class="hidden lg:block"> <path class="light-bounce" fill-rule="evenodd" clip-rule="evenodd" d="M 325.892 119.407 C 299.916 101.156 283.729 71.695 282.237 40 C 263.838 65.795 234.324 81.788 202.639 83.089 C 228.553 101.53 244.599 131.178 245.831 162.993 C 264.227 136.878 293.962 120.683 325.892 119.407 Z" fill="#FFD774"></path> <path d="M 0.241 152.445 L 0 56.119 L 102.72 55.862 C 138.333 55.773 172.523 69.808 197.768 94.879 C 223.013 119.95 237.246 154.003 237.335 189.548 L 237.576 285.874 L 134.856 286.131 C 99.245 286.213 65.059 272.176 39.816 247.107 C 14.572 222.037 0.338 187.988 0.241 152.445 Z" fill="#B07CC6"></path> </g> <defs> <pattern id="header1-img" patternContentUnits="objectBoundingBox" width="1" height="1"> <image width="800" height="587" transform="matrix(0.0012500000884756446, 0, 0, 0.0017048302106559277, 0, -0.000367265020031482)" xlink:href="/images/landing/education/header-1-img.jpeg"></image> </pattern> </defs> </svg> </div> <div id="landing-edu-header2" class="hidden z-0 -top-8 -right-52 md:block md:absolute md:top-0 lg:-right-28 3xl:right-0 lg:top-10"> <svg width="340px" height="391px" viewBox="0 0 340 382" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <circle class="hidden lg:block" cx="147.928" cy="342.058" r="39" fill="#4EDCD3"></circle> <circle class="hidden lg:block" cx="246.925" cy="240.694" r="91" fill="#B07CC6" style="transform-box: fill-box; transform-origin: 50% 50%;"></circle> <mask id="mask0_6359_3832" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="108" y="71" width="240" height="231"> <path d="M346.758 204.027L347.53 300.351L244.813 301.173C209.201 301.459 174.934 287.613 149.551 262.681C124.168 237.75 109.748 203.775 109.464 168.232L108.692 71.9082L211.409 71.0853C247.019 70.8072 281.282 84.6555 306.663 109.585C332.044 134.515 346.466 168.486 346.758 204.027Z" fill="#336AEA"></path> </mask> <g mask="url(#mask0_6359_3832)" transform="matrix(1, 0, 0, 1, -91.72023, -59.74437)"> <rect x="-80.7568" y="45.1875" width="555.508" height="370" transform="rotate(1.22143 -80.7568 45.1875)" fill="url(#header2-img)"></rect> </g> <defs> <pattern id="header2-img" patternContentUnits="objectBoundingBox" width="1" height="1"> <image id="image0_6359_3832" width="800" height="533" transform="scale(0.00125 0.00187672)" xlink:href="/images/landing/education/header-2-img.jpeg"></image> </pattern> </defs> </svg> </div> <div class="max-w-lg lg:max-w-2xl xl:max-w-4xl z-10 px-4"> <h3 class="uppercase text-base font-semibold text-purple-600 mb-2"> Slidesgo pour les écoles, les lycées et les universités </h3> <h1 class="text-7xl font-title font-semibold text-gray-900 mb-4 lg:text-9xl"> Augmentez l’engagement, stimulez l’apprentissage </h1> <h2 class="text-xl text-gray-800 mb-12 leading-relaxed mb-10"> Créez des présentations attrayantes plus rapidement et renouez avec vos élèves. C’est si facile avec Slidesgo ! </h2> <div class="flex justify-center flex-col sm:flex-row"> <a href="https://slidesgo.com/fr/pour-les-enseignants" class="btn-secondary-animation mb-4 flex items-center justify-center rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 sm:mb-0 sm:mr-4" > Slidesgo pour les enseignants </a> <a href="https://slidesgo.com/fr/pour-les-eleves" class="btn-secondary-animation flex items-center justify-center rounded h-12 px-6 text-lg text-gray-900 font-semibold border border-gray-300 hover:text-white" > Slidesgo pour les étudiants </a> </div> </div> </section> <main> <div class="bg-gray-50 text-center py-20"> <div class="mx-auto mb-20 px-4 sm:max-w-4xl"> <p class="text-base font-semibold uppercase text-teal-600 mb-2"> Comment cela fonctionne-t-il </p> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Rechercher, trouver, créer </h3> <p class="text-lg text-gray-800 leading-relaxed"> Tout d’abord, découvrez de superbes modèles qui s’adapteront à tous vos projets et présentations. Ensuite, personnalisez-les à volonté : chaque modèle ou présentation est accompagné d’un grand nombre d’icônes, d’infographies et d’images. Dernier point, mais non des moindres : ayez un impact ! Une présentation bien structurée, avec une conception épurée, communique mieux et suscite l’intérêt de vos élèves </p> </div> <div class="flex items-center justify-center flex-col px-4 lg:flex-row"> <div class="zoom-on-hover h-56 bg-purple-300 rounded-t-xl rounded-bl-xl flex mb-8 sm:w-fit md:w-115 md:mr-8 md:h-64 lg:mb-0"> <div class="p-6 text-left sm:w-72 md:w-full"> <p class="font-semibold text-2xl text-gray-900 mb-2"> Slidesgo est un outil </p> <p class="text-base text-gray-800 leading-normal"> Vous pouvez donc l’utiliser à votre convenance : commencez à modifier en ligne, téléchargez votre travail et terminez la collaboration avec Google Slides. </p> </div> <div class="self-end hidden sm:block"> <img src="/images/landing/education/slidesgo-tool.png" alt="Slidesgo is a tool" style="max-width: 196px;"> </div> </div> <div class="zoom-on-hover h-56 bg-teal-300 rounded-t-xl rounded-bl-xl flex mb-8 sm:w-fit md:mb-0 md:w-115 md:mr-8 md:h-64"> <div class="p-6 text-left sm:w-72 md:w-full"> <p class="font-semibold text-2xl text-gray-900 mb-2"> Et une bibliothèque de contenu </p> <p class="text-base text-gray-800 leading-normal"> Avec des milliers de présentations et de modèles prêts à l’emploi, entièrement modifiables et adaptables et un accès à la bibliothèque de contenus visuels de Freepik et Flaticon. </p> </div> <div class="self-end hidden sm:block"> <img src="/images/landing/education/slidesgo-content-library.png" alt="Slidesgo is a content library" style="max-width: 196px;"> </div> </div> </div> </div> <div class="text-center py-20 px-4 md:px-6 lg:px-16 3xl:container 3xl:mx-auto"> <div class="mx-auto mb-16 sm:max-w-4xl sm:mb-20"> <p class="text-base font-semibold uppercase text-teal-600 mb-2"> Des outils pour remodeler l’enseignement et l’apprentissage </p> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Moins d’ennui dans la préparation, plus de plaisir dans l’enseignement </h3> <p class="text-lg text-gray-800 leading-relaxed"> Mettez votre énergie là où elle compte vraiment, ne la gaspillez pas à cause de l’angoisse de la page blanche ou en passant beaucoup de temps à créer des présentations. C’est parti ! Tirez le meilleur parti de votre temps grâce aux outils les plus efficaces pour concevoir vos cours. </p> </div> <div class="flex w-full" x-data="{ open: 'AI' }" x-init="() => { if (window.innerWidth < 992) {open = true}}" > <div class="w-full text-left lg:pr-20 lg:w-5/12"> <div class="pointer-events-none py-9 border-gray-25 cursor-pointer lg:pointer-events-auto md:flex md:items-center lg:border-b" x-data="{ section: 'AI' }" @click="open = section" > <div class="md:w-1/2 md:mr-6 lg:w-full lg:mr-0"> <h4 class="text-4xl text-gray-900 font-title font-semibold flex items-center justify-between select-none" > Intelligence artificielle <svg class="shrink-0 transition duration-200 size-6 inline-block ml-1 text-gray-700 hidden lg:block fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div x-bind:style="open === section || open === true ? 'max-height: ' + $refs.description.scrollHeight + 'px; opacity: 1' : ''" class="max-h-0 opacity-0 transition-all duration-200 overflow-hidden leading-normal text-lg text-gray-800 mt-4" x-ref="description" > L’IA est là pour vous aider ! Slidesgo s’appuie sur l’IA pour gérer des tâches telles la sélection des modèles, l’organisation du contenu et la mise au point du design, faisant de la création de présentations un jeu d’enfant. Elle réduit considérablement le temps de préparation en analysant le matériel et en proposant des suggestions personnalisées. Concentrez-vous sur la présentation de cours attrayants pendant que l’IA simplifie la création de diapositives. </div> </div> <video loop muted autoplay class="w-full block md:w-1/2 lg:hidden rounded-lg"> <source src="/images/landing/education/features_ai.mp4" type="video/mp4"> </video> </div> <div class="pointer-events-none py-9 border-gray-25 cursor-pointer lg:pointer-events-auto md:flex md:flex-row-reverse md:items-center lg:border-b" x-data="{ section: 'online-editor' }" @click="open = section" > <div class="md:w-1/2 md:ml-6 lg:w-full lg:ml-0"> <h4 class="text-4xl text-gray-900 font-title font-semibold flex items-center justify-between select-none" > Éditeur en ligne <svg class="shrink-0 transition duration-200 size-6 inline-block ml-1 text-gray-700 hidden lg:block fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div x-bind:style="open === section || open === true ? 'max-height: ' + $refs.description.scrollHeight + 'px; opacity: 1' : ''" class="max-h-0 opacity-0 transition-all duration-200 overflow-hidden leading-normal text-lg text-gray-800 mt-4" x-ref="description" > Modifiez, soignez et pimentez votre présentation directement à partir de Slidesgo. Avec un générateur de texte à base d’IA pour vous aider à surmonter l‘angoisse de la page blanche et la bibliothèque complète de Freepik à votre disposition, trouver du contenu visuel sera un jeu d’enfant. Plus besoin de s’inquiéter de la clé USB oubliée à la maison ! </div> </div> <video loop muted autoplay class="w-full block md:w-1/2 lg:hidden rounded-lg"> <source src="/images/landing/education/features_editor.mp4" type="video/mp4"> </video> </div> <div class="pointer-events-none py-9 border-gray-25 cursor-pointer lg:pointer-events-auto md:flex md:items-center lg:border-b" x-data="{ section: 'teacher-toolkits' }" @click="open = section" > <div class="md:w-1/2 md:mr-6 lg:w-full lg:mr-0"> <h4 class="text-4xl text-gray-900 font-title font-semibold flex items-center justify-between select-none" > Boîte à outils pour les enseignants <svg class="shrink-0 transition duration-200 size-6 inline-block ml-1 text-gray-700 hidden lg:block fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div x-bind:style="open === section || open === true ? 'max-height: ' + $refs.description.scrollHeight + 'px; opacity: 1' : ''" class="max-h-0 opacity-0 transition-all duration-200 overflow-hidden leading-normal text-lg text-gray-800 mt-4" x-ref="description" > Pouvez-vous imaginer une rentrée scolaire sans stress ? Ces ensembles comprennent des agendas personnalisables, des grilles d’évaluation, des tableaux de suivi du comportement et bien plus encore pour s’adapter à tous les styles d’enseignement. </div> </div> <video loop muted autoplay class="w-full block md:w-1/2 lg:hidden rounded-lg"> <source src="/images/landing/education/features_toolkit.mp4" type="video/mp4"> </video> </div> <div class="pointer-events-none py-9 border-gray-25 cursor-pointer lg:pointer-events-auto md:flex md:flex-row-reverse md:items-center lg:border-b" x-data="{ section: 'slidesclass' }" @click="open = section" > <div class="md:w-1/2 md:ml-6 lg:w-full lg:ml-0"> <h4 class="text-4xl text-gray-900 font-title font-semibold flex items-center justify-between select-none" > Slidesclass <svg class="shrink-0 transition duration-200 size-6 inline-block ml-1 text-gray-700 hidden lg:block fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div x-bind:style="open === section || open === true ? 'max-height: ' + $refs.description.scrollHeight + 'px; opacity: 1' : ''" class="max-h-0 opacity-0 transition-all duration-200 overflow-hidden leading-normal text-lg text-gray-800 mt-4" x-ref="description" > Modèles éducatifs gratuits et téléchargeables en 6 langues différentes. Des leçons pour tous les niveaux, conçues en collaboration avec des enseignants experts. Devenez l’enseignant que tout le monde adore ! </div> </div> <video loop muted autoplay class="w-full block md:w-1/2 lg:hidden rounded-lg"> <source src="/images/landing/education/features_slide.mp4" type="video/mp4"> </video> </div> <div class="pointer-events-none py-9 border-gray-25 cursor-pointer lg:pointer-events-auto md:flex md:items-center lg:border-b" x-data="{ section: 'editors' }" @click="open = section" > <div class="md:w-1/2 md:mr-6 lg:w-full lg:mr-0"> <h4 class="text-4xl text-gray-900 font-title font-semibold flex items-center justify-between select-none" > Google Slides et PowerPoint <svg class="shrink-0 transition duration-200 size-6 inline-block ml-1 text-gray-700 hidden lg:block fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div x-bind:style="open === section || open === true ? 'max-height: ' + $refs.description.scrollHeight + 'px; opacity: 1' : ''" class="max-h-0 opacity-0 transition-all duration-200 overflow-hidden leading-normal text-lg text-gray-800 mt-4" x-ref="description" > Cette présentation vous plaît ? Téléchargez-la pour PowerPoint ou ouvrez-la avec Google Slides. Flexibilité et commodité pour maximiser l’accessibilité, la collaboration et la facilité d’utilisation pour tous vos besoins éducatifs et ceux de vos étudiants. </div> </div> <video loop muted autoplay class="w-full block md:w-1/2 lg:hidden rounded-lg"> <source src="/images/landing/education/features_powerpoint_google.mp4" type="video/mp4"> </video> </div> </div> <div class="h-auto items-center hidden lg:flex lg:w-7/12"> <video muted autoplay loop x-show="open === 'AI'" class="mx-auto rounded-lg" > <source src="/images/landing/education/features_ai.mp4" type="video/mp4"> </video> <video muted autoplay loop x-show="open === 'online-editor'" x-cloak class="mx-auto rounded-lg" > <source src="/images/landing/education/features_editor.mp4" type="video/mp4"> </video> <video muted autoplay loop x-show="open === 'teacher-toolkits'" x-cloak class="mx-auto rounded-lg" > <source src="/images/landing/education/features_toolkit.mp4" type="video/mp4"> </video> <video muted autoplay loop x-show="open === 'slidesclass'" x-cloak class="mx-auto rounded-lg" > <source src="/images/landing/education/features_slide.mp4" type="video/mp4"> </video> <video muted autoplay loop x-show="open === 'editors'" x-cloak class="mx-auto rounded-lg" > <source src="/images/landing/education/features_powerpoint_google.mp4" type="video/mp4"> </video> </div> </div> <div class="hidden"> <svg id="icon-landing-edu-caret-drop" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </div> </div> <div class="text-center pt-20 pb-30"> <div class="mx-auto sm:max-w-4xl mb-12 px-4 md:px-6 lg:px-16"> <p class="text-base font-semibold uppercase text-teal-600 mb-2"> Plus de 22 000 présentations au choix </p> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Préparez-vous à donner une nouvelle leçon </h3> <p class="text-lg text-gray-800 leading-relaxed"> Découvrez des modèles éducatifs imprimables pour toutes les matières et tous les niveaux scolaires. Ces modèles gratuits et prêts à l’emploi apportent un contenu inclusif et polyvalent à toutes les écoles et à tous les cours particuliers </p> <a class="btn-secondary-animation mx-auto mt-10 flex items-center rounded h-12 w-fit px-6 text-lg text-white font-semibold bg-gray-900" href="https://slidesgo.com/fr/slidesclass" > Voir les modèles </a> </div> <div class="templates-scroll-x"> <div class="scroll-image"> </div> </div> </div> <div class="overflow-hidden bg-gray-50"> <div class="flex flex-col lg:flex-row lg:px-16 py-20 px-4 3xl:container 3xl:mx-auto"> <div class="relative w-full"> <div class="flex flex-col h-full xl:justify-between"> <div class="text-center sm:text-left mb-8"> <p class="text-base font-semibold uppercase text-teal-600 mb-1 sm:mb-2"> avantages </p> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Fait pour s’adapter </h3> <p class="text-lg text-gray-800 leading-relaxed"> Bien plus que des modèles, Slidesgo est votre ressource idéale pour redéfinir l’enseignement et l’apprentissage </p> </div> <div class="absolute right-0 bottom-2"> <svg class="hidden lg:block h-[288px]" viewBox="0 0 627 314" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="155.5" cy="155.5" r="155.5" fill="white"/> <path d="M313.376 2.74178e-05L627 0C627 173.705 485.618 314 313 314L313.376 2.74178e-05Z" fill="white"/> </svg> </div> </div> </div> <div class="relative flex flex-wrap justify-center md:justify-start lg:justify-end lg:min-w-[610px]"> <svg class="hidden md:block lg:hidden absolute" width="270" height="270" viewBox="0 0 270 270" fill="none" xmlns="http://www.w3.org/2000/svg" style="right:calc(-135px - 1rem)" > <circle cx="135" cy="135" r="135" fill="white"></circle> </svg> <svg class="hidden absolute bottom-0 md:block lg:hidden" style="left:calc(-135px - 1rem)" viewBox="0 0 270 270" width="270px" height="270px" xmlns="http://www.w3.org/2000/svg"> <defs></defs> <path d="M 0 0 L 270 0 C 270 150 150 270 0 270 L 0 0 Z" fill="white"></path> </svg> <div class="flex flex-wrap justify-center"> <div class="light-shake-animation aspect-1 p-6 m-2 max-w-72 rounded-lg bg-yellow-300"> <div class="bg-gray-900 p-2 rounded w-min mb-6"> <svg class="size-5 text-white fill-current" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18 9C18 6.88799 17.2772 4.88714 15.9489 3.27955C16.2013 2.93569 16.172 2.44976 15.8611 2.13887C15.5502 1.82791 15.0643 1.79866 14.7204 2.05105C13.1129 0.722848 11.112 0 9 0C6.88799 0 4.88711 0.722848 3.27955 2.05105C2.93569 1.79866 2.44979 1.82791 2.13887 2.13887C1.82798 2.44979 1.7987 2.93569 2.05105 3.27955C0.722812 4.88714 0 6.88799 0 9C0 11.112 0.722812 13.1129 2.05105 14.7204C1.7987 15.0643 1.82798 15.5502 2.13887 15.8611C2.44979 16.1721 2.93569 16.2013 3.27955 15.9489C4.88711 17.2772 6.88799 18 9 18C11.112 18 13.1129 17.2772 14.7204 15.9489C15.0643 16.2013 15.5502 16.1721 15.8611 15.8611C16.172 15.5502 16.2013 15.0643 15.9489 14.7204C17.2772 13.1129 18 11.112 18 9ZM11.8477 9C11.8477 10.5702 10.5702 11.8477 9 11.8477C7.42982 11.8477 6.15234 10.5702 6.15234 9C6.15234 7.42982 7.42982 6.15234 9 6.15234C10.5702 6.15234 11.8477 7.42982 11.8477 9ZM9.00002 1.75781C10.6806 1.75781 12.2293 2.33336 13.4595 3.29752L11.5742 5.18288C10.8388 4.68534 9.95275 4.39453 9.00002 4.39453C8.04728 4.39453 7.16121 4.68534 6.42584 5.18288L4.54052 3.29752C5.77074 2.33336 7.31941 1.75781 9.00002 1.75781ZM1.75781 9C1.75781 7.31936 2.33336 5.77072 3.29752 4.54046L5.18284 6.42582C4.68534 7.16115 4.39453 8.04727 4.39453 9C4.39453 9.95273 4.68534 10.8388 5.18284 11.5742L3.29752 13.4595C2.33336 12.2293 1.75781 10.6806 1.75781 9ZM9.00002 16.2422C7.31941 16.2422 5.77074 15.6666 4.54052 14.7025L6.42584 12.8171C7.16121 13.3147 8.04728 13.6055 9.00002 13.6055C9.95275 13.6055 10.8388 13.3147 11.5742 12.8171L13.4595 14.7025C12.2293 15.6666 10.6806 16.2422 9.00002 16.2422ZM14.7025 13.4595L12.8172 11.5742C13.3147 10.8388 13.6055 9.95273 13.6055 9C13.6055 8.04727 13.3147 7.16115 12.8172 6.42582L14.7025 4.54046C15.6667 5.77072 16.2422 7.31936 16.2422 9C16.2422 10.6806 15.6667 12.2293 14.7025 13.4595Z"/> </svg> </div> <p class="font-semibold font-title text-4xl text-gray-900 mb-2"> Assistance et formation personnalisées </p> <p class="leading-normal text-gray-800 text-base"> Bénéficiez d’une assistance dédiée et de mises à jour régulières. Nous nous engageons à vous fournir les outils et les ressources nécessaires à votre réussite. </p> </div> <div class="light-shake-animation aspect-1 p-6 m-2 max-w-72 rounded-lg bg-purple-600 text-white"> <div class="bg-white p-2 rounded w-min mb-6"> <svg class="size-5 text-gray-900 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.90869 13.9425C5.78466 13.9425 5.65973 13.9295 5.53558 13.9031C3.99148 13.5743 2.5873 12.7169 1.5817 11.489C0.561723 10.2434 0 8.66927 0 7.05667C0 5.18939 0.72647 3.43318 2.04559 2.11158C3.36452 0.790192 5.11898 0.0604141 6.98576 0.056668L6.9999 0.0566406C10.8421 0.0566406 13.9809 3.17801 13.9999 7.02129C14.0001 7.05908 14 7.09684 13.9996 7.13457C13.9898 8.03136 13.6296 8.87232 12.9855 9.50251C12.3448 10.1294 11.4981 10.4747 10.6013 10.4747H8.64064C8.11293 10.4747 7.6836 10.904 7.6836 11.4317V12.1646C7.6836 12.7035 7.44336 13.2071 7.02448 13.5461C6.70415 13.8054 6.31147 13.9425 5.90869 13.9425ZM7.00001 4.1582C6.54769 4.1582 6.1797 3.79021 6.1797 3.33789C6.1797 2.88557 6.54769 2.51758 7.00001 2.51758C7.45233 2.51758 7.82032 2.88557 7.82032 3.33789C7.82032 3.79021 7.45233 4.1582 7.00001 4.1582ZM9.62915 5.24782C9.17683 5.24782 8.80883 4.87983 8.80883 4.42751C8.80883 3.97519 9.17683 3.6072 9.62915 3.6072C10.0815 3.6072 10.4495 3.97519 10.4495 4.42751C10.4495 4.87983 10.0815 5.24782 9.62915 5.24782ZM2.46094 7.05664C2.46094 7.50896 2.82893 7.87695 3.28125 7.87695C3.73358 7.87695 4.10157 7.50896 4.10157 7.05664C4.10157 6.60432 3.73358 6.23633 3.28125 6.23633C2.82893 6.23633 2.46094 6.60432 2.46094 7.05664ZM4.37087 5.24782C3.91855 5.24782 3.55056 4.87983 3.55056 4.42751C3.55056 3.97519 3.91855 3.6072 4.37087 3.6072C4.82319 3.6072 5.19118 3.97519 5.19118 4.42751C5.19118 4.87983 4.82319 5.24782 4.37087 5.24782Z"/> </svg> </div> <p class="font-semibold font-title text-4xl mb-2"> Des milliers de ressources graphiques </p> <p class="leading-normal text-base"> Faites preuve de créativité dans vos présentations et choisissez parmi des millions d’images de Freepik et Flaticon, les projets frères de Slidesgo. </p> </div> </div> <div class="flex flex-wrap justify-center md:ml-auto"> <div class="light-shake-animation aspect-1 p-6 m-2 max-w-72 rounded-lg bg-teal-300 lg:m-2"> <div class="bg-gray-900 p-2 rounded w-min mb-6"> <svg class="size-5 text-white fill-current" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M15.364 2.636A8.941 8.941 0 0 0 9 0a8.941 8.941 0 0 0-6.364 2.636A8.941 8.941 0 0 0 0 9c0 2.404.936 4.664 2.636 6.364A8.941 8.941 0 0 0 9 18a8.941 8.941 0 0 0 6.364-2.636A8.941 8.941 0 0 0 18 9a8.941 8.941 0 0 0-2.636-6.364ZM16.242 9c0 1.62-.534 3.117-1.436 4.325l-.706-.481a.88.88 0 0 0-.495-.153h-1.968v-1.09a2.288 2.288 0 0 0-2.285-2.285H6.398V6.82h.985a.879.879 0 0 0 .879-.879V4.254h2.11a2.218 2.218 0 0 0 2.125-1.594A7.248 7.248 0 0 1 16.242 9ZM1.758 9c0-.53.058-1.046.166-1.544l4.316 4.316v1.2c0 .486.394.88.88.88h1.775v2.389C4.95 16.184 1.758 12.958 1.758 9Z"/></svg> </div> <p class="font-semibold font-title text-4xl text-gray-900 mb-2"> Accessible et inclusif </p> <p class="leading-normal text-gray-800 text-base"> Chaque modèle est conçu pour l’inclusion et suit les recommandations pour les considérations relatives au TDAH et au spectre autistique. </p> </div> <div class="light-shake-animation aspect-1 p-6 m-2 max-w-72 rounded-lg bg-purple-200"> <div class="bg-gray-900 p-2 rounded w-min mb-6"> <svg class="size-5 text-white fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.725 8.44063C13.282 7.77409 13.5892 6.93424 13.5938 6.06563C13.5938 3.97813 11.8969 2.28125 9.81252 2.28125C9.17261 2.28091 8.54286 2.44124 7.98103 2.74754C7.4192 3.05385 6.94327 3.49632 6.59689 4.03438C6.08967 3.69324 5.49253 3.51051 4.88127 3.50938C3.18127 3.50938 1.80002 4.88125 1.80002 6.56875C1.80304 7.19461 2.00072 7.80403 2.36564 8.3125C1.84347 8.63067 1.38384 9.04159 1.00939 9.525C0.352453 10.3738 -0.00273441 11.4173 1.58522e-05 12.4906C1.58522e-05 12.6978 0.0823259 12.8965 0.228839 13.0431C0.375351 13.1896 0.574065 13.2719 0.781266 13.2719H3.65627C3.63487 13.4722 3.62443 13.6735 3.62502 13.875C3.62502 14.0822 3.70733 14.2809 3.85384 14.4274C4.00035 14.5739 4.19907 14.6563 4.40627 14.6563H15.2188C15.426 14.6563 15.6247 14.5739 15.7712 14.4274C15.9177 14.2809 16 14.0822 16 13.875C16 11.5906 14.7031 9.50938 12.725 8.44063ZM1.65627 11.7094C1.79812 11.139 2.08768 10.616 2.49582 10.1931C2.90396 9.7701 3.41629 9.46209 3.98127 9.3C4.12846 9.25672 4.25973 9.17122 4.35882 9.05409C4.45791 8.93696 4.52048 8.79334 4.53877 8.64101C4.55706 8.48868 4.53028 8.33432 4.46174 8.19706C4.3932 8.0598 4.2859 7.94565 4.15314 7.86875C3.66564 7.59063 3.36252 7.09375 3.36252 6.56875C3.36252 5.74375 4.04377 5.07188 4.88127 5.07188C5.09878 5.07272 5.31362 5.11999 5.5114 5.21053C5.70918 5.30106 5.88535 5.43278 6.02814 5.59688C6.00924 5.75241 5.99985 5.90895 6.00002 6.06563C6.00002 6.93438 6.32502 7.77188 6.89064 8.44375C5.57809 9.15764 4.56231 10.3152 4.02502 11.7094H1.65627ZM5.25627 13.0938C5.55939 11.375 6.84689 9.925 8.59064 9.42813C8.73783 9.38485 8.8691 9.29935 8.9682 9.18221C9.06729 9.06508 9.12985 8.92146 9.14815 8.76913C9.16644 8.6168 9.13966 8.46245 9.07111 8.32519C9.00257 8.18792 8.89528 8.07378 8.76252 7.99688C8.03439 7.58125 7.56252 6.82188 7.56252 6.06563C7.56245 5.77313 7.62105 5.48359 7.73485 5.21414C7.84864 4.94468 8.01532 4.70079 8.22502 4.49688C8.53608 4.18478 8.9327 3.97192 9.36473 3.88522C9.79675 3.79852 10.2448 3.84186 10.6522 4.00977C11.0596 4.17768 11.408 4.46261 11.6535 4.82855C11.899 5.19448 12.0304 5.62499 12.0313 6.06563C12.0313 6.84688 11.5844 7.58438 10.8625 7.99688C10.7298 8.07378 10.6225 8.18792 10.5539 8.32519C10.4854 8.46245 10.4586 8.6168 10.4769 8.76913C10.4952 8.92146 10.5577 9.06508 10.6568 9.18221C10.7559 9.29935 10.8872 9.38485 11.0344 9.42813C12.7781 9.925 14.0656 11.375 14.3688 13.0938H5.25627Z"/></svg> </div> <p class="font-semibold font-title text-4xl text-gray-900 mb-2"> Convient aux étudiants de tous âges </p> <p class="leading-normal text-gray-800 text-base"> Générez des noms d’utilisateur et des mots de passe sans demander aux utilisateurs d’entrer des informations personnelles.<br> <a href="https://slidesgo.com/fr/faqs" class="font-semibold hover:text-blue-500">En savoir plus</a> </p> </div> </div> </div> </div> </div> <div class="py-20 px-6 sm:px-16"> <div class="mx-auto w-full"> <h3 class="font-semibold uppercase text-5xl text-gray-900 mb-8 text-center max-w-2xl mx-auto"> SLIDESGO FONCTIONNE AVEC LES OUTILS QUE VOUS UTILISEZ <span class="inline-block">AU QUOTIDIEN</span> </h3> <div class="flex justify-center items-center flex-col flex-wrap sm:flex-row"> <img class="mb-4 sm:mr-8" src="/images/landing/education/tools-chrome.svg" alt="Google Chrome" loading="lazy"> <img class="mb-4 sm:mr-8" src="/images/landing/education/tools-drive.svg" alt="Google Drive" loading="lazy"> <img class="mb-4 sm:mr-8" src="/images/landing/education/tools-classroom.svg" alt="Google Classroom" loading="lazy"> <img class="mb-4 sm:mr-8" src="/images/landing/education/tools-office.svg" alt="Microsoft Office" loading="lazy"> <img class="mb-4" src="/images/landing/education/tools-powerpoint.svg" alt="Microsoft Powerpoint" loading="lazy"> </div> </div> </div> <div class="lg:py-20 lg:px-10"> <div class="overflow-hidden relative bg-cover bg-top-center lg:rounded-lg" style="background-image: url('/images/landing/education/students.jpg')" > <div class="relative text-center py-16 bg-gray-900/75 sm:bg-purple-800/75 sm:py-32" > <div class="max-w-4xl mx-auto px-4 sm:px-6"> <p class="text-base font-semibold uppercase text-teal-500 mb-2"> Vie privée et gestion des données </p> <h3 class="text-6xl font-title font-semibold text-white mb-4 lg:text-8xl"> Convient aux étudiants de tous âges. Nous respectons la politique de protection des données pour les mineurs </h3> <p class="text-lg text-white leading-relaxed"> Nous ne collectons pas de données personnelles pour les comptes subsidiaires liés au compte administrateur. Cela signifie que vous pouvez générer des noms d’utilisateur et des mots de passe sans demander aux utilisateurs d’entrer des informations personnelles. Consultez notre section des questions fréquentes pour en savoir plus sur les lois COPPA et FERPA et sur la politique de protection des données pour les mineurs </p> </div> </div> </div> </div> <div class="overflow-hidden bg-gray-50"> <div class="py-20 flex justify-between flex-col xl:flex-row xl:pl-16 3xl:container 3xl:mx-auto"> <div class="w-full text-center mb-6 xl:text-left xl:max-w-[350px] lg:w-auto min-w-80"> <p class="text-base font-semibold uppercase text-teal-600 mb-2"> Opinions </p> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Vos collègues<br class="hidden xl:block"> adoooooorent Slidesgo </h3> <p class="text-lg text-gray-800 leading-relaxed mb-4"> Et nous en sommes ravis </p> <a class="btn-secondary-animation w-fit flex items-center justify-center rounded h-12 px-6 mx-auto mb-4 text-lg text-white font-semibold bg-gray-900 md:mb-0 xl:ml-0 xl:mr-4" href="https://www.facebook.com/groups/1129415331402945" > Visitez la communauté </a> </div> <div> <div class="flex ml-auto justify-end xl:w-[785px]"> <div class="light-shake-animation w-[285px] p-8 rounded-lg bg-white text-base hidden sm:mb-6 sm:mr-4 sm:block" > <p class="leading-normal text-gray-800 mb-4"> Slidesgo est un outil formidable. Les enseignants peuvent l’utiliser pour améliorer l’enseignement dans leur classe et transformer ces PowerPoint ennuyeux en créations merveilleuses pour les élèves. De plus, si vous formez des enseignants, c’est un excellent moyen de développement professionnel. </p> <div class="text-gray-900 flex items-center"> <img class="size-14 rounded-full inline-block mr-2" src="/images/landing/education/jackie.png" alt="Jackie Hill" > <div class="inline-block text-gray-900"> <p class="font-semibold mb-1">Jackie Hill</p> <p>Écoles publiques du district de Columbia</p> </div> </div> </div> <div class="light-shake-animation w-[285px] p-8 rounded-lg bg-white text-base hidden sm:mb-6 sm:mr-4 sm:block" > <p class="leading-normal text-gray-800 mb-4"> J’aime Slidesgo parce qu’il est efficace et qu’il me permet de réduire le temps consacré à l’organisation des cours. Mes étudiants sont heureux parce que les diapositives sont très, très colorées et vont droit au but. Et c’est ce que j’aime. </p> <div class="text-gray-900 flex items-center"> <img class="size-14 rounded-full inline-block mr-2" src="/images/landing/education/claudia.png" loading="lazy" alt="Claudia Fisanotti" > <div class="inline-block text-gray-900"> <p class="font-semibold mb-1">Claudia Fisanotti</p> <p>Coordinatrice du numérique pour l’éducation</p> </div> </div> </div> <div class="hidden md:flex items-center justify-end hidden sm:mb-6"> <svg class="w-auto" height="320" viewBox="815 -105.5 160 282" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M 1404 362 C 1326.16 361.998 1263 298.839 1263 221 C 1263 143.161 1326.16 80.003 1404 80 M 1404 362 C 1404 362 1404 362 1404 362 Z M 1404 362 L 1685.77 362 C 1685.85 362 1686 80 1686 80 L 1404 80" fill="#FFD774" transform="matrix(1, 0, 0, 1, -448.02197265625, -185.54579162597656)"></path> </svg> </div> </div> <div class="flex ml-auto justify-start xl:justify-end xl:w-[785px]"> <div class="hidden md:flex justify-center xl:justify-start aspect-1 hidden sm:mb-6 sm:mr-4 sm:w-80"> <svg class="w-auto" viewBox="138.226 240.4732 186.229 278.346" xmlns="http://www.w3.org/2000/svg" > <path fill-rule="evenodd" clip-rule="evenodd" d="M 586.248 426.019 L 679.359 426.019 L 679.362 426.019 C 730.764 426.02 772.472 467.727 772.473 519.13 L 772.473 519.133 L 772.473 611.251 L 772.477 611.251 L 772.477 704.365 L 679.363 704.365 L 679.362 704.365 C 628.289 704.365 586.786 663.192 586.253 612.244 L 586.248 612.244 L 586.248 611.251 L 586.248 519.133 L 586.248 519.13 L 586.248 426.019 Z" fill="#B07CC6" transform="matrix(1, 0, 0, 1, -448.02197265625006, -185.54579162597656)"></path> </svg> </div> <div class="light-shake-animation w-[285px] p-8 rounded-lg bg-white text-base hidden sm:mb-6 sm:mr-4 sm:block" > <p class="leading-normal text-gray-800 mb-4"> Slidesgo aide les élèves à devenir des créateurs d’information sans passer par toutes les difficultés qui les rattrapent parfois. C’est un moyen pour les élèves de comprendre que le design graphique est un élément important de tout partage d’informations qu’ils pourraient faire dans leur vie. </p> <div class="text-gray-900 flex items-center"> <img class="size-14 rounded-full inline-block mr-2" src="/images/landing/education/kerin.png" loading="lazy" alt="Kerin Steigerwalt" > <div class="inline-block text-gray-900"> <p class="font-semibold mb-1">Kerin Steigerwalt</p> <p>Enseignante</p> </div> </div> </div> <div class="light-shake-animation w-[285px] p-8 rounded-lg bg-white text-base hidden sm:mb-6 sm:block" > <p class="leading-normal text-gray-800 mb-4"> Les modèles de Slidesgo intéressent vraiment mes apprenants et il y a toujours un modèle qui convient à la matière traitée. C’est un outil vraiment formidable pour rendre les choses intéressantes et amusantes en classe et pour gagner beaucoup de temps dans l’élaboration des présentations. </p> <div class="text-gray-900 flex items-center"> <img class="size-14 rounded-full inline-block mr-2" src="/images/landing/education/patrick.png" loading="lazy" alt="Patrick Kelleher" > <div class="inline-block text-gray-900"> <p class="font-semibold mb-1">Patrick Kelleher</p> <p>Enseignant</p> </div> </div> </div> </div> </div> </div> </div> <div class="py-20 px-4 flex flex-col justify-between overflow-hidden lg:flex-row sm:px-6 md:px-16 2xl:container 2xl:mx-auto"> <h2 class="mb-12 text-6xl font-title font-semibold text-gray-900 mr-16 sm:mb-4 lg:text-8xl lg:w-4/12"> Foire aux questions </h2> <div class="text-left lg:w-8/12" @click.outside="open = false" x-data="{ open: false }" > <div class="cursor-pointer border-b border-gray-25 pb-9" x-data="{ section: 'landing-education.faqs.what-are-the-benefits-of-a-premium-subscription' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Quels sont les avantages d’un abonnement Premium ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section0.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section0"> En vous abonnant, vous bénéficierez des avantages suivants : <ul> <li>Accès à plus de 15 000 ressources et modèles Premium, sans publicité, pour créer sans limites.</li> <li>Réductions plus importantes pour les grandes équipes, jusqu’à 37 %.</li> <li>Ajouter, supprimer ou assigner à nouveau des utilisateurs selon vos besoins, ou laissez-les sans affectation.</li> <li>Partager des modèles sans avoir à créditer Slidesgo</li> <li>Assistance prioritaire</li> <li>Convient aux mineurs. Nous respectons la politique de protection des données pour les mineurs et la loi FERPA</li> <li>Jusqu’à 1 000 utilisateurs</li> </ul> </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-education.faqs.can-i-use-my-downloaded-content-for-professional-purposes' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Puis-je utiliser le contenu téléchargé à des fins professionnelles ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section1.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section1"> Vous pouvez partager le contenu dans un format non modifiable à des fins professionnelles, comme indiqué dans nos conditions générales. Si vous êtes un utilisateur Premium, même si vous êtes autorisé à partager notre contenu dans un format modifiable, vous n’êtes pas autorisé à le vendre par quelque moyen ou sur quelque plateforme que ce soit. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-education.faqs.i-am-a-premium-user-do-i-have-to-attribute-the-author-of-the-content' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Je suis un utilisateur Premium. Dois-je créditer l’auteur du contenu ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section2.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section2"> Non, en tant qu’utilisateur Premium, vous n’avez pas besoin de créditer Slidesgo ou l’auteur du contenu. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-education.faqs.is-my-subscription-automatically-renewed' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Mon abonnement sera-t-il renouvelé automatiquement ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section3.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section3"> Oui. À moins que vous n’annuliez votre abonnement, celui-ci sera automatiquement renouvelé. Veuillez noter que nous vous contacterons pour suivre les besoins de votre équipe afin de réévaluer votre abonnement chaque année, indépendamment du renouvellement. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-education.faqs.can-i-cancel-or-pause-my-subscription' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Puis-je annuler mon abonnement ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section4.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section4"> Oui, vous pouvez annuler votre abonnement à tout moment. Cliquez sur la flèche déroulante dans le coin supérieur droit et choisissez « Mon abonnement ». L’option « Annuler l’abonnement » se trouve juste en dessous des détails de facturation, à gauche du bouton « Enregistrer les modifications ». Si vous avez acheté votre abonnement après mai 2023, vous trouverez le bouton sous les informations relatives à la tarification de l’abonnement.<br> Veuillez noter que vous resterez membre Premium jusqu’à l’expiration de votre abonnement actuel. Vous trouverez ces informations sur votre page d’abonnement. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-education.faqs.i-am-no-longer-a-premium-user-do-i-keep-the-non-attribution-license-for-my-downloaded-assets' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Je ne suis plus un utilisateur Premium. Est-ce que je conserve la licence de non-attribution pour mes fichiers téléchargés ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section5.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section5"> Lorsque vous achetez un abonnement Slidesgo, vous verrez un lien pour télécharger la licence PDF dans votre historique de téléchargement.<br> Ces licences vous permettent d'utiliser les modèles Slidesgo sans attribution et restent actives même si votre abonnement Premium expire.<br> N’oubliez pas de conserver les licences que vous avez téléchargées et de les sauvegarder sur votre ordinateur ou votre disque dur, afin de garantir une utilisation correcte de nos ressources.<br> Veuillez également noter que les modèles Premium ne peuvent être téléchargés à partir de votre historique que tant que votre abonnement Premium est actif. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-education.faqs.can-i-cancel-my-subscription-and-order-a-refund-of-my-purchase' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Puis-je annuler mon abonnement et demander le remboursement de mon achat ? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section6.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section6"> Oui, vous pouvez demander un remboursement dans les 30 jours suivant le paiement si vous n’avez pas téléchargé de modèle sur notre site. </div> </div> </div> <p class="leading-relaxed text-base text-gray-800 mt-9"> Si vous avez besoin de plus d’informations, <a class='text-blue-500 inline-block' href='https://slidesgo.com/fr/pour-leducation-espace-contact'>veuillez nous contacter</a> </p> </div> </div> <div class="hidden"> <svg id="icon-landing-edu-caret-drop" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </div> <div class="text-center py-20 px-4 bg-gray-50 relative overflow-hidden sm:px-16 sm:pb-0" id="block-eight"> <svg id="block-eight-shape" class="hidden lg:block absolute top-0 left-0 z-10" width="220px" height="220px" viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg" > <path d="M 220 128.001 L 220 220 L 124.649 220 C 91.59 220 59.885 206.515 36.509 182.51 C 13.133 158.505 0 125.948 0 92 L 0 0 L 95.352 0 C 128.409 0.007 160.11 13.495 183.485 37.499 C 206.859 61.502 219.994 94.055 220 128.001 Z" fill="white"></path> </svg> <div class="mx-auto sm:max-w-4xl mb-8 relative"> <svg id="block-eight-gradient" class="hidden sm:block absolute" width="630" height="612" viewBox="0 0 630 612" fill="none" xmlns="http://www.w3.org/2000/svg" > <circle cx="315" cy="315" r="315" fill="url(#eduRadialGradient)"/> <defs> <radialGradient id="eduRadialGradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(315 315) rotate(-90) scale(315 286.364)"> <stop stop-color="#D4B7E0"/> <stop offset="1" stop-color="#F7F7F7"/> </radialGradient> </defs> </svg> <div class="relative"> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Tombez à nouveau amoureux de l’enseignement </h3> <p class="text-lg text-gray-800 leading-relaxed mb-8"> Transformez votre façon d’enseigner, partagez votre passion et ravivez l’intérêt de vos élèves. Il vous suffit d’avoir le bon outil </p> <a class="mx-auto w-fit btn-secondary-animation flex items-center rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900" href="https://slidesgo.com/fr/pour-leducation-espace-contact" > Espace contact </a> </div> </div> <img id="block-eight-templates" class="hidden mx-auto relative z-10 -mb-6 sm:block" src="/images/landing/education/templates-footer.png" alt="Slidesgo templates navigation" > </div> </main> <script type="text/javascript"> function onetapCallback(googleUser) { return fetch(`https://id.freepik.com/api/v2/login/google-one-tap?client_id=slidesgo&lang=fr&no-redirect=1`, { method: 'POST', headers: { 'Content-type': 'application/json'}, body: JSON.stringify({ credential: googleUser.credential }), }).then(async response => { const data = await response.json() if (data.success === false || !data.data?.redirectUrl) { window.dispatchEvent( new CustomEvent('onetaperror', { detail: data?.message ?? 'There was an error, please try again later' }) ); } else { window.location.href = data.data.redirectUrl; } }); } </script> <div id="onetap-warning" x-data="{ open: false, message: '' }" @onetaperror.window="open=true; message=$event.detail"> <div class="absolute top-10 right-10 z-20" x-show="open" x-cloak :class="{ 'pointer-events-none hide-after': open }"> <div x-data="{show: true}" x-show="show" class="py-4.5 px-4.5 mx-auto h-fit z-20 bg-negative-300 text-gray-900 relative " > <div class="flex"> <svg class="size-4.5 mr-3 fill-current shrink-0 text-negative-500" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.364 2.63602C13.6641 0.936176 11.404 0 9 0C6.59602 0 4.33593 0.936176 2.63602 2.63602C0.936176 4.33593 0 6.59602 0 9C0 11.404 0.936176 13.6641 2.63602 15.364C4.33593 17.0638 6.59602 18 9 18C11.404 18 13.6641 17.0638 15.364 15.364C17.0638 13.6641 18 11.404 18 9C18 6.59602 17.0638 4.33593 15.364 2.63602ZM1.75781 9C1.75781 5.00664 5.00664 1.75781 9 1.75781C10.6806 1.75781 12.2293 2.33336 13.4595 3.29752L3.29752 13.4595C2.33336 12.2293 1.75781 10.6806 1.75781 9ZM9.00002 16.2422C7.31941 16.2422 5.77071 15.6666 4.54052 14.7025L14.7025 4.5405C15.6667 5.77072 16.2422 7.31935 16.2422 9C16.2422 12.9934 12.9934 16.2422 9.00002 16.2422Z"/> </svg> <div class="text-left" > <div class="text-gray-900" > <span x-html="message"></span> </div> </div> </div> </div> </div> <div id="g_id_onload" data-client_id="705648808057-3chuddbr6oahbebib1uh693k02sgfl30.apps.googleusercontent.com" data-login_uri="https://id.freepik.com/api/v2/login/google-one-tap?client_id=slidesgo" data-callback="onetapCallback" ></div> </div> <footer class="z-10"> <div class="pt-8 sm:pt-10 bg-gray-900 text-gray-300 mt-auto"> <div class="container mx-auto"> <div class="flex flex-wrap"> <div class="flex flex-col items-center mb-8 w-full sm:flex-row sm:items-start sm:justify-between"> <div class="flex items-end mb-4 sm:mb-0"> <img src="/images/logos/slidesgo-by-freepik.svg" class="h-6 float-left" alt="Slidesgo logo" loading="lazy" /> </div> <div class="flex flex-col sm:flex-row"> <div x-data="{ open: false }" class="relative"> <button @click="open = true" class="py-2 px-4 bg-white border border-white text-gray-900 flex justify-center items-center text-base hover:text-gray-800 hover:bg-gray-100 hover:border-gray-100 rounded font-semibold mb-4 sm:mb-0 sm:mr-4 -z-10" aria-label="Open work with us"> Travaillez avec nous <svg alt="icon caret" x-bind:class="open ? 'rotate-270' : ''" class="fill-current fill-current h-4 w-4 ml-2 transform rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </button> <div x-cloak x-show="open" @click.outside="open = false" class="absolute -right-6 top-12 bg-white rounded-sm py-1 shadow-xl sm:right-4 items-start"> <svg alt="icon caret" class="fill-current h-3 w-3 absolute right-10 -top-2 text-white sm:right-4" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <path d="M10 0L20 10H0L10 0Z"/> </svg> <a class="block text-gray-800 hover:bg-gray-100 hover:text-gray-900 py-2 px-4 whitespace-nowrap" href="https://slidesgo.com/fr/ambassadors"> Devenez ambassadeur </a> </div> </div> <a class="py-2 px-4 bg-transparent text-white border border-white text-base flex justify-center items-center hover:bg-white hover:text-gray-900 rounded font-semibold" href="https://forms.gle/mUYJ5G2oCnGoCAQE8" target="_blank" > Boîte à idées </a> </div> </div> <div class="w-full order-last sm:w-1/4 flex flex-col items-center mt-8 sm:items-start sm:order-none sm:mt-4"> <h3 class="w-full uppercase text-base mb-3 px-6 sm:px-0 font-bold text-center sm:text-left"> Réseaux sociaux </h3> <div class="flex flex-wrap items-center justify-start mb-2 sm:grid sm:gap-2 sm:grid-cols-3 xl:grid-cols-5"> <a href="https://www.pinterest.es/slidesgo/" target="_blank" rel="noreferrer" class="bg-pinterest rounded flex items-center justify-center p-2 hover:bg-red-800 mr-2 sm:mr-0 focus:outline-none share"> <svg alt="Pinterest" class="fill-current h-5 w-5 text-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.053 0.237061C5.513 0.237061 0.184998 5.53806 0.184998 12.1051C0.184998 17.1161 3.323 21.4151 7.727 23.1561C7.622 22.2061 7.543 20.7821 7.78 19.7541C7.991 18.8311 9.178 13.8461 9.178 13.8461C9.178 13.8461 8.835 13.1341 8.835 12.0791C8.835 10.4181 9.785 9.20406 10.971 9.20406C11.974 9.20406 12.475 9.96906 12.475 10.8661C12.475 11.8951 11.815 13.3981 11.499 14.8221C11.209 16.0091 12.079 16.9581 13.266 16.9581C15.376 16.9581 16.985 14.7431 16.985 11.5251C16.985 8.67706 14.954 6.69906 12.026 6.69906C8.651 6.69906 6.673 9.23106 6.673 11.8421C6.673 12.8701 7.068 13.9521 7.543 14.5581C7.648 14.6641 7.648 14.7691 7.622 14.9011C7.542 15.2711 7.332 16.0881 7.305 16.2461C7.253 16.4571 7.121 16.5101 6.91 16.4041C5.433 15.7191 4.51 13.5561 4.51 11.8151C4.51 8.07006 7.226 4.64206 12.343 4.64206C16.457 4.64206 19.648 7.56906 19.648 11.4991C19.648 15.5871 17.064 18.8841 13.503 18.8841C12.29 18.8841 11.183 18.2511 10.787 17.5121C10.787 17.5121 10.18 19.7801 10.048 20.3341C9.785 21.3631 9.046 22.6541 8.571 23.4461C9.679 23.7891 10.866 23.9741 12.079 23.9741C18.619 23.9741 23.947 18.6731 23.947 12.1051C23.895 5.53806 18.593 0.237061 12.053 0.237061Z" /></svg> </a> <a href="https://www.tiktok.com/@slidesgotemplates" target="_blank" rel="noreferrer" class="bg-tiktok rounded flex items-center justify-center p-2 hover:bg-red-600 mr-2 sm:mr-0 focus:outline-none share"> <svg alt="tiktok" class="fill-current h-5 w-5 text-white" viewBox="0 0 116 132" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M45.2 52.0999V46.7999C43.4 46.5999 41.7 46.3999 39.8 46.3999C17.8 46.3999 0 64.2999 0 86.1999C0 99.6999 6.7 111.6 17 118.8C16.8 118.6 16.6 118.4 16.4 118.2C10.1 111.1 6.5 101.9 6.5 91.6999C6.5 69.9999 23.7 52.5999 45.2 52.0999Z" fill="#6AC4D0"/> <path d="M46.1 110C55.9 110 64.1 102.1 64.4 92.3V5.70001H80.1V5.5C79.8 3.7 79.6 1.9 79.6 0H58V86.8C57.6 96.5 49.6 104.3 39.8 104.3C36.8 104.3 33.9 103.5 31.4 102.2C34.7 106.9 40.1 110 46.1 110Z" fill="#6AC4D0"/> <path d="M109.8 35.4001V30.2001C103.8 30.2001 98.1 28.4 93.4 25.3C97.6 30.2 103.3 34.0001 109.8 35.4001Z" fill="#6AC4D0"/> <path d="M93.4 25.3999C88.8 20.0999 86 13.2 86 5.69995H80C81.6 13.9 86.6 20.8999 93.4 25.3999Z" fill="#E83659"/> <path d="M39.8 67.8C29.8 67.8 21.4 76.1001 21.4 86.2001C21.4 93.2001 25.5 99.3 31.3 102.3C29.1 99.3 27.9 95.6001 27.9 91.7001C27.9 81.7001 36.1 73.5 46.1 73.5C48 73.5 49.8 73.8 51.5 74.3V52.2001C49.7 52.0001 48 51.8 46.1 51.8C45.8 51.8 45.5 51.8 45.2 51.8H45.1V68.5C43.3 68 41.7 67.8 39.8 67.8Z" fill="#E83659"/> <path d="M109.8 35.1001H109.7L109.6 51.8001C98.4 51.8001 88 48.1001 79.5 42.1001V86.3001C79.5 108.3 61.8 126 39.8 126C31.3 126 23.4 123.5 17 118.9C24.3 126.7 34.6 131.6 46.1 131.6C68.1 131.6 85.9 113.7 85.9 91.8001V47.8001C94.4 53.9001 104.8 57.5001 116 57.5001V35.9001C114 35.7001 111.8 35.5001 109.8 35.1001Z" fill="#E83659"/> <path d="M79.7 86.2V42.2C88.2 48.3 98.6 51.8999 109.8 51.8999V35.0999C103.3 33.6999 97.6 30.1999 93.4 25.3999C86.6 20.9999 81.7 13.9 80.2 5.69995H64.3V92.4999C63.9 102.2 55.9 110 46.1 110C40 110 34.7 107 31.3 102.4C25.5 99.3999 21.5 93.2999 21.5 86.2999C21.5 76.2999 29.7 68.0999 39.7 68.0999C41.6 68.0999 43.4 68.3999 45.1 68.8999V51.8999C23.6 52.3999 6.20001 70.1 6.20001 91.7C6.20001 102.2 10.3 111.7 16.9 118.8C23.4 123.3 31.2 126 39.7 126C61.8 126 79.7 108.2 79.7 86.2Z"/> </svg> </a> <a href="https://twitter.com/slidesgo" target="_blank" rel="noreferrer" class="bg-twitter rounded flex items-center justify-center p-2 hover:bg-gray-100 mr-2 sm:mr-0 focus:outline-none share"> <!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg alt="twitter" class="fill-current h-5 w-5 text-black" version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19" style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve"> <g id="layer1" transform="translate(52.390088,-25.058597)"> <path id="path1009" d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99 h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"/> </g> </svg> </a> <a href="https://www.instagram.com/slidesgo/" target="_blank" rel="noreferrer" class="bg-instagram rounded flex items-center justify-center p-2 hover:bg-pink-600 mr-2 sm:mr-0 focus:outline-none share"> <svg alt="instagram" class="fill-current h-5 w-5 text-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2224_13585)"> <path d="M11.9992 2.32032C15.1539 2.32032 15.5242 2.33439 16.7711 2.39064C17.9242 2.4422 18.5477 2.63439 18.9648 2.79845C19.518 3.01407 19.9117 3.2672 20.3242 3.6797C20.7367 4.0922 20.9945 4.48595 21.2055 5.03907C21.3648 5.45626 21.5617 6.0797 21.6133 7.23282C21.6695 8.4797 21.6836 8.85001 21.6836 12.0047C21.6836 15.1594 21.6695 15.5297 21.6133 16.7766C21.5617 17.9297 21.3695 18.5531 21.2055 18.9703C20.9898 19.5234 20.7367 19.9172 20.3242 20.3297C19.9117 20.7422 19.518 21 18.9648 21.2109C18.5477 21.3703 17.9242 21.5672 16.7711 21.6188C15.5242 21.675 15.1539 21.6891 11.9992 21.6891C8.84453 21.6891 8.47422 21.675 7.22734 21.6188C6.07422 21.5672 5.45078 21.375 5.03359 21.2109C4.48047 20.9953 4.08672 20.7422 3.67422 20.3297C3.26172 19.9172 3.00391 19.5234 2.79297 18.9703C2.63359 18.5531 2.43672 17.9297 2.38516 16.7766C2.32891 15.5297 2.31484 15.1594 2.31484 12.0047C2.31484 8.85001 2.32891 8.4797 2.38516 7.23282C2.43672 6.0797 2.62891 5.45626 2.79297 5.03907C3.00859 4.48595 3.26172 4.0922 3.67422 3.6797C4.08672 3.2672 4.48047 3.00939 5.03359 2.79845C5.45078 2.63907 6.07422 2.4422 7.22734 2.39064C8.47422 2.3297 8.84453 2.32032 11.9992 2.32032ZM11.9992 0.1922C8.79297 0.1922 8.38985 0.206262 7.12891 0.262512C5.87266 0.318762 5.01484 0.520325 4.26484 0.81095C3.48672 1.11095 2.83047 1.51876 2.17422 2.17501C1.51797 2.83126 1.11484 3.4922 0.810156 4.26564C0.519531 5.01564 0.317969 5.87345 0.261719 7.13439C0.205469 8.39063 0.191406 8.79376 0.191406 12C0.191406 15.2063 0.205469 15.6094 0.261719 16.8703C0.317969 18.1266 0.519531 18.9844 0.810156 19.7391C1.11016 20.5172 1.51797 21.1734 2.17422 21.8297C2.83047 22.4859 3.49141 22.8891 4.26484 23.1938C5.01484 23.4844 5.87266 23.6859 7.13359 23.7422C8.39453 23.7984 8.79297 23.8125 12.0039 23.8125C15.2148 23.8125 15.6133 23.7984 16.8742 23.7422C18.1305 23.6859 18.9883 23.4844 19.743 23.1938C20.5211 22.8938 21.1773 22.4859 21.8336 21.8297C22.4898 21.1734 22.893 20.5125 23.1977 19.7391C23.4883 18.9891 23.6898 18.1313 23.7461 16.8703C23.8023 15.6094 23.8164 15.2109 23.8164 12C23.8164 8.78907 23.8023 8.39064 23.7461 7.1297C23.6898 5.87345 23.4883 5.01564 23.1977 4.26095C22.8977 3.48282 22.4898 2.82657 21.8336 2.17032C21.1773 1.51407 20.5164 1.11095 19.743 0.806262C18.993 0.515637 18.1352 0.314075 16.8742 0.257825C15.6086 0.206262 15.2055 0.1922 11.9992 0.1922Z"/> <path d="M11.9997 5.93439C8.65283 5.93439 5.93408 8.64845 5.93408 12C5.93408 15.3516 8.65283 18.0656 11.9997 18.0656C15.3466 18.0656 18.0653 15.3469 18.0653 12C18.0653 8.65314 15.3466 5.93439 11.9997 5.93439ZM11.9997 15.9375C9.82471 15.9375 8.06221 14.175 8.06221 12C8.06221 9.82501 9.82471 8.06251 11.9997 8.06251C14.1747 8.06251 15.9372 9.82501 15.9372 12C15.9372 14.175 14.1747 15.9375 11.9997 15.9375Z"/> <path d="M18.3043 7.11097C19.0861 7.11097 19.7199 6.47718 19.7199 5.69535C19.7199 4.91352 19.0861 4.27972 18.3043 4.27972C17.5225 4.27972 16.8887 4.91352 16.8887 5.69535C16.8887 6.47718 17.5225 7.11097 18.3043 7.11097Z"/> </g> <defs> </defs> </svg> </a> <a href="https://www.youtube.com/channel/UCwitIiMU0oUOHshx4pywqaw" target="_blank" rel="noreferrer" class="bg-youtube rounded flex items-center justify-center p-2 hover:bg-red-700 mr-2 sm:mr-0 focus:outline-none share"> <svg alt="youtube icon" class="fill-current h-5 w-5 text-white" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.35814 7.75533V3.14959L10.54 5.45255L6.35814 7.75533ZM15.6601 1.7004C15.4761 1.02967 14.934 0.501492 14.2456 0.322236C12.9979 -0.00354004 7.99451 -0.00354004 7.99451 -0.00354004C7.99451 -0.00354004 2.99114 -0.00354004 1.74342 0.322236C1.05505 0.501492 0.51287 1.02967 0.32887 1.7004C-0.00549316 2.91604 -0.00549316 5.45246 -0.00549316 5.45246C-0.00549316 5.45246 -0.00549316 7.9888 0.32887 9.20452C0.51287 9.87525 1.05505 10.4034 1.74342 10.5828C2.99114 10.9085 7.99451 10.9085 7.99451 10.9085C7.99451 10.9085 12.9979 10.9085 14.2456 10.5828C14.934 10.4034 15.4761 9.87525 15.6601 9.20452C15.9945 7.9888 15.9945 5.45246 15.9945 5.45246C15.9945 5.45246 15.9945 2.91604 15.6601 1.7004V1.7004Z"/> </svg> </a> </div> </div> <div x-data="{ open: false }" class="w-full sm:w-1/4 sm:pr-4 flex flex-col items-center sm:items-start sm:mt-4"> <h3 @click="open = true" class="w-full uppercase text-base mb-4 px-6 sm:px-0 font-bold flex items-center justify-between"> Contenu <svg alt="caret icon" x-bind:class="open ? 'rotate-270' : ''" class="fill-current sm:hidden fill-current h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </h3> <ul x-cloak x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-wrap px-6 sm:px-0 w-full"> <li class="sm:w-1/2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/">Accueil</a> </li> <li class="sm:w-1/2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/recents">Récents</a> </li> <li class="sm:w-1/2 "> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/themes">Populaires</a> </li> <li class="sm:w-1/2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesclass#rs=footer">Slidesclass</a> </li> <li class="sm:w-1/2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/polyvalent#rs=footer">Polyvalent</a> </li> <li class="sm:w-1/2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/diapositives-imprimables#rs=footer">Diapositives imprimables</a> </li> <li class="sm:w-1/2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/pack-de-ressources#rs=footer">Pack de ressources</a> </li> </ul> </div> <div x-data="{ open: false }" class="w-full sm:w-1/4 flex flex-col items-center sm:items-start sm:mt-4"> <h3 @click="open = true" class="w-full uppercase text-base my-4 sm:mb-4 sm:mt-0 px-6 sm:px-0 font-bold flex items-center justify-between"> Tutoriels <svg x-bind:class="open ? 'rotate-270' : ''" class="fill-current sm:hidden fill-current h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </h3> <ul x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-col px-6 sm:px-0 w-full"> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesgo-school">Blog</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesgo-school/news">News</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesgo-school/inspiration-by-slidesgo">Inspiration by Slidesgo</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesgo-school/presentation-tips">Presentation Tips</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesgo-school/google-slides-tutorials">Google Slides Tutorials</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/slidesgo-school/powerpoint-tutorials">PowerPoint Tutorials</a> </li> </ul> </div> <div x-data="{ open: false }" class="w-full sm:w-1/4 flex flex-col items-center sm:items-start sm:mt-4"> <h3 @click="open = true" class="w-full uppercase text-base my-4 sm:mb-4 sm:mt-0 px-6 sm:px-0 font-bold flex items-center justify-between"> Aide <svg x-bind:class="open ? 'rotate-270' : ''" class="fill-current sm:hidden fill-current h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </h3> <ul x-cloak x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-wrap px-6 sm:px-0 w-full"> <li class="sm:w-1/2" > <ul> <li class="sm:pr-2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/faqs">FAQs</a> </li> <li class="sm:pr-2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/profile/support">Contact</a> </li> <li class="sm:pr-2 hidden sm:block"> <button id="ot-sdk-btn" class="ot-sdk-show-settings text-gray-300 mb-2 inline-block text-base hover:text-gray-300">Cookie Settings</button> </li> <li class="sm:pr-2"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/fr/termes-conditions">Conditions générales</a> </li> </ul> </li> <!--mobile:text-xs --> <li class="sm:w-1/2" > <ul> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/legal/privacy">Politique de confidentialité</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/legal/cookies" target="_blank" rel="noreferrer">Politique en matière de cookies</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://fr.freepik.com/entreprise/a-propos-de-nous" target="_blank" rel="noreferrer" > À propos de nous </a> </li> </ul> </li> </ul> </div> </div> </div> </div> <div class="bg-gray-900 text-gray-300"> <div class="container mx-auto text-center flex flex-col sm:flex-row items-baseline justify-between pt-4 sm:pt-12 mb-6 px-8 sm:px-0"> <div class="flex flex-col text-base sm:flex-row sm:items-center sm:justify-start"> <p class="leading-normal text-gray-300">Copyright ©2024 Freepik Company S.L. Tous droits réservés.</p> </div> <div x-data="{ open: false }" class="relative mt-4 sm:mt-0"> <button @click="open = true" class="flex items-center border border-white rounded py-2 px-4 text-base text-white font-bold hover:bg-white hover:text-gray-900 focus:outline-none"> Français <svg alt="icon caret" x-bind:class="open ? 'rotate-270' : ''" class="fill-current fill-current h-4 w-4 ml-1 transform rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </button> <div x-cloak x-show="open" @click.outside="open = false" class="absolute right-0 bottom-0 bg-white w-28 lg:w-40 rounded-sm mb-14 py-2 shadow-tooltip"> <svg alt="icon caret" class="fill-current h-3 w-3 absolute right-5 -bottom-2 text-white transform rotate-180" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <path d="M10 0L20 10H0L10 0Z"/> </svg> <a hreflang="es" href="/es/para-educacion" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Español</a> <a hreflang="en" href="/for-education" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">English</a> <a hreflang="pt" href="/pt/para-educacao" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Português</a> <a hreflang="fr" href="/fr/pour-leducation" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Français</a> <a hreflang="de" href="/de/fur-bildung" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Deutsch</a> <a hreflang="ko" href="/ko/%EA%B5%90%EC%9C%A1-%EC%9A%A9" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">한국어</a> </div> </div> </div> <div class="container mx-auto flex flex-col sm:flex-row items-center sm:justify-between text-sm text-gray-200 pt-4 pb-6 border-t border-gray-800 px-8 sm:px-0"> <strong>Projets de Freepik Company</strong> <ul class="flex-1 flex justify-end mt-2 sm:mt-0 w-full sm:w-auto ml-auto"> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://fr.freepik.com/" target="_blank" rel="noreferrer">Freepik </a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://www.flaticon.com/fr/" target="_blank" rel="noreferrer">Flaticon</a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://slidesgo.com/fr/" rel="noreferrer"> Slidesgo </a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://wepik.com/" target="_blank" rel="noreferrer"> Wepik </a> </li> <li class="mb-0 flex-1 sm:flex-initial"> <a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://www.videvo.net/" target="_blank" rel="noreferrer"> Videvo </a> </li> </ul> </div> </div> </footer> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('set', { 'dimension1': 'anonymous' }); </script> <script src='https://cdn.ranksci.com/slidesgo-443963.min.js' type='text/javascript' async></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <link rel="modulepreload" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/searcher-CwauGSSJ.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/app-D4bSQ1yE.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/functions-jlleKNFh.js" /><script type="module" src="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/searcher-CwauGSSJ.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/9f2cf8a28f3900655770728714a0a918402ffbb3/build/assets/app-D4bSQ1yE.js" data-navigate-track="reload"></script><script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"anonymous","uri":"\/fr\/livewire\/update","progressBar":"","nonce":""};</script> <script> window.slg = window.slg || {}; window.slg.userId = ""; window.slg.fpUserId = ""; window.slg.userCountry = ""; window.slg.userType = "anonymous"; window.slg.totalResults = 0; window.slg.nextSearchExpression = ""; if (window.IntersectionObserver) { window.views = {}; window.trackAllTimeoutControl = null; document.querySelectorAll(".theme_post").forEach((post) => { new IntersectionObserver((entries, observer) => { entries.forEach(entry => { let target = entry.target; let element = window.views[target.dataset.slug] || { el: target, timeOnScreen: 0, visibleSince: null, tracked: false, }; if (entry.isIntersecting) { element.visibleSince = new Date(); clearTimeout(window.trackAllTimeoutControl); window.trackAllTimeoutControl = setTimeout(() => { window.dispatchEvent(new CustomEvent('trackAll')); }, 2000); } else if (element.visibleSince) { element.timeOnScreen += new Date() - element.visibleSince; element.visibleSince = null; } window.views[target.dataset.slug] = element; }); }, { threshold: 1 }).observe(post); }); } </script> <script> let extraParams = null; extraParams = {"content_group":"landing","content_type":"education","content_group2":"general"}; window.addEventListener("load", () => { gtm.pageView(null, null, extraParams) }); </script> <script> function loadOneTrust() { const oneTrustScript = document.createElement('script'); oneTrustScript.type = 'text/javascript'; oneTrustScript.src = 'https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js'; oneTrustScript.dataset.domainScript = '437406e3-68f5-4511-9b2a-ae1412064c97'; document.getElementsByTagName('head')[0].appendChild(oneTrustScript); } function OptanonWrapper() { } window.addEventListener('load', () => setTimeout(() => loadOneTrust(), 3000)); </script> <div id="slidesgo-modal-teleport"></div> </body> </html>