Free online slideshow maker

<!doctype html> <html lang="en" data-lang="en"> <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>  <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>Free online slideshow maker | Slidesgo</title> <meta name="description" content="Use our online editor to make your presentations! Turn your photos into an amazing video montage thanks to our templates and AI with our slideshow maker"> <link rel="preload" as="style" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/app-dg5vFG-S.css" /><link rel="stylesheet" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/app-dg5vFG-S.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/criador-slideshows" /> <link rel="alternate" hreflang="es" href="/es/creador-slideshows" /> <link rel="alternate" hreflang="en" href="/slideshow-maker" /> <link rel="alternate" hreflang="fr" href="/fr/createur-slideshows" /> <link rel="alternate" hreflang="de" href="/de/slideshow-ersteller" /> <link rel="alternate" hreflang="ko" href="/ko/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EC%87%BC-%EB%A9%94%EC%9D%B4%EC%BB%A4" /> <link rel='alternate' hreflang='x-default' href='/slideshow-maker' /> <link rel="canonical" href="https://slidesgo.com/slideshow-maker"> <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> <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="preload" href="/images/logos/slidesgo-white.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":"\/slideshow-maker"},"es":{"home.bar_lang":"\u00a1Slidesgo tambi\u00e9n est\u00e1 disponible en castellano!","home.bar_lang_llevame":"Vis\u00edtanos","url":"\/es\/creador-slideshows"},"pt":{"home.bar_lang":"Slidesgo tamb\u00e9m est\u00e1 dispon\u00edvel em portugu\u00eas!","home.bar_lang_llevame":"Vamos l\u00e1!","url":"\/pt\/criador-slideshows"},"fr":{"home.bar_lang":"Slidesgo est aussi disponible en fran\u00e7ais!","home.bar_lang_llevame":"C\u2019est parti!","url":"\/fr\/createur-slideshows"},"de":{"home.bar_lang":"Slidesgo ist auch auf Deutsch verf\u00fcgbar","home.bar_lang_llevame":"Anzeigen","url":"\/de\/slideshow-ersteller"},"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\/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EC%87%BC-%EB%A9%94%EC%9D%B4%EC%BB%A4"}}')"> <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 x-data="" class="header-landing text-base 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 fixed header-transparent-white bg-transparent border-b border-transparent text-white fixed parent-inverted" > <button @click="$dispatch('display-nav-menu')" class="mr-0 md:mr-4 hidden sm:block xl:hidden sm:ml-5 sm:order-last" aria-label="Menu button" > <svg class="h-5 w-5 inverted:text-white fill-current" alt="Menu icon" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.757576 3.61494H13.2424C13.6608 3.61494 14 3.27576 14 2.85737C14 2.43897 13.6608 2.09979 13.2424 2.09979H0.757576C0.339182 2.09979 0 2.43897 0 2.85737C0 3.27576 0.339182 3.61494 0.757576 3.61494ZM13.2424 7.85732H0.757576C0.339182 7.85732 0 7.51814 0 7.09974C0 6.68135 0.339182 6.34217 0.757576 6.34217H13.2424C13.6608 6.34217 14 6.68135 14 7.09974C14 7.51814 13.6608 7.85732 13.2424 7.85732ZM13.2424 12.0997H0.757576C0.339182 12.0997 0 11.7605 0 11.3421C0 10.9237 0.339182 10.5845 0.757576 10.5845H13.2424C13.6608 10.5845 14 10.9237 14 11.3421C14 11.7605 13.6608 12.0997 13.2424 12.0997Z"/> </svg> </button> <div class="pl-2 sm:p-0 flex items-center flex-1 md:inset-y-0 md:left-0"> <a href="https://slidesgo.com" class="flex sm:left mr-4 xl:mr-9"> <img src="/images/logos/slidesgo.svg" id="header-logo" class="h-6 sm:object-cover object-left" alt="Slidesgo"> </a> <div class="hidden xl:flex justify-between"> <div class="flex items-center"> <div class="hidden xl:flex justify-between h-full"> <div class="flex items-center"> <div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer"> <div class="flex items-center"> <span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900 inverted:text-white inverted:group-hover:text-gray-100" > AI Tools <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> New </span> </span> <div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800"> <svg class="absolute h-full w-4 inline-block rotate-90 transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> <svg class="absolute h-full w-4 inline-block -rotate-90 -translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100 group-hover:text-gray-900 group-hover:translate-y-0 inverted:group-hover:text-gray-100 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> </div> </div> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-900"> <svg class="size-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute left-0 top-10 py-5 px-6 bg-white rounded shadow-top-menu" style="width: 48rem; min-height: 21rem" > <div class="flex"> <div class="w-1/2 box-content"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19.8017 3.41409L18.6997 0.914752C18.162 -0.304917 16.4314 -0.304917 15.8938 0.914752L14.7918 3.41409C14.6376 3.76424 14.3577 4.04408 14.0076 4.1983L11.5082 5.30031C10.2886 5.83796 10.2886 7.56856 11.5082 8.10621L14.0076 9.20822C14.3577 9.36244 14.6376 9.64228 14.7918 9.99243L15.8938 12.4918C16.4314 13.7114 18.162 13.7114 18.6997 12.4918L19.8017 9.99243C19.9559 9.64228 20.2358 9.36244 20.5859 9.20822L23.0852 8.10621C24.3049 7.56856 24.3049 5.83796 23.0852 5.30031L20.5859 4.1983C20.2358 4.04408 19.9559 3.76424 19.8017 3.41409Z"/> <path d="M5.44176 9.52043L6.18143 11.1981C6.28502 11.4334 6.47299 11.6209 6.70783 11.7245L8.38546 12.4641C9.20436 12.8251 9.20436 13.9871 8.38546 14.348L6.70783 15.0877C6.47252 15.1913 6.28502 15.3792 6.18143 15.6141L5.44176 17.2917C5.08082 18.1106 3.91881 18.1106 3.55788 17.2917L2.8182 15.6141C2.71461 15.3788 2.52664 15.1913 2.2918 15.0877L0.614171 14.348C-0.204724 13.9871 -0.204724 12.8251 0.614171 12.4641L2.2918 11.7245C2.52711 11.6209 2.71461 11.4329 2.8182 11.1981L3.55788 9.52043C3.91881 8.70153 5.08082 8.70153 5.44176 9.52043Z"/> <path d="M14.3666 17.0944L14.9755 18.4758C15.0608 18.6694 15.2155 18.824 15.4091 18.9093L16.7905 19.5182C17.4645 19.8154 17.4645 20.7721 16.7905 21.0693L15.4091 21.6782C15.2155 21.7635 15.0608 21.9182 14.9755 22.1118L14.3666 23.4932C14.0694 24.1672 13.1127 24.1672 12.8156 23.4932L12.2067 22.1118C12.1213 21.9182 11.9667 21.7635 11.7731 21.6782L10.3917 21.0693C9.71763 20.7721 9.71763 19.8154 10.3917 19.5182L11.7731 18.9093C11.9667 18.824 12.1213 18.6694 12.2067 18.4758L12.8156 17.0944C13.1127 16.4203 14.0694 16.4203 14.3666 17.0944Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> AI Tools </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/ai-presentations#from_element=main_menu" data-option="create.ai_presentations" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI presentation maker</span> </div> <span class="text-gray-700 leading-relaxed">Create presentations in minutes with AI</span> </a> <a href="https://slidesgo.com/ai-pdf-to-ppt-converter#from_element=main_menu" data-option="create.ai_pdf_to_ppt" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI PDF to PPT converter</span> <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> New </span> </div> <span class="text-gray-700 leading-relaxed">Turn documents into PPT with AI</span> </a> <a href="https://slidesgo.com/ai-lesson-plan-generator#from_element=main_menu" data-option="create.ai_lesson_plan" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI lesson plan generator</span> </div> <span class="text-gray-700 leading-relaxed">Plan your lessons faster with AI</span> </a> <a href="https://slidesgo.com/ai-icebreaker-generator#from_element=main_menu" data-option="create.ai_icebreaker" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI icebreaker generator</span> </div> <span class="text-gray-700 leading-relaxed">Generate icebreaker activities and ideas</span> </a> <a href="https://slidesgo.com/ai-exit-ticket-generator#from_element=main_menu" data-option="create.ai_exit_ticket" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI exit ticket generator</span> </div> <span class="text-gray-700 leading-relaxed">Create quick formative assessments for your students</span> </a> <a href="https://slidesgo.com/ai/quiz-maker#from_element=main_menu" data-option="create.ai_quiz_maker" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI quiz maker</span> <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> beta </span> </div> <span class="text-gray-700 leading-relaxed">Create comprehensive quizzes from any reading material</span> </a> </div> </div> <div class="pl-8 w-1/2 box-content"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5765 7.4505L16.193 7.14975C16.0727 6.78143 15.9237 6.42218 15.7478 6.07611L16.5137 4.88478C16.6505 4.67192 16.6204 4.39246 16.4416 4.21365L14.2863 2.05841C14.1075 1.87961 13.8281 1.84953 13.6152 1.98631L12.4239 2.7522C12.0778 2.57628 11.7186 2.42728 11.3503 2.30698L11.0495 0.923523C10.9958 0.676331 10.7769 0.5 10.5239 0.5H7.47606C7.2231 0.5 7.0042 0.676331 6.9505 0.923523L6.64975 2.30698C6.28143 2.42728 5.92218 2.57628 5.57611 2.7522L4.38478 1.98631C4.17192 1.84953 3.89246 1.87961 3.71365 2.05841L1.55841 4.21365C1.37961 4.39246 1.34953 4.67192 1.48631 4.88478L2.2522 6.07611C2.07628 6.42218 1.92728 6.78143 1.80698 7.14975L0.423523 7.4505C0.176331 7.50433 0 7.7231 0 7.97606V11.0239C0 11.2769 0.176331 11.4957 0.423523 11.5495L1.80698 11.8503C1.92728 12.2186 2.07628 12.5778 2.2522 12.9239L1.48631 14.1152C1.34953 14.3281 1.37961 14.6075 1.55841 14.7863L3.71365 16.9416C3.89246 17.1204 4.17192 17.1505 4.38478 17.0137L5.57611 16.2478C5.92218 16.4237 6.28143 16.5727 6.64975 16.693L6.9505 18.0765C7.0042 18.3237 7.2231 18.5 7.47606 18.5H10.5239C10.7769 18.5 10.9958 18.3237 11.0495 18.0765L11.3503 16.693C11.7186 16.5727 12.0778 16.4237 12.4239 16.2478L13.6152 17.0137C13.8281 17.1505 14.1075 17.1205 14.2863 16.9416L16.4416 14.7863C16.6204 14.6075 16.6505 14.3281 16.5137 14.1152L15.7478 12.9239C15.9237 12.5778 16.0727 12.2186 16.193 11.8503L17.5765 11.5495C17.8237 11.4957 18 11.2769 18 11.0239V7.97606C18 7.7231 17.8237 7.50433 17.5765 7.4505ZM12.2271 9.5C12.2271 11.2794 10.7794 12.7271 9 12.7271C7.22063 12.7271 5.7729 11.2794 5.7729 9.5C5.7729 7.72063 7.22063 6.2729 9 6.2729C10.7794 6.2729 12.2271 7.72063 12.2271 9.5Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> Other tools </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/slideshow-maker#from_element=main_menu" data-option="create.slideshows" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Create Slideshows</span> </div> <span class="text-gray-700 leading-relaxed">Create and customize presentations online with Slidesgo's editor</span> </a> <a href="https://workspace.google.com/marketplace/app/slidesgo_for_google_slides/560773215564#from_element=main_menu" data-option="create.gslides_addon" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Addon for Google Slides</span> </div> <span class="text-gray-700 leading-relaxed">Apply Slidesgo themes to your Google Slides presentations</span> </a> </div> </div> </div> <a class="flex items-center w-fit text-base font-semibold text-purple-600 border-b border-transparent hover:border-purple-600" href="https://slidesgo.com/ai" > Explore all AI tools <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> </div> <div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer"> <div class="flex items-center"> <span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900 inverted:text-white inverted:group-hover:text-gray-100" > Templates </span> <div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800"> <svg class="absolute h-full w-4 inline-block rotate-90 transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> <svg class="absolute h-full w-4 inline-block -rotate-90 -translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100 group-hover:text-gray-900 group-hover:translate-y-0 inverted:group-hover:text-gray-100 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> </div> </div> <style> .nav-templates-container { width: 68rem; min-height: 19rem; } .nav-templates-container:has(.nav-industry-item:hover) { width: 24rem; } .nav-industry-container:has(.nav-industry-item:hover) ~ .nav-industry-sibling-container { opacity: 0; width: 0; height: 0; pointer-events: none; } </style> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-900"> <svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute left-0 top-10 -translate-x-80 2xl:-translate-x-40 3xl:-translate-x-20 py-5 px-6 bg-white rounded shadow-top-menu" > <div class="nav-templates-container flex transition-[width] transition-duration-300 overflow-hidden"> <div class="nav-industry-container box-content w-48"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 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="M9.73171 2.6748H12.1504C13.1691 2.6748 14 3.50569 14 4.52439V6.26755C13.7855 7.01555 13.0043 7.57237 12.0777 7.57237H1.92232C0.99572 7.57237 0.214545 7.01555 0 6.26754V4.52439C0 3.50569 0.830894 2.6748 1.84959 2.6748H4.26829V1.84959C4.26829 0.830894 5.09919 0 6.11789 0H7.88211C8.90081 0 9.73171 0.830894 9.73171 1.84959V2.6748ZM6.11786 1.42277C5.88169 1.42277 5.69103 1.61342 5.69103 1.84959V2.6748H8.30892V1.84959C8.30892 1.61342 8.11827 1.42277 7.88209 1.42277H6.11786Z"/> <path d="M0 7.82692V12.1504C0 13.1691 0.830894 14 1.84959 14H12.1504C13.1691 14 14 13.1691 14 12.1504V7.82693C13.7854 8.50778 13.0043 9.01461 12.0777 9.01461H7.68359V9.43003C7.68359 9.80738 7.37734 10.1136 7 10.1136C6.62266 10.1136 6.31641 9.80738 6.31641 9.43003V9.01461H1.92232C0.99572 9.01461 0.214545 8.50777 0 7.82692Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By industry </span> </div> <div class="flex my-1.5"> <div class="mr-8"> <div class="w-48 transition-duration-300"> <div class="relative"> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/business" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Business</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/money#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Money</span> </a> <a href="https://slidesgo.com/technology#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Technology</span> </a> <a href="https://slidesgo.com/law#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Law</span> </a> <a href="https://slidesgo.com/sport#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Sport</span> </a> <a href="https://slidesgo.com/architecture#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Architecture</span> </a> <a href="https://slidesgo.com/fashion#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Fashion</span> </a> </div> </div> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/medical" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Medical</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/health#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Health</span> </a> <a href="https://slidesgo.com/mental-health#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Mental Health</span> </a> <a href="https://slidesgo.com/disease#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Disease</span> </a> <a href="https://slidesgo.com/case-report#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Case Report</span> </a> </div> </div> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/marketing" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Marketing</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/newsletter#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Newsletter</span> </a> <a href="https://slidesgo.com/campaign#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Campaign</span> </a> <a href="https://slidesgo.com/instagram#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Instagram</span> </a> <a href="https://slidesgo.com/social-media#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Social Media</span> </a> </div> </div> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/themes" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Popular</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/food#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Food</span> </a> <a href="https://slidesgo.com/nature#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Nature</span> </a> <a href="https://slidesgo.com/travel#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Travel</span> </a> <a href="https://slidesgo.com/water#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Water</span> </a> <a href="https://slidesgo.com/space#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Space</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="nav-industry-sibling-container flex flex-auto transition-all transition-duration-300"> <div class="w-40 shrink-0 box-content ml-10"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.043 5.61914C12.6656 5.61914 12.3594 5.92539 12.3594 6.30273V11.4297C12.3594 11.4898 12.3457 11.55 12.3211 11.602L10.2457 9.52656C10.1172 9.39805 9.94492 9.32695 9.76172 9.32695C9.57852 9.32695 9.40625 9.39805 9.27773 9.52656L8.36719 10.4344L5.15977 7.22695C4.8918 6.95898 4.45977 6.95898 4.1918 7.22695L1.64062 9.77813V3.71875C1.64062 3.4918 1.82383 3.30859 2.05078 3.30859H7.82031C8.19766 3.30859 8.50391 3.00234 8.50391 2.625C8.50391 2.24766 8.19766 1.94141 7.82031 1.94141H2.05078C1.07188 1.94141 0.273438 2.73984 0.273438 3.71875V11.4297C0.273438 11.4406 0.273438 11.4516 0.273438 11.4625C0.292578 12.4277 1.08008 13.207 2.05078 13.207H11.9492C12.9281 13.207 13.7266 12.4086 13.7266 11.4297V6.30273C13.7266 5.92539 13.4203 5.61914 13.043 5.61914Z"/> <path d="M13.7786 2.38164L12.7751 1.99883C12.6821 1.96328 12.611 1.89219 12.5755 1.79922L12.1927 0.795703C12.0806 0.500391 11.6622 0.500391 11.5501 0.795703L11.1673 1.79922C11.1317 1.89219 11.0606 1.96328 10.9677 1.99883L9.96416 2.38164C9.66885 2.49375 9.66885 2.91211 9.96416 3.02422L10.9677 3.40703C11.0606 3.44258 11.1317 3.51367 11.1673 3.60664L11.5501 4.61016C11.6622 4.90547 12.0806 4.90547 12.1927 4.61016L12.5755 3.60664C12.611 3.51367 12.6821 3.44258 12.7751 3.40703L13.7786 3.02422C14.0739 2.91211 14.0739 2.49375 13.7786 2.38164Z"/> <path d="M8.03369 6.45293L8.61885 6.67715C8.70635 6.70996 8.77745 6.78106 8.81026 6.86856L9.03448 7.45372C9.14385 7.73809 9.54854 7.73809 9.65518 7.45372L9.8794 6.86856C9.91221 6.78106 9.98331 6.70996 10.0708 6.67715L10.656 6.45293C10.9403 6.34356 10.9403 5.93887 10.656 5.83223L10.0708 5.60801C9.98331 5.5752 9.91221 5.5041 9.8794 5.4166L9.65518 4.83145C9.54581 4.54707 9.14112 4.54707 9.03448 4.83145L8.81026 5.4166C8.77745 5.5041 8.70635 5.5752 8.61885 5.60801L8.03369 5.83223C7.74658 5.9416 7.74658 6.34629 8.03369 6.45293Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase" > By style </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/minimalist#from_element=main_menu" data-option="explore.style.minimalist" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Minimalist</span> </a> <a href="https://slidesgo.com/aesthetic#from_element=main_menu" data-option="explore.style.aesthetic" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Aesthetic</span> </a> <a href="https://slidesgo.com/simple#from_element=main_menu" data-option="explore.style.simple" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Simple</span> </a> <a href="https://slidesgo.com/cute#from_element=main_menu" data-option="explore.style.cute" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Cute</span> </a> <a href="https://slidesgo.com/professional#from_element=main_menu" data-option="explore.style.professional" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Professional</span> </a> <a href="https://slidesgo.com/vintage#from_element=main_menu" data-option="explore.style.vintage" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Vintage</span> </a> </div> </div> <div class="w-full box-content ml-10"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 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> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By color </span> </div> <div class="my-1.5 grid grid-rows-7 grid-flow-col"> <a href="https://slidesgo.com/black#from_element=main_menu" data-option="explore.color.black" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #1d262d" ></span> <span>Black</span> </a> <a href="https://slidesgo.com/white#from_element=main_menu" data-option="explore.color.white" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-gray-200" style="background: #ffffff" ></span> <span>White</span> </a> <a href="https://slidesgo.com/gray#from_element=main_menu" data-option="explore.color.gray" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #869FB2" ></span> <span>Gray</span> </a> <a href="https://slidesgo.com/silver#from_element=main_menu" data-option="explore.color.silver" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #c0c0c0" ></span> <span>Silver</span> </a> <a href="https://slidesgo.com/purple#from_element=main_menu" data-option="explore.color.purple" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #4949e7" ></span> <span>Purple</span> </a> <a href="https://slidesgo.com/blue#from_element=main_menu" data-option="explore.color.blue" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #5EB2FC" ></span> <span>Blue</span> </a> <a href="https://slidesgo.com/green#from_element=main_menu" data-option="explore.color.green" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #69E781" ></span> <span>Green</span> </a> <a href="https://slidesgo.com/yellow#from_element=main_menu" data-option="explore.color.yellow" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fcbd24" ></span> <span>Yellow</span> </a> <a href="https://slidesgo.com/orange#from_element=main_menu" data-option="explore.color.orange" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #eb7d16" ></span> <span>Orange</span> </a> <a href="https://slidesgo.com/brown#from_element=main_menu" data-option="explore.color.brown" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #60341a" ></span> <span>Brown</span> </a> <a href="https://slidesgo.com/gold#from_element=main_menu" data-option="explore.color.gold" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ccae4e" ></span> <span>Gold</span> </a> <a href="https://slidesgo.com/cream#from_element=main_menu" data-option="explore.color.cream" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fff8df" ></span> <span>Cream</span> </a> <a href="https://slidesgo.com/red#from_element=main_menu" data-option="explore.color.red" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ec3a3b" ></span> <span>Red</span> </a> <a href="https://slidesgo.com/pink#from_element=main_menu" data-option="explore.color.pink" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ff7893" ></span> <span>Pink</span> </a> </div> </div> <div class="w-72 shrink-0 box-content ml-10"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.33 17.9635c-.2373 0-.471-.0913-.6462-.2665l-5.96231-5.9623-5.96227 5.9623c-.26288.2592-.65355.3395-.993102.1971-.343205-.1424-.565923-.4746-.565923-.8434V2.37323C.200195 1.06613 1.26632 0 2.57342 0H12.8696c1.3071 0 2.3732 1.06613 2.3732 2.37323V17.0507c0 .3688-.2227.701-.5623.8434-.1132.0475-.2337.0694-.3505.0694Z"/></svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> Collections </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.slidesclass" data-gtm-event="main_menu" > <span class="h-6 flex items-center gap-1"> Slidesclass </span> <span class="block text-gray-700 leading-relaxed"> Ready-to-use slides for any subject to simplify your lesson planning </span> </a> <a href="https://slidesgo.com/disney#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.disney" data-gtm-event="main_menu" > <span class="h-6 flex items-center gap-1"> <svg class="size-4 text-transparent fill-current" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.2873 6.70059L12.6836 6.81558L12.9189 7.38326C14.0518 10.1155 12.7843 13.2399 10.0608 14.3692C7.32954 15.5017 4.20642 14.2355 3.07615 11.514C2.54296 10.1789 2.54334 8.71238 3.07732 7.37745L3.29875 6.82387L2.71505 6.70227C1.23465 6.39385 0.249645 4.9089 0.556141 3.43771L0.556213 3.43773L0.55782 3.42929C0.802189 2.14635 1.97071 1.21655 3.26787 1.21655C4.74853 1.21655 5.98079 2.39011 6.04228 3.86584L6.06871 4.50021L6.67921 4.32578C7.15298 4.19042 7.54277 4.12676 7.99695 4.12676C8.46221 4.12676 8.91685 4.19367 9.29394 4.31936L9.92397 4.52937L9.95162 3.86584C10.0131 2.3901 11.2454 1.21655 12.726 1.21655C14.2688 1.21655 15.5 2.4478 15.5 3.99053C15.5 5.2877 14.5702 6.45622 13.2873 6.70059Z" stroke="#0D0D0D"/> </svg> Disney <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New content </span> </span> <span class="block text-gray-700 leading-relaxed"> Templates with your favorite Disney and Pixar characters </span> </a> <a href="https://slidesgo.com/infographics#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.infographics" data-gtm-event="main_menu" > <span class="h-6 flex items-center gap-1"> Infographics </span> <span class="block text-gray-700 leading-relaxed"> Templates for turning data and information into visual presentations </span> </a> </div> </div> </div> </div> <a class="flex items-center w-fit text-base font-semibold text-purple-600 border-b border-transparent hover:border-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> </div> <div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer"> <div class="flex items-center"> <span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900 inverted:text-white inverted:group-hover:text-gray-100" > Education Hub </span> <div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800"> <svg class="absolute h-full w-4 inline-block rotate-90 transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> <svg class="absolute h-full w-4 inline-block -rotate-90 -translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100 group-hover:text-gray-900 group-hover:translate-y-0 inverted:group-hover:text-gray-100 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> </div> </div> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-900"> <svg class="size-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute -translate-x-96 2xl:-translate-x-40 3xl:-translate-x-40 left-0 top-10 py-5 px-6 bg-white rounded shadow-top-menu" style="width: 66rem;" > <div class="flex justify-between"> <div class="w-full"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"> <path d="M9.96875 12.375H6.03125V9.14062H9.96875V12.375Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4607 4.74701C10.4607 5.23217 10.8544 5.62592 11.3396 5.62592H15.2422V15.3633C15.2422 16.6219 14.2156 17.6484 12.957 17.6484H3.04297C1.78438 17.6484 0.757812 16.6219 0.757812 15.3633V2.63672C0.757812 1.37813 1.78438 0.351562 3.04297 0.351562H10.4607L10.4607 4.74701ZM5.1875 5.625H7.33203C7.81719 5.625 8.21094 5.23125 8.21094 4.74609C8.21094 4.26094 7.81719 3.86719 7.33203 3.86719H5.1875C4.70234 3.86719 4.30859 4.26094 4.30859 4.74609C4.30859 5.23125 4.70234 5.625 5.1875 5.625ZM10.8477 7.38281H5.15234C4.66719 7.38281 4.27344 7.77656 4.27344 8.26172V13.2539C4.27344 13.7391 4.66719 14.1328 5.15234 14.1328H10.8477C11.3328 14.1328 11.7266 13.7391 11.7266 13.2539V8.26172C11.7266 7.77656 11.3328 7.38281 10.8477 7.38281Z"/> <path d="M12.2185 1.35677V3.8681H14.7298L12.2185 1.35677Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By content type </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/coloring-page#from_element=main_menu" data-option="education_hub.by_content.coloring_page" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Coloring Page </span> </a> <a href="https://slidesgo.com/workshop#from_element=main_menu" data-option="education_hub.by_content.workshop" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Workshop </span> </a> <a href="https://slidesgo.com/about-me#from_element=main_menu" data-option="education_hub.by_content.about_me" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> About Me </span> </a> <a href="https://slidesgo.com/back-to-school#from_element=main_menu" data-option="education_hub.by_content.back_to_school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Back to School </span> </a> <a href="https://slidesgo.com/lesson#from_element=main_menu" data-option="education_hub.by_content.lesson" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Lesson </span> </a> <a href="https://slidesgo.com/thesis-defense#from_element=main_menu" data-option="education_hub.by_content.thesis_defense" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Thesis Defense </span> </a> <a href="https://slidesgo.com/printable#from_element=main_menu" data-option="education_hub.by_content.printable" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Printable </span> </a> </div> </div> <div class="pl-8 w-full"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15.7798 4.78992 8.24856.0711699c-.15197-.0952187-.34515-.0952187-.49712 0L.220188 4.78992C.0833125 4.87551 0 5.02567 0 5.18726c0 .1616.0833125.31175.220188.39735L7.75144 10.2721c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68749c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/><path d="m15.7798 10.4151-.7298-.45612-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 9.95898l-.729843.45612C.0833125 10.5007 0 10.6509 0 10.8125c0 .1616.0833125.3117.220188.3973l7.531252 4.7188c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.7188c.1369-.0856.2202-.2357.2202-.3973s-.0833-.3118-.2202-.3974Z"/><path d="m15.7798 7.60264-.7298-.45616-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 7.14648l-.729843.45616C.0833125 7.68823 0 7.83839 0 7.99998c0 .1616.0833125.31175.220188.39735L7.75144 13.0848c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68747c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/></svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By subject </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/history#from_element=main_menu" data-option="education_hub.by_subject.history" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> History </span> </a> <a href="https://slidesgo.com/science#from_element=main_menu" data-option="education_hub.by_subject.science" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Science </span> </a> <a href="https://slidesgo.com/art#from_element=main_menu" data-option="education_hub.by_subject.art" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Art </span> </a> <a href="https://slidesgo.com/math#from_element=main_menu" data-option="education_hub.by_subject.math" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Math </span> </a> <a href="https://slidesgo.com/biology#from_element=main_menu" data-option="education_hub.by_subject.biology" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Biology </span> </a> <a href="https://slidesgo.com/chemistry#from_element=main_menu" data-option="education_hub.by_subject.chemistry" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Chemistry </span> </a> <a href="https://slidesgo.com/geography#from_element=main_menu" data-option="education_hub.by_subject.geography" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Geography </span> </a> <a href="https://slidesgo.com/psychology#from_element=main_menu" data-option="education_hub.by_subject.psychology" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Psychology </span> </a> <a href="https://slidesgo.com/literature#from_element=main_menu" data-option="education_hub.by_subject.literature" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Literature </span> </a> </div> </div> <div class="pl-8 w-full"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 22 16" xmlns="http://www.w3.org/2000/svg"><path d="M17.0798 9.4978v2.7964c0 1.0157-.5979 1.9222-1.5236 2.3465-1.125.5142-2.8285 1.0735-4.905 1.0735-2.0764 0-3.77997-.5593-4.9114-1.0735-.91929-.4243-1.51714-1.3308-1.51714-2.3465V9.4978l4.57071 2.0893c.585.27 1.21503.405 1.85783.405.6429 0 1.2729-.135 1.8579-.405l4.5707-2.0893Z"/><path d="M19.6509 8.32153v4.17857c0 .3536-.2892.6429-.6428.6429s-.6429-.2893-.6429-.6429V8.91296l1.2857-.59143Z"/><path d="M9.32538 10.4197c.42107.1922.87302.2886 1.32552.2886.4526 0 .9039-.0958 1.3256-.2886l8.2099-3.75305c.4629-.2115.7503-.65957.7503-1.16936 0-.50978-.2874-.9585-.7503-1.17L11.9765.574936c-.8428-.385071-1.8077-.385071-2.65048 0L1.11545 4.32665c-.462859.21214-.750216.66022-.750216 1.17 0 .50979.287357.95786.750216 1.17l8.20993 3.75305Z"/></svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By school level </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/pre-k#from_element=main_menu" data-option="education_hub.by_level.pre_k" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Pre-K </span> </a> <a href="https://slidesgo.com/elementary#from_element=main_menu" data-option="education_hub.by_level.elementary" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Elementary </span> </a> <a href="https://slidesgo.com/middle-school#from_element=main_menu" data-option="education_hub.by_level.middle_school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Middle School </span> </a> <a href="https://slidesgo.com/high-school#from_element=main_menu" data-option="education_hub.by_level.high_school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> High School </span> </a> <a href="https://slidesgo.com/university#from_element=main_menu" data-option="education_hub.by_level.university" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> University </span> </a> </div> </div> <div class="pl-8 w-80 shrink-0"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 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="M10.8824 13.3556C10.7738 13.3556 10.6648 13.3297 10.565 13.2772L6.98637 11.3958L3.40772 13.2772C3.17782 13.3981 2.89927 13.3779 2.68921 13.2253C2.4791 13.0726 2.37387 12.814 2.41778 12.558L3.10124 8.5731L0.206055 5.751C0.020098 5.56974 -0.0468455 5.2986 0.0334157 5.05163C0.11365 4.80462 0.327197 4.62464 0.584192 4.58728L4.58524 4.00588L6.37457 0.380292C6.48952 0.147423 6.72667 0 6.98639 0C7.24612 0 7.48327 0.147423 7.59819 0.38032L9.38752 4.00591L13.3886 4.58731C13.6456 4.62464 13.8591 4.80465 13.9393 5.05165C14.0196 5.29863 13.9527 5.56976 13.7667 5.75103L10.8715 8.57313L11.555 12.558C11.5989 12.814 11.4937 13.0727 11.2835 13.2253C11.1647 13.3117 11.0239 13.3556 10.8824 13.3556Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> Featured resources </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/ai#from_element=main_menu" data-option="education_hub.featured.ai_tools" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> AI tools for education </span> <span class="block text-gray-700 leading-relaxed"> Start creating with AI, for teachers and students </span> </a> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" data-option="education_hub.featured.slidesclass" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Slidesclass </span> <span class="block text-gray-700 leading-relaxed"> Ready-to-use slides for any subject to simplify your lesson planning </span> </a> <a href="https://slidesgo.com/smartick#from_element=main_menu" data-option="education_hub.featured.smartick" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Smartick </span> <span class="block text-gray-700 leading-relaxed"> Discover the world of mathematics like never before with Smartick! </span> </a> <a href="https://slidesgo.com/teacher-toolkit#from_element=main_menu" data-option="education_hub.featured.teacher_toolkit" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Teacher Toolkit </span> <span class="block text-gray-700 leading-relaxed"> Ready-to-edit educational materials </span> </a> </div> </div> </div> <a class="flex items-center w-fit text-base font-semibold text-purple-600 border-b border-transparent hover:border-purple-600" href="https://slidesgo.com/education" > Explore all education templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> </div> <div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer"> <div class="flex items-center"> <span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900 inverted:text-white inverted:group-hover:text-gray-100" > Learn </span> <div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800"> <svg class="absolute h-full w-4 inline-block rotate-90 transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> <svg class="absolute h-full w-4 inline-block -rotate-90 -translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100 group-hover:text-gray-900 group-hover:translate-y-0 inverted:group-hover:text-gray-100 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> </div> </div> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-900"> <svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute top-10 left-0 w-max" style="max-width: 388px" > <div class="flex w-full lg:w-screen-lg bg-white rounded shadow-top-menu" > <div class="w-full flex my-5 mx-7"> <div class="flex flex-col"> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.school" data-gtm-event="main_menu" onclick="gtm.navbarGtm('tutorial', '{{ route('school') }}')" href="https://slidesgo.com/slidesgo-school" target="_self" > <span class="block h-6">Blog</span> <span class="block text-gray-700 leading-relaxed">Articles and other resources</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.powerpoint_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials" target="_self" > <span class="block h-6">PowerPoint Tutorials</span> <span class="block text-gray-700 leading-relaxed">Learn how to work with Microsoft PowerPoint</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.google_slides_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/google-slides-tutorials" target="_self" > <span class="block h-6">Google Slides Tutorials</span> <span class="block text-gray-700 leading-relaxed">Discover the secrets of Google Slides</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.presentation_tips" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/presentation-tips" target="_self" > <span class="block h-6">Presentation Tips</span> <span class="block text-gray-700 leading-relaxed">The best tips on how to make an excellent presentation</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.community" data-gtm-event="main_menu" onclick="gtm.navbarGtm('academy', 'https://www.facebook.com/groups/1129415331402945')" href="https://www.facebook.com/groups/1129415331402945" target="_blank" > <span class="block h-6">Slidesgo Teacher Community</span> <span class="block text-gray-700 leading-relaxed">Join a global community of teachers and educators sharing tips and tools</span> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="hidden"> <svg id="icon-nav-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> <svg id="icon-nav-caret-dropdown-menu" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <path d="M10 0L20 10H0L10 0Z"/> </svg> </div> </div> <div class="hidden xl:flex items-center"> <div class="relative group p-2.5 py-3 text-gray-900 cursor-pointer"> <div class="flex items-center"> <span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900 inverted:text-white inverted:group-hover:text-gray-100" > More </span> <div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800"> <svg class="absolute h-full w-4 inline-block rotate-90 transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> <svg class="absolute h-full w-4 inline-block -rotate-90 -translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100 group-hover:text-gray-900 group-hover:translate-y-0 inverted:group-hover:text-gray-100 fill-current"> <use xlink:href="#icon-nav-caret-drop"/> </svg> </div> </div> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500"> <svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute -translate-x-11 top-10 w-max" > <div class="flex w-full lg:w-screen-lg bg-white rounded shadow-top-menu" > <div class="w-full my-5 mx-7"> <a class="block p-2.5 rounded hover:bg-gray-50" href="https://www.freepik.com/" @click="gtm.navbarGtm('Freepik', 'https://www.freepik.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Freepik</span> <span class="block text-gray-700">Free vectors, photos and PSD</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" href="https://www.flaticon.com/" @click="gtm.navbarGtm('Flaticon', 'https://www.flaticon.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Flaticon</span> <span class="block text-gray-700">Free customizable icons</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" href="https://wepik.com/" @click="gtm.navbarGtm('Wepik', 'https://wepik.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Wepik</span> <span class="block text-gray-700">Free online template editor</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" href="https://storyset.com/" @click="gtm.navbarGtm('Storyset', 'https://storyset.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Storyset</span> <span class="block text-gray-700">Free editable illustrations</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" href="https://www.videvo.net/" @click="gtm.navbarGtm('Videvo', 'https://www.videvo.net/')" target="_blank" rel="noreferrer" > <span class="block h-6">Videvo</span> <span class="block text-gray-700">Free videos and motion graphics</span> </a> </div> </div> </div> </div> </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"> Plans & Pricing </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/pricing" onclick="trackAnalytic('premium', 'click', 'prices-individual'); gtm.microfunnel('', 'Simple plans for you', 'https://slidesgo.com/pricing', 'header_menu')" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Pricing</span> </div> <span class="text-gray-700">Discover benefits of Premium plan</span> </a> <a href="https://slidesgo.com/for-education-contact-us" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Slidesgo for Schools and Districts</span> </div> <span class="text-gray-700">Save money when your school buys together</span> </a> </div> </div> </div> </div> </div> <div class="items-center hidden sm:flex"> <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="en" name="language"/> <input type="hidden" value="en.slideshow-maker" name="login-route"/> <button type="submit" data-cy="log-in-button" onclick="gtm.login('Log in', '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" > Log in</button> </form> </div> <div class="hidden"> <svg id="icon-nav-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> <svg id="icon-nav-caret-dropdown-menu" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg"> <path d="M10 0L20 10H0L10 0Z"/> </svg> </div> </header> <link rel="preload" as="style" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/slideshow-landing-BHh9j7lY.css" /><link rel="stylesheet" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/slideshow-landing-BHh9j7lY.css" data-navigate-track="reload" /> <section class="bg-purple-700 relative w-full overflow-hidden"> <div class="relative mx-auto z-10 -mt-4 sm:mt-0"> <div class="pt-32 md:pt-36 pb-12 md:pb-14 2xl:pb-20 px-6 flex justify-center text-center text-white" > <div class="flex flex-col justify-center items-center 3xl:container 3xl:mx-auto lg:max-w-4xl"> <h1 class="text-7xl md:text-8xl 2xl:text-9xl font-title font-semibold mb-4"> Free slideshow maker </h1> <p class="text-xl 2xl:text-2xl mb-8 2xl:mb-10 leading-relaxed"> Easily create or edit slideshows online, ready for PowerPoint or Google Slides. Try our slideshow creator and give your slides a boost! </p> <a href="https://slidesgo.com/editor" class="btn-secondary-white-animation cursor-pointer flex items-center rounded h-10 px-4 text-base text-gray-900 font-semibold bg-white hover:text-gray-800 active:bg-gray-200 active:text-gray-700" > Make a slideshow </a> </div> </div> <div class="flex justify-center overflow-hidden bg-repeat h-44 sm:h-64 md:h-108 xl:h-138"> <div class="w-full absolute bottom-0 overflow-hidden bg-repeat h-48 md:h-60 xl:h-89" style="background-image: url('/images/landing/slideshow/dots.png');"> </div> <div class="absolute hidden lg:block z-10"> <svg width="1324" height="550" viewBox="0 0 1324 550" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1074.34 300.086L1074.34 362.414C1177.62 362.414 1261.34 446.133 1261.34 549.414L1323.66 549.414C1323.66 411.724 1212.03 300.086 1074.34 300.086Z" fill="#4EDCD3"/> <path d="M249.664 249.414L249.664 187.086C146.382 187.087 62.6634 103.367 62.6634 0.0863969L0.335883 0.0864105C0.335913 137.777 111.973 249.414 249.664 249.414Z" fill="#C39BD3"/> </svg> </div> <div class="px-4 z-20 flex justify-center"> <video class="rounded-t-lg w-fit h-full xl:px-0 object-contain object-bottom" autoplay muted loop src="/images/landing/slideshow/header_video.mp4" type="video/mp4"> </video> </div> </div> </div> </section> <main> <div class="mx-auto px-6 2xl:px-10 pt-20 pb-16 sm:pb-20 text-center sm:max-w-4xl"> <h2 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Use AI to create a slideshow easier and faster </h2> <p class="text-xl text-gray-800 leading-relaxed"> With our AI-powered slideshow creator, choose from customizable slideshow themes or start from scratch. Get ready to shine! </p> <a href="https://slidesgo.com/editor" class="btn-secondary-animation mx-auto mt-9 flex items-center rounded h-12 w-fit px-6 text-lg text-white font-semibold bg-gray-900" > Try it now </a> </div> <div class="px-6 3xl:container 3xl:mx-auto 2xl:px-10"> <div class="flex flex-col items-center mb-10 2xl:mb-20 sm:flex-row"> <div class="w-full mb-10 sm:mb-0 sm:mr-8 sm:w-1/2 lg:w-5/12 lg:mr-16"> <h3 class="text-3xl font-title text-gray-900 font-semibold mb-4"> Text to image </h3> <p class="text-gray-800 leading-relaxed text-base md:text-lg"> Turn words into wow-worthy visuals. With our Text to image tool, your ideas become eye-catching images in seconds. Just type your concept and watch it transform into something spectacular on your slides. </p> </div> <div class="w-full sm:w-1/2 lg:w-7/12"> <video loop muted autoplay class="w-full rounded-md mx-auto" style="max-width: 752px"> <source src="/images/landing/slideshow/text-to-image.mp4" type="video/mp4"> </video> </div> </div> <div class="flex flex-col-reverse items-center mb-10 2xl:mb-20 sm:flex-row"> <div class="w-full sm:w-1/2 sm:mr-8 lg:w-7/12 lg:mr-16 rounded"> <video loop muted autoplay class="w-full rounded-md mx-auto" style="max-width: 752px;"> <source src="/images/landing/slideshow/ai_writer.mp4" type="video/mp4"> </video> </div> <div class="w-full mb-10 sm:mb-0 sm:w-1/2 lg:w-5/12"> <h3 class="text-3xl font-title text-gray-900 font-semibold mb-4"> AI Writer </h3> <p class="text-gray-800 leading-relaxed text-base md:text-lg"> Boost your slides with clear, engaging text. Our AI Writer quickly generates the content you need, from bullet points to detailed explanations. It’s the perfect tool to help you communicate your message with ease. </p> </div> </div> <div class="flex flex-col items-center mb-20 sm:flex-row"> <div class="w-full mb-10 sm:mb-0 sm:mr-8 sm:w-1/2 lg:w-5/12 lg:mr-16"> <h3 class="text-3xl font-title text-gray-900 font-semibold mb-4"> AI Translator </h3> <p class="text-gray-800 leading-relaxed text-base md:text-lg"> Instantly translate your slides into any language. With just one click, apply translations directly to your design without creating duplicates. It's your go-to tool for global-ready presentations! </p> </div> <div class="w-full sm:w-1/2 lg:w-7/12"> <video loop muted autoplay class="w-full rounded-md mx-auto" style="max-width: 752px"> <source src="/images/landing/slideshow/translator.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="bg-gray-50 py-20"> <div class="mx-auto mb-20 px-6 text-center sm:max-w-4xl"> <h2 class="text-6xl font-title font-semibold text-gray-900 lg:text-8xl"> All your visual resources in one place </h2> </div> <div class="flex items-center justify-center flex-col px-10 lg:container lg:mx-auto 2xl:flex-row"> <div class="group min-h-56 h-max bg-purple-300 rounded-xl overflow-hidden flex justify-between mb-8 xl:w-5/6 2xl:w-1/2 2xl:mr-8 2xl:mb-0"> <div class="p-6 text-left"> <p class="font-semibold text-2xl text-gray-900 mb-2"> Upload your files </p> <p class="text-lg text-gray-800 leading-normal"> Easily upload your own files to start customizing your slides. Just drag and drop your content into our editor and watch your presentation come to life. </p> </div> <div class="relative hidden md:block shrink-0 overflow-hidden bg-cover bg-center" style="width: 397px; max-width: 397px;min-height: 264px;"> <img class="absolute transition duration-1000 group-hover:scale-105 object-cover h-full w-full" src="/images/landing/slideshow/resource1.png" alt="Upload your files" > <img class="absolute z-1 object-cover h-full w-full" src="/images/landing/slideshow/resource1-btn.png" alt="Upload your files button" > <img class="absolute z-2 transition duration-1000 group-hover:scale-110 group-hover:translate-y-3 object-cover h-full w-full" src="/images/landing/slideshow/resource1-cursor.png" alt="Upload your files cursor" > </div> </div> <div class="group min-h-56 h-max bg-teal-300 rounded-xl overflow-hidden flex justify-between mb-8 md:mb-0 xl:w-5/6 2xl:w-1/2"> <div class="p-6 text-left"> <p class="font-semibold text-2xl text-gray-900 mb-2"> Browse Freepik's library </p> <p class="text-lg text-gray-800 leading-normal"> Looking for that perfect visual? Search Freepik’s extensive library right from our editor and add stunning images or illustrations to your slides with just a click. </p> </div> <div class="relative hidden md:block shrink-0 overflow-hidden bg-cover bg-center" style="width: 397px; max-width: 397px;min-height: 264px;"> <img class="absolute object-cover h-full w-full" src="/images/landing/slideshow/resource2.png" alt=" Browse Freepik's library " > <img class="absolute z-1 transition duration-1000 group-hover:scale-105 group-hover:translate-x-3 group-hover:translate-y-3 object-cover h-full w-full" src="/images/landing/slideshow/resource2-panel.png" alt=" Browse Freepik's library panel" > </div> </div> </div> </div> <div class="py-20 px-6 lg:px-10 3xl:container 3xl:mx-auto"> <div class="mx-auto px-4 mb-16 sm:mb-20 text-center sm:max-w-4xl md:px-10"> <h2 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> How to make a slideshow </h2> <p class="text-xl text-gray-800 leading-relaxed"> Creating a slideshow is simple! Start by choosing from our wide range of slideshow templates or use our slideshow maker to build one from scratch. From there, you can easily customize your slides with text, images, and effects. Let’s dive in! </p> <a href="https://slidesgo.com/editor" class="btn-secondary-animation mx-auto mt-9 flex items-center rounded h-12 w-fit px-6 text-lg text-white font-semibold bg-gray-900" > Free slideshow maker </a> </div> <div class="w-full grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-y-6 lg:gap-x-7 md:gap-x-6"> <div class="text-lg flex justify-center"> <svg class="size-6 text-yellow-500 mr-3.5 shrink-0 fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path d="M11.578 19.688H3.281a.702.702 0 0 1-.703-.704V7.687h18.375V12a1.172 1.172 0 0 0 2.344 0V3.703A3.053 3.053 0 0 0 20.25.656H3.281A3.053 3.053 0 0 0 .234 3.703v15.281a3.053 3.053 0 0 0 3.047 3.047h8.297a1.172 1.172 0 0 0 0-2.343ZM3.281 3H20.25c.39 0 .703.314.703.703v1.64H2.578v-1.64c0-.389.314-.703.703-.703Z"/> <path d="m22.875 17.48-7.106-7.107a1.166 1.166 0 0 0-.83-.342h-3.314c-.647 0-1.172.525-1.172 1.172v3.314c0 .31.122.61.342.83l7.107 7.106c.576.577 1.34.89 2.156.89.815 0 1.58-.318 2.156-.89l.661-.66c.577-.577.89-1.341.89-2.157 0-.816-.318-1.58-.89-2.156Zm-1.66 2.653-.66.66a.703.703 0 0 1-.994 0l-6.764-6.759v-1.659h1.66l6.763 6.764c.132.131.207.31.207.497a.736.736 0 0 1-.211.497Z"/> </svg> <div class="leading-relaxed"> <p class="font-semibold text-gray-900 mb-1"> Launch Slidesgo’s editor </p> <p class="w-full text-gray-800"> Discover our powerful AI-powered tools and endless customization options for a stunning slideshow. </p> </div> </div> <div class="text-lg flex justify-center"> <svg class="size-6 text-teal-500 mr-3.5 shrink-0 fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path d="m23.306 21.648-6.178-6.173a9.317 9.317 0 0 0 1.974-5.747c0-5.17-4.205-9.375-9.375-9.375S.352 4.558.352 9.728s4.204 9.375 9.375 9.375c2.16 0 4.157-.736 5.746-1.973l6.179 6.178c.23.23.53.342.83.342.3 0 .6-.113.829-.342.45-.46.45-1.2-.005-1.66ZM2.696 9.728c0-3.877 3.154-7.031 7.03-7.031 3.877 0 7.032 3.154 7.032 7.031s-3.155 7.031-7.031 7.031c-3.877 0-7.032-3.154-7.032-7.031Z"/> <path d="M10.256 7.328c-.126.117-.239.248-.333.394l-.196.3-.197-.3a2.079 2.079 0 0 0-1.74-.942c-.58 0-1.162.243-1.574.726-.286.333-.46.745-.497 1.181-.052.62.168 1.21.6 1.641L9.37 13.38a.508.508 0 0 0 .712 0l3.029-3.029c.398-.398.637-.942.633-1.504a2.088 2.088 0 0 0-.624-1.477 2.08 2.08 0 0 0-2.864-.042Z"/> </svg> <div class="leading-relaxed"> <p class="font-semibold text-gray-900 mb-1"> Find the best templates to use </p> <p class="w-full text-gray-800"> Browse our collection of ready-made, customizable templates to kickstart your presentation. </p> </div> </div> <div class="text-lg flex justify-center"> <svg class="size-6 text-purple-500 mr-3.5 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.13334 19.5126H5.65575C4.97672 19.5126 4.42624 18.9621 4.42624 18.2831V14.8055C4.42624 14.4794 4.55579 14.1667 4.78634 13.9361L17.7877 0.934783C19.0341 -0.311594 21.0621 -0.311594 22.3085 0.934783L23.0041 1.63029C24.2505 2.87672 24.2505 4.90477 23.0041 6.15114L10.0028 19.1525C9.77215 19.3831 9.45946 19.5126 9.13334 19.5126ZM6.88527 17.0536H8.62404L21.2653 4.41237C21.553 4.12477 21.553 3.65672 21.2653 3.36911L20.5697 2.6736C20.2821 2.38595 19.8141 2.38595 19.5265 2.6736L6.88527 15.3148V17.0536ZM20.2623 20.7422V11.675L22.7213 9.21596V20.7421C22.7213 22.5076 21.2901 23.9388 19.5246 23.9388H3.19672C1.4312 23.9388 0 22.5076 0 20.7421V4.41424C0 2.64872 1.4312 1.21752 3.19672 1.21752H14.7229L12.2639 3.67653H3.19672C2.78931 3.67653 2.45902 4.00683 2.45902 4.41424V13.4814V20.7422C2.45902 21.1496 2.78931 21.4799 3.19672 21.4799H19.5246C19.932 21.4799 20.2623 21.1496 20.2623 20.7422Z"/> </svg> <div class="leading-relaxed"> <p class="font-semibold text-gray-900 mb-1"> Customize your slideshow </p> <p class="w-full text-gray-800"> Adjust fonts, colors, and layouts to suit your style, then dive into the content. It’s really easy! </p> </div> </div> <div class="text-lg flex justify-center"> <svg class="size-6 text-blue-400 mr-3.5 shrink-0 fill-current" xmlns="http://www.w3.org/2000/svg" width="24" height="24"> <path fill-rule="evenodd" d="M23.62 5.057 18.944.382a1.299 1.299 0 0 0-.918-.38H3.376A3.38 3.38 0 0 0 0 3.377v17.247a3.38 3.38 0 0 0 3.377 3.377h17.246A3.38 3.38 0 0 0 24 20.625V5.975c0-.344-.137-.674-.38-.918ZM7.273 21.404v-6.026h9.454v6.026H7.273ZM16.727 2.6v4.987H7.273V2.599h9.454Zm4.676 18.026c0 .43-.35.78-.78.78h-1.298v-7.326c0-.717-.582-1.298-1.299-1.298H5.974c-.717 0-1.299.581-1.299 1.298v7.325H3.377a.78.78 0 0 1-.78-.78V3.379c0-.43.35-.78.78-.78h1.298v6.287c0 .717.582 1.298 1.3 1.298h12.051c.717 0 1.299-.581 1.299-1.298v-4.45l2.078 2.078v14.112Z" clip-rule="evenodd"/> </svg> <div class="leading-relaxed"> <p class="font-semibold text-gray-900 mb-1"> Save, share, or download it! </p> <p class="w-full text-gray-800"> Download it directly to your device, or share it with a click. Take your presentation anywhere! </p> </div> </div> </div> </div> <div class="py-20 bg-gray-50 px-6 2xl:px-10"> <div class="mx-auto px-4 mb-16 sm:mb-20 text-center sm:max-w-4xl md:px-6 3xl:container 3xl:mx-auto md:px-10"> <h2 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> Options to create your slideshow </h2> <p class="text-xl text-gray-800 leading-relaxed"> Ready to wow your audience? Start fresh, customize a template, or let AI handle the heavy lifting—whatever your style, we’ve got you covered for creating a show-stopping slideshow. </p> </div> <div class="flex justify-center 3xl:container 3xl:mx-auto"> <div class="flex flex-col 2xl:flex-row text-gray-900"> <div class="group flex flex-col justify-between w-full max-w-3xl rounded-lg mb-8 2xl:mb-0 bg-purple-300 overflow-hidden 2xl:w-1/2 xl:mr-8"> <div class="relative max-w-lg px-6 pt-6 pb-6"> <h4 class="mb-2 text-2xl font-title font-semibold"> Generate with AI Presentation Maker </h4> <p class="mb-1 text-lg text-gray-800 leading-normal"> Let our AI-powered slideshow maker handle the work, crafting beautiful slides in minutes. </p> <a href="https://slidesgo.com/ai-presentations" class="flex items-center text-base font-semibold h-8 w-fit"> <span class="link-animation"> Try AI presentation maker </span> <svg class="size-4 inline-block ml-2 fill-current"> <use xlink:href="#icon-landing-edu-caret-drop"></use> </svg> </a> </div> <div class="group relative w-full hidden md:block" style="height: 302px"> <img class="absolute w-full object-cover h-full w-full" src="/images/landing/slideshow/presentation-maker.png" alt="AI presentation maker" > <img class="absolute z-1 transition duration-1000 group-hover:scale-105 group-hover:translate-x-1 group-hover:-translate-y-3 object-cover h-full w-full" src="/images/landing/slideshow/presentation-maker-slides.png" alt="AI presentation maker slides" > <img class="absolute z-2 object-cover h-full w-full" src="/images/landing/slideshow/presentation-maker-circle.png" alt="AI presentation maker circle" > <img class="absolute z-2 object-cover h-full w-full" src="/images/landing/slideshow/presentation-maker-button.png" alt="AI presentation maker button" > <img class="absolute z-1 transition duration-1000 group-hover:scale-105 group-hover:translate-x-1 group-hover:translate-y-3 object-cover h-full w-full" src="/images/landing/slideshow/presentation-maker-cursor.png" alt="AI presentation maker cursor" > </div> </div> <div class="flex flex-col justify-between w-full max-w-3xl overflow-hidden w-full 2xl:w-1/2"> <div class="group md:min-h-56 h-max bg-teal-300 mb-8 2xl:mb-6 rounded-xl overflow-hidden flex justify-between"> <div class="p-6 text-left"> <p class="font-semibold text-2xl text-gray-900 mb-2"> Explore editable templates </p> <p class="text-lg text-gray-800 leading-normal"> Discover a collection of customizable slideshow templates that make it easy to create stunning presentations. </p> </div> <div class="relative hidden md:block shrink-0 overflow-hidden bg-cover bg-center bg-teal-100" style="width: 397px; max-width: 397px;"> <img class="absolute transition duration-1000 group-hover:scale-105 group-hover:translate-x-3 object-cover object-top h-full w-full" src="/images/landing/slideshow/explore.png" alt="Explore editable templates" > </div> </div> <div class="card-scratch group md:min-h-56 h-max bg-yellow-300 rounded-xl overflow-hidden flex justify-between"> <div class="p-6 text-left"> <p class="font-semibold text-2xl text-gray-900 mb-2"> Start from scratch </p> <p class="text-lg text-gray-800 leading-normal"> Prefer to build your own? Begin with a blank canvas and design your slideshow your way. </p> </div> <div class="relative hidden md:block shrink-0 overflow-hidden bg-cover bg-center" style="width: 397px; max-width: 397px;"> <img class="absolute object-cover object-top h-full w-full" src="/images/landing/slideshow/scratch.png" alt="Start from scratch" > <div class="absolute z-1 transition duration-1000 group-hover:scale-105 group-hover:-translate-y-3 group-hover:translate-x-2 object-cover h-full w-full" > <svg xmlns="http://www.w3.org/2000/svg" width="429" height="246"> <path fill="#F0F0F0" d="M145 115.813h201v95H145z"/> <path stroke="#336AEA" stroke-width="4" d="M145 115.813h201v95H145z"/> <path fill="#fff" stroke="#336AEA" stroke-width="2" d="M346.513 219.995c5.18 0 9.37-4.222 9.37-9.418 0-5.195-4.19-9.417-9.37-9.417-5.18 0-9.369 4.222-9.369 9.417 0 5.196 4.189 9.418 9.369 9.418ZM346.513 125.791c5.18 0 9.37-4.221 9.37-9.417s-4.19-9.418-9.37-9.418c-5.18 0-9.369 4.222-9.369 9.418 0 5.196 4.189 9.417 9.369 9.417ZM145.513 125.791c5.18 0 9.37-4.221 9.37-9.417s-4.19-9.418-9.37-9.418c-5.18 0-9.369 4.222-9.369 9.418 0 5.196 4.189 9.417 9.369 9.417ZM145.513 219.995c5.18 0 9.37-4.222 9.37-9.418 0-5.195-4.19-9.417-9.37-9.417-5.18 0-9.369 4.222-9.369 9.417 0 5.196 4.189 9.418 9.369 9.418Z"/> </svg> </div> <div class="absolute z-2 transition-fill duration-1000 group-hover:translate-y-0.5 group-hover:-translate-x-8 object-cover h-full w-full" > <svg xmlns="http://www.w3.org/2000/svg" width="429" height="246" fill="none"> <path fill="#0E2A47" d="M250 143.813h1v2h-1v-2Z"/> <path fill="#fff" d="M262.979 151.293c0-.867-.607-1.571-1.465-1.571-.859 0-1.837.704-1.837 1.571v-.771c0-.868-.872-1.572-1.73-1.572-.86 0-1.731.704-1.731 1.572v-1.172c0-.858-.863-1.555-1.707-1.571a2.17 2.17 0 0 0-.115-.004c-.857 0-1.721.704-1.721 1.572v-5.963c0-.867-.81-1.571-1.669-1.571s-1.643.704-1.643 1.571v12.002l-1.136-1.51a1.784 1.784 0 0 0-2.517-.345 1.828 1.828 0 0 0-.34 2.545l5.323 7.071.316.988c.087.388.43.678.841.678h8.394l.003-.002.02.002a.865.865 0 0 0 .828-.629c.002-.006.005-.01.006-.017 2.236-9.292 1.88-12.874 1.88-12.874Z"/> <path fill="#0E2A47" fill-rule="evenodd" d="M260.869 148.595c1.173 0 2.093.964 2.11 2.199.033.42.241 4.087-1.864 12.859a1.536 1.536 0 0 1-1.387 1.158l-.007.002h-8.333a1.52 1.52 0 0 1-1.472-1.164l-.265-.837-5.152-6.863a2.492 2.492 0 0 1-.477-1.83c.087-.656.42-1.237.94-1.637a2.38 2.38 0 0 1 1.47-.504c.718 0 1.383.311 1.845.86v-9.793c0-1.21 1.046-2.232 2.284-2.232 1.251 0 2.308 1.022 2.308 2.232v3.868a2.363 2.363 0 0 1 1.017-.234c.051 0 .096.003.134.004l.004.001a2.497 2.497 0 0 1 1.562.629c.275.242.479.528.607.838a2.397 2.397 0 0 1 1.178-.316 2.45 2.45 0 0 1 2.083 1.204 2.632 2.632 0 0 1 1.415-.444Zm-1.056 14.721.005-.018c2.117-8.838 1.824-12.369 1.821-12.404l-.004-.035v-.032c0-.428-.263-.86-.765-.86-.538 0-1.13.45-1.13.86v.946h-.001l.001.006v.006a.679.679 0 0 1-.672.685.679.679 0 0 1-.671-.689v-.008h-.001v-1.705c0-.426-.517-.861-1.025-.861-.518 0-1.026.427-1.026.861v1.705h-.001v.006a.679.679 0 0 1-.671.691.678.678 0 0 1-.671-.685v-2.87c0-.424-.504-.85-1.016-.86l-.037-.001a.62.62 0 0 0-.063-.003c-.512 0-1.017.426-1.017.861v2.873c0 .378-.3.685-.671.685a.679.679 0 0 1-.671-.691v-.006h-.001v-8.728c0-.442-.469-.86-.965-.86-.492 0-.94.41-.94.86v13.831l-2.319-3.092a1.083 1.083 0 0 0-1.53-.209c-.232.179-.38.438-.418.729-.039.29.036.578.211.811l5.292 7.05.354 1.113.007.028a.174.174 0 0 0 .17.135h8.015l.002-.001h.22l.036.001a.176.176 0 0 0 .152-.125Z" clip-rule="evenodd"/> </svg> </div> </div> </div> </div> </div> </div> </div> <div class="overflow-hidden hidden sm:block"> <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"> <h3 class="text-6xl font-title font-semibold text-gray-900 mb-4 lg:text-8xl"> User testimonials </h3> <p class="text-lg text-gray-800 leading-relaxed mb-4"> Our users are making waves with stunning slides and powerful presentations. See how our editor and templates are helping them shine, one slide at a time! </p> </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 shadow-lg" > <p class="leading-normal text-gray-800 mb-4"> Slidesgo is great. Teachers can use it to enhance instruction in their classrooms to turn those boring PowerPoints into wonderful creations for students. And also if you are training teachers, it’s a great way to do your professional development. </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 class="text-sm leading-relaxed">District of Columbia Public Schools</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 shadow-lg" > <p class="leading-normal text-gray-800 mb-4"> I like Slidesgo because they are efficient, effective and they allow me to reduce time while I’m organising the lessons. So my students are happy because slides are very, very colourful and go up to the point. And that’s what I love. </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 class="text-sm leading-relaxed">Integrated Digital Teaching Coordinator</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="#80E6E0" 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="#648EEF" 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 shadow-lg" > <p class="leading-normal text-gray-800 mb-4"> Slidesgo helps students become creators of information without going down all the rabbit holes that sometimes catch them up. It’s a way for them to understand that graphic design is an important element of any information sharing they might do in their lives. </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 class="text-sm leading-relaxed">Teacher</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 shadow-lg" > <p class="leading-normal text-gray-800 mb-4"> Slidesgo templates really engage my learners, and there’s always a template that will fit the subject material. It’s a really great tool to make things interesting and fun in the classroom and save a lot of time building presentations out. </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 class="text-sm leading-relaxed">Teacher</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"> Frequently asked 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-slideshow.faqs.do-i-need-to-create-a-free-account-to-use-the-slideshow-maker' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Do I need to create a free account to use the slideshow maker? </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"> Yes, you’ll need to create a free account to use the slideshow maker, but it’s super simple. You can sign up with your Google or Apple account, or just use your email to get started in no time. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-slideshow.faqs.how-do-i-add-photos-to-the-slideshow-maker' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> How do I add photos to the slideshow maker? </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"> On the left bar, click on Photos to explore Freepik’s vast gallery, or head to Uploads to add your own images from your device. Once uploaded, feel free to edit and perfect your images directly within the editor. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-slideshow.faqs.how-do-i-add-a-video-to-slidesgos-editor' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> How do I add a video to Slidesgo’s editor? </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"> In the editor, you'll find the Uploads option on the left bar. Simply click to upload any video stored on your device and seamlessly add it to your slideshow. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-slideshow.faqs.do-i-need-to-attribute-to-the-creators-of-the-resources' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Do I need to attribute to the creators of the resources? </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"> If you're using the free version, please make sure to keep the credits slide in your slideshow to attribute Slidesgo. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'landing-slideshow.faqs.how-do-i-make-a-good-slideshow' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> How do I make a good slideshow? </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"> You can find lots of tips and tricks to make a perfect slideshow <a href="https://slidesgo.com/slidesgo-school/presentation-tips">here</a>. However, don’t forget to leverage our AI tools, such as Text to image, AI writer, or AI translator, to make the most of it. </div> </div> </div> <p class="leading-relaxed text-base text-gray-800 mt-9"> If you need further information, <a class='text-blue-500 inline-block' href='https://slidesgo.com/profile/support'>please contact us</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> </main> <script type="text/javascript"> function onetapCallback(googleUser) { return fetch(`https://id.freepik.com/api/v2/login/google-one-tap?client_id=slidesgo&lang=en&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" fill="none" 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"> Work with us <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/ambassadors"> Become ambassador </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" > Suggestion box </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"> Social Media </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">  <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"> Content <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">Home</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/recent">Recent</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/themes">Popular</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/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/multi-purpose#rs=footer">Multi-purpose</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/printable-slides#rs=footer">Printable Slides</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/resources-pack#rs=footer">Resources Pack</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"> Learn <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/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/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/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/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/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/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"> Help <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/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/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/terms-conditions">Terms & conditions</a> </li> <li class="sm:pr-2" id="footer-community-link"> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" target="_blank" href="https://www.facebook.com/groups/1129415331402945">Slidesgo Educator Community</a> </li> </ul> </li>  <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">Privacy policy</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">Cookies policy</a> </li> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/company/about-us" target="_blank" rel="noreferrer" > About us </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. All rights reserved.</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"> English <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/creador-slideshows" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Español</a> <a hreflang="en" href="/slideshow-maker" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">English</a> <a hreflang="pt" href="/pt/criador-slideshows" 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/createur-slideshows" 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/slideshow-ersteller" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Deutsch</a> <a hreflang="ko" href="/ko/%EC%8A%AC%EB%9D%BC%EC%9D%B4%EB%93%9C%EC%87%BC-%EB%A9%94%EC%9D%B4%EC%BB%A4" 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>Freepik Company Projects</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://www.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/" 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" 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> <div x-data="navMenu" @display-nav-menu.window="active = true" > <div :class="active ? 'active-menu' : ''"> <div class="nav-mob fixed z-40 overflow-y-auto opacity-0 pointer-events-none bg-opacity-50 bg-gray-900 inset-0 transition-opacity duration-300 xl:hidden"> <div x-show="active" x-transition:enter="transition linear duration-500" x-transition:enter-start="sm:translate-x-80 -translate-x-80" x-transition:enter-end="translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="translate-x-0" x-transition:leave-end="sm:translate-x-80 -translate-x-80" class="flex flex-col sm:items-end h-full"> <div @click.outside="closeMenu" class="w-full h-full overflow-x-hidden absolute bg-white xs:w-80"> <div class="flex sm:flex-row-reverse h-16 text-right w-full bg-gray-50 mb-2"> <button @click="closeMenu" class="py-4 px-6 z-20 mx-3 sm:mx-0" aria-label="Close button" > <svg alt="Close icon" class="h-4 w-4 text-gray-900 fill-current" loading="lazy" 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> <nav> <div class="text-gray-900"> <div x-show="activeSection==='menu'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 -translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 -translate-x-10" class="absolute w-full"> <div @click="selectSection('ai_tools')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <div class="flex"> <span class="text-base font-semibold"> AI Tools </span> <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New </span> </div> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('templates')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <span class="text-base font-semibold"> Templates </span> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('education-hub')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <span class="text-base font-semibold"> Education Hub </span> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('learn')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <span class="text-base font-semibold"> Learn </span> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div class="my-4 mx-5 border-b border-gray-75"></div> <div @click="selectSection('pricing')" class="mx-5 px-1 py-2.5 rounded text-yellow-800 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <span class="text-base font-semibold"> Plans & Pricing </span> <svg class="size-6 text-gray-900 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('more')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <span class="text-base font-semibold"> More </span> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> </div> <div x-show="activeSection === 'ai_tools'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full pb-6" > <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <div class="flex"> <span class="text-base font-semibold"> AI Tools </span> <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New </span> </div> </div> <div class=""> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path d="M19.8017 3.41409L18.6997 0.914752C18.162 -0.304917 16.4314 -0.304917 15.8938 0.914752L14.7918 3.41409C14.6376 3.76424 14.3577 4.04408 14.0076 4.1983L11.5082 5.30031C10.2886 5.83796 10.2886 7.56856 11.5082 8.10621L14.0076 9.20822C14.3577 9.36244 14.6376 9.64228 14.7918 9.99243L15.8938 12.4918C16.4314 13.7114 18.162 13.7114 18.6997 12.4918L19.8017 9.99243C19.9559 9.64228 20.2358 9.36244 20.5859 9.20822L23.0852 8.10621C24.3049 7.56856 24.3049 5.83796 23.0852 5.30031L20.5859 4.1983C20.2358 4.04408 19.9559 3.76424 19.8017 3.41409Z"/> <path d="M5.44176 9.52043L6.18143 11.1981C6.28502 11.4334 6.47299 11.6209 6.70783 11.7245L8.38546 12.4641C9.20436 12.8251 9.20436 13.9871 8.38546 14.348L6.70783 15.0877C6.47252 15.1913 6.28502 15.3792 6.18143 15.6141L5.44176 17.2917C5.08082 18.1106 3.91881 18.1106 3.55788 17.2917L2.8182 15.6141C2.71461 15.3788 2.52664 15.1913 2.2918 15.0877L0.614171 14.348C-0.204724 13.9871 -0.204724 12.8251 0.614171 12.4641L2.2918 11.7245C2.52711 11.6209 2.71461 11.4329 2.8182 11.1981L3.55788 9.52043C3.91881 8.70153 5.08082 8.70153 5.44176 9.52043Z"/> <path d="M14.3666 17.0944L14.9755 18.4758C15.0608 18.6694 15.2155 18.824 15.4091 18.9093L16.7905 19.5182C17.4645 19.8154 17.4645 20.7721 16.7905 21.0693L15.4091 21.6782C15.2155 21.7635 15.0608 21.9182 14.9755 22.1118L14.3666 23.4932C14.0694 24.1672 13.1127 24.1672 12.8156 23.4932L12.2067 22.1118C12.1213 21.9182 11.9667 21.7635 11.7731 21.6782L10.3917 21.0693C9.71763 20.7721 9.71763 19.8154 10.3917 19.5182L11.7731 18.9093C11.9667 18.824 12.1213 18.6694 12.2067 18.4758L12.8156 17.0944C13.1127 16.4203 14.0694 16.4203 14.3666 17.0944Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> AI Tools </span> </div> <div class=""> <a href="https://slidesgo.com/ai-presentations#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> AI presentation maker </span> <span class="text-base text-gray-700 leading-relaxed">Create presentations in minutes with AI</span> </a> <a href="https://slidesgo.com/ai-pdf-to-ppt-converter#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> AI PDF to PPT converter <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> New </span> </span> <span class="text-base text-gray-700 leading-relaxed">Turn documents into PPT with AI</span> </a> <a href="https://slidesgo.com/ai-lesson-plan-generator#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> AI lesson plan generator </span> <span class="text-base text-gray-700 leading-relaxed">Plan your lessons faster with AI</span> </a> <a href="https://slidesgo.com/ai-icebreaker-generator#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> AI icebreaker generator </span> <span class="text-base text-gray-700 leading-relaxed">Generate icebreaker activities and ideas</span> </a> <a href="https://slidesgo.com/ai-exit-ticket-generator#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> AI exit ticket generator </span> <span class="text-base text-gray-700 leading-relaxed">Create quick formative assessments for your students</span> </a> <a href="https://slidesgo.com/ai/quiz-maker#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> AI quiz maker <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> beta </span> </span> <span class="text-base text-gray-700 leading-relaxed">Create comprehensive quizzes from any reading material</span> </a> </div> </div> <div class=""> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"> <path d="M17.5765 7.4505L16.193 7.14975C16.0727 6.78143 15.9237 6.42218 15.7478 6.07611L16.5137 4.88478C16.6505 4.67192 16.6204 4.39246 16.4416 4.21365L14.2863 2.05841C14.1075 1.87961 13.8281 1.84953 13.6152 1.98631L12.4239 2.7522C12.0778 2.57628 11.7186 2.42728 11.3503 2.30698L11.0495 0.923523C10.9958 0.676331 10.7769 0.5 10.5239 0.5H7.47606C7.2231 0.5 7.0042 0.676331 6.9505 0.923523L6.64975 2.30698C6.28143 2.42728 5.92218 2.57628 5.57611 2.7522L4.38478 1.98631C4.17192 1.84953 3.89246 1.87961 3.71365 2.05841L1.55841 4.21365C1.37961 4.39246 1.34953 4.67192 1.48631 4.88478L2.2522 6.07611C2.07628 6.42218 1.92728 6.78143 1.80698 7.14975L0.423523 7.4505C0.176331 7.50433 0 7.7231 0 7.97606V11.0239C0 11.2769 0.176331 11.4957 0.423523 11.5495L1.80698 11.8503C1.92728 12.2186 2.07628 12.5778 2.2522 12.9239L1.48631 14.1152C1.34953 14.3281 1.37961 14.6075 1.55841 14.7863L3.71365 16.9416C3.89246 17.1204 4.17192 17.1505 4.38478 17.0137L5.57611 16.2478C5.92218 16.4237 6.28143 16.5727 6.64975 16.693L6.9505 18.0765C7.0042 18.3237 7.2231 18.5 7.47606 18.5H10.5239C10.7769 18.5 10.9958 18.3237 11.0495 18.0765L11.3503 16.693C11.7186 16.5727 12.0778 16.4237 12.4239 16.2478L13.6152 17.0137C13.8281 17.1505 14.1075 17.1205 14.2863 16.9416L16.4416 14.7863C16.6204 14.6075 16.6505 14.3281 16.5137 14.1152L15.7478 12.9239C15.9237 12.5778 16.0727 12.2186 16.193 11.8503L17.5765 11.5495C17.8237 11.4957 18 11.2769 18 11.0239V7.97606C18 7.7231 17.8237 7.50433 17.5765 7.4505ZM12.2271 9.5C12.2271 11.2794 10.7794 12.7271 9 12.7271C7.22063 12.7271 5.7729 11.2794 5.7729 9.5C5.7729 7.72063 7.22063 6.2729 9 6.2729C10.7794 6.2729 12.2271 7.72063 12.2271 9.5Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> Other tools </span> </div> <div class=""> <a href="https://slidesgo.com/slideshow-maker#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> Create Slideshows </span> <span class="text-base text-gray-700 leading-relaxed">Create and customize presentations online with Slidesgo's editor</span> </a> <a href="https://workspace.google.com/marketplace/app/slidesgo_for_google_slides/560773215564#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> Addon for Google Slides </span> <span class="text-base text-gray-700 leading-relaxed">Apply Slidesgo themes to your Google Slides presentations</span> </a> </div> </div> <a href="https://slidesgo.com/ai#from_element=main_menu" class="mt-4 block pl-4" > <span class="flex items-center w-fit text-lg border-b border-transparent text-purple-600 font-semibold hover:border-purple-600"> Explore all AI tools <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </span> </a> </div> <div x-show="activeSection === 'templates'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full pb-6" > <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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="M9.73171 2.6748H12.1504C13.1691 2.6748 14 3.50569 14 4.52439V6.26755C13.7855 7.01555 13.0043 7.57237 12.0777 7.57237H1.92232C0.99572 7.57237 0.214545 7.01555 0 6.26754V4.52439C0 3.50569 0.830894 2.6748 1.84959 2.6748H4.26829V1.84959C4.26829 0.830894 5.09919 0 6.11789 0H7.88211C8.90081 0 9.73171 0.830894 9.73171 1.84959V2.6748ZM6.11786 1.42277C5.88169 1.42277 5.69103 1.61342 5.69103 1.84959V2.6748H8.30892V1.84959C8.30892 1.61342 8.11827 1.42277 7.88209 1.42277H6.11786Z"/> <path d="M0 7.82692V12.1504C0 13.1691 0.830894 14 1.84959 14H12.1504C13.1691 14 14 13.1691 14 12.1504V7.82693C13.7854 8.50778 13.0043 9.01461 12.0777 9.01461H7.68359V9.43003C7.68359 9.80738 7.37734 10.1136 7 10.1136C6.62266 10.1136 6.31641 9.80738 6.31641 9.43003V9.01461H1.92232C0.99572 9.01461 0.214545 8.50777 0 7.82692Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By industry </span> </div> <div> <div @click="selectSection('Business')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Business </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('Medical')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Medical </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('Marketing')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Marketing </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('Popular')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Popular </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"> <path d="M13.043 5.61914C12.6656 5.61914 12.3594 5.92539 12.3594 6.30273V11.4297C12.3594 11.4898 12.3457 11.55 12.3211 11.602L10.2457 9.52656C10.1172 9.39805 9.94492 9.32695 9.76172 9.32695C9.57852 9.32695 9.40625 9.39805 9.27773 9.52656L8.36719 10.4344L5.15977 7.22695C4.8918 6.95898 4.45977 6.95898 4.1918 7.22695L1.64062 9.77813V3.71875C1.64062 3.4918 1.82383 3.30859 2.05078 3.30859H7.82031C8.19766 3.30859 8.50391 3.00234 8.50391 2.625C8.50391 2.24766 8.19766 1.94141 7.82031 1.94141H2.05078C1.07188 1.94141 0.273438 2.73984 0.273438 3.71875V11.4297C0.273438 11.4406 0.273438 11.4516 0.273438 11.4625C0.292578 12.4277 1.08008 13.207 2.05078 13.207H11.9492C12.9281 13.207 13.7266 12.4086 13.7266 11.4297V6.30273C13.7266 5.92539 13.4203 5.61914 13.043 5.61914Z"/> <path d="M13.7786 2.38164L12.7751 1.99883C12.6821 1.96328 12.611 1.89219 12.5755 1.79922L12.1927 0.795703C12.0806 0.500391 11.6622 0.500391 11.5501 0.795703L11.1673 1.79922C11.1317 1.89219 11.0606 1.96328 10.9677 1.99883L9.96416 2.38164C9.66885 2.49375 9.66885 2.91211 9.96416 3.02422L10.9677 3.40703C11.0606 3.44258 11.1317 3.51367 11.1673 3.60664L11.5501 4.61016C11.6622 4.90547 12.0806 4.90547 12.1927 4.61016L12.5755 3.60664C12.611 3.51367 12.6821 3.44258 12.7751 3.40703L13.7786 3.02422C14.0739 2.91211 14.0739 2.49375 13.7786 2.38164Z"/> <path d="M8.03369 6.45293L8.61885 6.67715C8.70635 6.70996 8.77745 6.78106 8.81026 6.86856L9.03448 7.45372C9.14385 7.73809 9.54854 7.73809 9.65518 7.45372L9.8794 6.86856C9.91221 6.78106 9.98331 6.70996 10.0708 6.67715L10.656 6.45293C10.9403 6.34356 10.9403 5.93887 10.656 5.83223L10.0708 5.60801C9.98331 5.5752 9.91221 5.5041 9.8794 5.4166L9.65518 4.83145C9.54581 4.54707 9.14112 4.54707 9.03448 4.83145L8.81026 5.4166C8.77745 5.5041 8.70635 5.5752 8.61885 5.60801L8.03369 5.83223C7.74658 5.9416 7.74658 6.34629 8.03369 6.45293Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By style </span> </div> <div> <a href="https://slidesgo.com/minimalist#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="text-base">Minimalist</span> </a> <a href="https://slidesgo.com/aesthetic#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="text-base">Aesthetic</span> </a> <a href="https://slidesgo.com/simple#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="text-base">Simple</span> </a> <a href="https://slidesgo.com/cute#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="text-base">Cute</span> </a> <a href="https://slidesgo.com/professional#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="text-base">Professional</span> </a> <a href="https://slidesgo.com/vintage#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="text-base">Vintage</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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> <span class="ml-2 text-base font-semibold uppercase"> By color </span> </div> <div> <a href="https://slidesgo.com/black#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #1d262d" ></span> <span class="text-base">Black</span> </a> <a href="https://slidesgo.com/white#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-gray-200" style="background: #ffffff" ></span> <span class="text-base">White</span> </a> <a href="https://slidesgo.com/gray#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #869FB2" ></span> <span class="text-base">Gray</span> </a> <a href="https://slidesgo.com/silver#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #c0c0c0" ></span> <span class="text-base">Silver</span> </a> <a href="https://slidesgo.com/purple#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #4949e7" ></span> <span class="text-base">Purple</span> </a> <a href="https://slidesgo.com/blue#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #5EB2FC" ></span> <span class="text-base">Blue</span> </a> <a href="https://slidesgo.com/green#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #69E781" ></span> <span class="text-base">Green</span> </a> <a href="https://slidesgo.com/yellow#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fcbd24" ></span> <span class="text-base">Yellow</span> </a> <a href="https://slidesgo.com/orange#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #eb7d16" ></span> <span class="text-base">Orange</span> </a> <a href="https://slidesgo.com/brown#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #60341a" ></span> <span class="text-base">Brown</span> </a> <a href="https://slidesgo.com/gold#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ccae4e" ></span> <span class="text-base">Gold</span> </a> <a href="https://slidesgo.com/cream#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fff8df" ></span> <span class="text-base">Cream</span> </a> <a href="https://slidesgo.com/red#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ec3a3b" ></span> <span class="text-base">Red</span> </a> <a href="https://slidesgo.com/pink#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer" > <span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ff7893" ></span> <span class="text-base">Pink</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.33 17.9635c-.2373 0-.471-.0913-.6462-.2665l-5.96231-5.9623-5.96227 5.9623c-.26288.2592-.65355.3395-.993102.1971-.343205-.1424-.565923-.4746-.565923-.8434V2.37323C.200195 1.06613 1.26632 0 2.57342 0H12.8696c1.3071 0 2.3732 1.06613 2.3732 2.37323V17.0507c0 .3688-.2227.701-.5623.8434-.1132.0475-.2337.0694-.3505.0694Z"/></svg> <span class="ml-2 text-base font-semibold uppercase"> Collections </span> </div> <div> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base flex items-center gap-1"> Slidesclass </span> <span class="text-base text-gray-700 leading-relaxed">Ready-to-use slides for any subject to simplify your lesson planning</span> </a> <a href="https://slidesgo.com/disney#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base flex items-center gap-1"> <svg class="size-4 text-transparent fill-current" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.2873 6.70059L12.6836 6.81558L12.9189 7.38326C14.0518 10.1155 12.7843 13.2399 10.0608 14.3692C7.32954 15.5017 4.20642 14.2355 3.07615 11.514C2.54296 10.1789 2.54334 8.71238 3.07732 7.37745L3.29875 6.82387L2.71505 6.70227C1.23465 6.39385 0.249645 4.9089 0.556141 3.43771L0.556213 3.43773L0.55782 3.42929C0.802189 2.14635 1.97071 1.21655 3.26787 1.21655C4.74853 1.21655 5.98079 2.39011 6.04228 3.86584L6.06871 4.50021L6.67921 4.32578C7.15298 4.19042 7.54277 4.12676 7.99695 4.12676C8.46221 4.12676 8.91685 4.19367 9.29394 4.31936L9.92397 4.52937L9.95162 3.86584C10.0131 2.3901 11.2454 1.21655 12.726 1.21655C14.2688 1.21655 15.5 2.4478 15.5 3.99053C15.5 5.2877 14.5702 6.45622 13.2873 6.70059Z" stroke="#0D0D0D"/> </svg> Disney <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New content </span> </span> <span class="text-base text-gray-700 leading-relaxed">Templates with your favorite Disney and Pixar characters</span> </a> <a href="https://slidesgo.com/infographics#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base flex items-center gap-1"> Infographics </span> <span class="text-base text-gray-700 leading-relaxed">Templates for turning data and information into visual presentations</span> </a> </div> </div> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> <div x-show="activeSection === 'Business'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 -translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 -translate-x-10" class="absolute w-full pb-6" > <div @click="selectSection('templates')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <a href="https://slidesgo.com/business#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base font-semibold">Business</span> </a> <a href="https://slidesgo.com/money#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Money</span> </a> <a href="https://slidesgo.com/technology#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Technology</span> </a> <a href="https://slidesgo.com/law#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Law</span> </a> <a href="https://slidesgo.com/sport#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Sport</span> </a> <a href="https://slidesgo.com/architecture#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Architecture</span> </a> <a href="https://slidesgo.com/fashion#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Fashion</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'Medical'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 -translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 -translate-x-10" class="absolute w-full pb-6" > <div @click="selectSection('templates')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <a href="https://slidesgo.com/medical#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base font-semibold">Medical</span> </a> <a href="https://slidesgo.com/health#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Health</span> </a> <a href="https://slidesgo.com/mental-health#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Mental Health</span> </a> <a href="https://slidesgo.com/disease#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Disease</span> </a> <a href="https://slidesgo.com/case-report#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Case Report</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'Marketing'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 -translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 -translate-x-10" class="absolute w-full pb-6" > <div @click="selectSection('templates')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <a href="https://slidesgo.com/marketing#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base font-semibold">Marketing</span> </a> <a href="https://slidesgo.com/newsletter#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Newsletter</span> </a> <a href="https://slidesgo.com/campaign#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Campaign</span> </a> <a href="https://slidesgo.com/instagram#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Instagram</span> </a> <a href="https://slidesgo.com/social-media#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Social Media</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'Popular'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 -translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 -translate-x-10" class="absolute w-full pb-6" > <div @click="selectSection('templates')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <a href="https://slidesgo.com/themes#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base font-semibold">Popular</span> </a> <a href="https://slidesgo.com/food#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Food</span> </a> <a href="https://slidesgo.com/nature#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Nature</span> </a> <a href="https://slidesgo.com/travel#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Travel</span> </a> <a href="https://slidesgo.com/water#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Water</span> </a> <a href="https://slidesgo.com/space#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Space</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'education-hub'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full pb-6" > <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Education Hub </span> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"> <path d="M9.96875 12.375H6.03125V9.14062H9.96875V12.375Z"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.4607 4.74701C10.4607 5.23217 10.8544 5.62592 11.3396 5.62592H15.2422V15.3633C15.2422 16.6219 14.2156 17.6484 12.957 17.6484H3.04297C1.78438 17.6484 0.757812 16.6219 0.757812 15.3633V2.63672C0.757812 1.37813 1.78438 0.351562 3.04297 0.351562H10.4607L10.4607 4.74701ZM5.1875 5.625H7.33203C7.81719 5.625 8.21094 5.23125 8.21094 4.74609C8.21094 4.26094 7.81719 3.86719 7.33203 3.86719H5.1875C4.70234 3.86719 4.30859 4.26094 4.30859 4.74609C4.30859 5.23125 4.70234 5.625 5.1875 5.625ZM10.8477 7.38281H5.15234C4.66719 7.38281 4.27344 7.77656 4.27344 8.26172V13.2539C4.27344 13.7391 4.66719 14.1328 5.15234 14.1328H10.8477C11.3328 14.1328 11.7266 13.7391 11.7266 13.2539V8.26172C11.7266 7.77656 11.3328 7.38281 10.8477 7.38281Z"/> <path d="M12.2185 1.35677V3.8681H14.7298L12.2185 1.35677Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By content type </span> </div> <div> <a href="https://slidesgo.com/coloring-page#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Coloring Page</span> </a> <a href="https://slidesgo.com/workshop#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Workshop</span> </a> <a href="https://slidesgo.com/about-me#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">About Me</span> </a> <a href="https://slidesgo.com/back-to-school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Back to School</span> </a> <a href="https://slidesgo.com/lesson#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Lesson</span> </a> <a href="https://slidesgo.com/thesis-defense#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Thesis Defense</span> </a> <a href="https://slidesgo.com/printable#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Printable</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15.7798 4.78992 8.24856.0711699c-.15197-.0952187-.34515-.0952187-.49712 0L.220188 4.78992C.0833125 4.87551 0 5.02567 0 5.18726c0 .1616.0833125.31175.220188.39735L7.75144 10.2721c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68749c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/><path d="m15.7798 10.4151-.7298-.45612-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 9.95898l-.729843.45612C.0833125 10.5007 0 10.6509 0 10.8125c0 .1616.0833125.3117.220188.3973l7.531252 4.7188c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.7188c.1369-.0856.2202-.2357.2202-.3973s-.0833-.3118-.2202-.3974Z"/><path d="m15.7798 7.60264-.7298-.45616-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 7.14648l-.729843.45616C.0833125 7.68823 0 7.83839 0 7.99998c0 .1616.0833125.31175.220188.39735L7.75144 13.0848c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68747c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/></svg> <span class="ml-2 text-base font-semibold uppercase"> By subject </span> </div> <div> <a href="https://slidesgo.com/history#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">History</span> </a> <a href="https://slidesgo.com/science#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Science</span> </a> <a href="https://slidesgo.com/art#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Art</span> </a> <a href="https://slidesgo.com/math#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Math</span> </a> <a href="https://slidesgo.com/biology#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Biology</span> </a> <a href="https://slidesgo.com/chemistry#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Chemistry</span> </a> <a href="https://slidesgo.com/geography#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Geography</span> </a> <a href="https://slidesgo.com/psychology#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Psychology</span> </a> <a href="https://slidesgo.com/literature#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Literature</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 22 16" xmlns="http://www.w3.org/2000/svg"><path d="M17.0798 9.4978v2.7964c0 1.0157-.5979 1.9222-1.5236 2.3465-1.125.5142-2.8285 1.0735-4.905 1.0735-2.0764 0-3.77997-.5593-4.9114-1.0735-.91929-.4243-1.51714-1.3308-1.51714-2.3465V9.4978l4.57071 2.0893c.585.27 1.21503.405 1.85783.405.6429 0 1.2729-.135 1.8579-.405l4.5707-2.0893Z"/><path d="M19.6509 8.32153v4.17857c0 .3536-.2892.6429-.6428.6429s-.6429-.2893-.6429-.6429V8.91296l1.2857-.59143Z"/><path d="M9.32538 10.4197c.42107.1922.87302.2886 1.32552.2886.4526 0 .9039-.0958 1.3256-.2886l8.2099-3.75305c.4629-.2115.7503-.65957.7503-1.16936 0-.50978-.2874-.9585-.7503-1.17L11.9765.574936c-.8428-.385071-1.8077-.385071-2.65048 0L1.11545 4.32665c-.462859.21214-.750216.66022-.750216 1.17 0 .50979.287357.95786.750216 1.17l8.20993 3.75305Z"/></svg> <span class="ml-2 text-base font-semibold uppercase"> By school level </span> </div> <div> <a href="https://slidesgo.com/pre-k#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Pre-K</span> </a> <a href="https://slidesgo.com/elementary#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Elementary</span> </a> <a href="https://slidesgo.com/middle-school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Middle School</span> </a> <a href="https://slidesgo.com/high-school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">High School</span> </a> <a href="https://slidesgo.com/university#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">University</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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="M10.8824 13.3556C10.7738 13.3556 10.6648 13.3297 10.565 13.2772L6.98637 11.3958L3.40772 13.2772C3.17782 13.3981 2.89927 13.3779 2.68921 13.2253C2.4791 13.0726 2.37387 12.814 2.41778 12.558L3.10124 8.5731L0.206055 5.751C0.020098 5.56974 -0.0468455 5.2986 0.0334157 5.05163C0.11365 4.80462 0.327197 4.62464 0.584192 4.58728L4.58524 4.00588L6.37457 0.380292C6.48952 0.147423 6.72667 0 6.98639 0C7.24612 0 7.48327 0.147423 7.59819 0.38032L9.38752 4.00591L13.3886 4.58731C13.6456 4.62464 13.8591 4.80465 13.9393 5.05165C14.0196 5.29863 13.9527 5.56976 13.7667 5.75103L10.8715 8.57313L11.555 12.558C11.5989 12.814 11.4937 13.0727 11.2835 13.2253C11.1647 13.3117 11.0239 13.3556 10.8824 13.3556Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> Featured resources </span> </div> <div> <a href="https://slidesgo.com/ai#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">AI tools for education</span> <span class="text-base text-gray-700 leading-relaxed">Start creating with AI, for teachers and students</span> </a> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Slidesclass</span> <span class="text-base text-gray-700 leading-relaxed">Ready-to-use slides for any subject to simplify your lesson planning</span> </a> <a href="https://slidesgo.com/smartick#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Smartick</span> <span class="text-base text-gray-700 leading-relaxed">Discover the world of mathematics like never before with Smartick!</span> </a> <a href="https://slidesgo.com/teacher-toolkit#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Teacher Toolkit</span> <span class="text-base text-gray-700 leading-relaxed">Ready-to-edit educational materials</span> </a> </div> </div> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/education" > Explore all education templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> <div x-show="activeSection === 'learn'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full"> <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold">Learn</span> </div> <div class=""> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" data-option="learn.school" data-gtm-event="main_menu" onclick="gtm.navbarGtm('tutorial', '{{ route('school') }}')" href="https://slidesgo.com/slidesgo-school" target="_self" > <span class="block h-6">Blog</span> <span class="block text-gray-700">Articles and other resources</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" data-option="learn.powerpoint_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials" target="_self" > <span class="block h-6">PowerPoint Tutorials</span> <span class="block text-gray-700">Learn how to work with Microsoft PowerPoint</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" data-option="learn.google_slides_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/google-slides-tutorials" target="_self" > <span class="block h-6">Google Slides Tutorials</span> <span class="block text-gray-700">Discover the secrets of Google Slides</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" data-option="learn.presentation_tips" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/presentation-tips" target="_self" > <span class="block h-6">Presentation Tips</span> <span class="block text-gray-700">The best tips on how to make an excellent presentation</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" data-option="learn.community" data-gtm-event="main_menu" onclick="gtm.navbarGtm('academy', 'https://www.facebook.com/groups/1129415331402945')" href="https://www.facebook.com/groups/1129415331402945" target="_blank" > <span class="block h-6">Slidesgo Teacher Community</span> <span class="block text-gray-700">Join a global community of teachers and educators sharing tips and tools</span> </a> </div> </div> <div x-show="activeSection === 'pricing'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full"> <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-yellow-800 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 text-gray-800 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Plans & Pricing </span> </div> <div> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/pricing" onclick="trackAnalytic('premium', 'click', 'prices-individual'); gtm.microfunnel('', 'Simple plans for you', 'https://slidesgo.com/pricing', 'header_menu')" rel="noreferrer" > <span class="block h-6">Pricing</span> <span class="block text-gray-600">Discover benefits of Premium plan</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/for-education-contact-us" rel="noreferrer" > <span class="block h-6">Slidesgo for Schools and Districts</span> <span class="block text-gray-600">Save money when your school buys together</span> </a> </div> </div> <div x-show="activeSection === 'more'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full"> <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold">More</span> </div> <div> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://www.freepik.com/" @click="gtm.navbarGtm('Freepik', 'https://www.freepik.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Freepik</span> <span class="block text-gray-600">Free vectors, photos and PSD</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://www.flaticon.com/" @click="gtm.navbarGtm('Flaticon', 'https://www.flaticon.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Flaticon</span> <span class="block text-gray-600">Free customizable icons</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://wepik.com/" @click="gtm.navbarGtm('Wepik', 'https://wepik.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Wepik</span> <span class="block text-gray-600">Free online template editor</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://storyset.com/" @click="gtm.navbarGtm('Storyset', 'https://storyset.com/')" target="_blank" rel="noreferrer" > <span class="block h-6">Storyset</span> <span class="block text-gray-600">Free editable illustrations</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://www.videvo.net/" @click="gtm.navbarGtm('Videvo', 'https://www.videvo.net/')" target="_blank" rel="noreferrer" > <span class="block h-6">Videvo</span> <span class="block text-gray-600">Free videos and motion graphics</span> </a> </div> </div> </div> <div class="hidden"> <svg id="icon-nav-mobile-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> </nav> </div> </div> </div> </div> </div> <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/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/searcher-CwauGSSJ.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/app-c3eFW2ew.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/index-DcSiGHp9.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/functions-jlleKNFh.js" /><script type="module" src="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/searcher-CwauGSSJ.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/app-c3eFW2ew.js" data-navigate-track="reload"></script><script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"anonymous","uri":"\/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":"student"}; window.addEventListener("load", () => { gtm.pageView(null, null, extraParams) }); </script> <script> const header = document.querySelector(".header-landing"); function handleLandingScroll(offset) { if (offset.top < -1) { header.classList.add('scrolled') header.classList.remove('parent-inverted') } else { header.classList.remove('scrolled') } } // Loaded for the first time const offset = document.body.getBoundingClientRect(); handleLandingScroll(offset); </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>

CINXE.COM

Free online slideshow maker | Slidesgo