Slidesgo - FAQs

<!doctype html> <html lang="en" data-lang="en"> <head> <link rel="preload" href="/images/logos/slidesgo-white.svg" as="image"> <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>Slidesgo - FAQs</title> <meta name="description" content="Slidesgo frequently asked questions"> <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="https://slidesgo.com/pt/perguntas-frequentes" /> <link rel="alternate" hreflang="es" href="https://slidesgo.com/es/preguntas-frecuentes" /> <link rel="alternate" hreflang="en" href="https://slidesgo.com/faqs" /> <link rel="alternate" hreflang="fr" href="https://slidesgo.com/fr/faqs" /> <link rel="alternate" hreflang="de" href="https://slidesgo.com/de/faqs" /> <link rel="alternate" hreflang="ko" href="https://slidesgo.com/ko/%EC%9E%90%EC%A3%BC%20%EB%AC%BB%EB%8A%94%20%EC%A7%88%EB%AC%B8" /> <link rel='alternate' hreflang='x-default' href='https://slidesgo.com/faqs' /> <link rel="canonical" href="https://slidesgo.com/faqs"> <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> </head> <body class="bg-background text-gray-600 font-base min-h-screen flex flex-col overflow-y-scroll relative" > <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":"https:\/\/slidesgo.com\/faqs"},"es":{"home.bar_lang":"\u00a1Slidesgo tambi\u00e9n est\u00e1 disponible en castellano!","home.bar_lang_llevame":"Vis\u00edtanos","url":"https:\/\/slidesgo.com\/es\/preguntas-frecuentes"},"pt":{"home.bar_lang":"Slidesgo tamb\u00e9m est\u00e1 dispon\u00edvel em portugu\u00eas!","home.bar_lang_llevame":"Vamos l\u00e1!","url":"https:\/\/slidesgo.com\/pt\/perguntas-frequentes"},"fr":{"home.bar_lang":"Slidesgo est aussi disponible en fran\u00e7ais!","home.bar_lang_llevame":"C\u2019est parti!","url":"https:\/\/slidesgo.com\/fr\/faqs"},"de":{"home.bar_lang":"Slidesgo ist auch auf Deutsch verf\u00fcgbar","home.bar_lang_llevame":"Anzeigen","url":"https:\/\/slidesgo.com\/de\/faqs"},"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":"https:\/\/slidesgo.com\/ko\/%EC%9E%90%EC%A3%BC%20%EB%AC%BB%EB%8A%94%20%EC%A7%88%EB%AC%B8"}}')"> <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> <div x-data="" class="flex sticky top-0 left-0 right-0 z-30"> <header class=" header flex flex-1 items-center xl:block h-16 left-0 right-0 text-base bg-white border-gray-100 border-b parent-inverted:bg-purple-600 parent-inverted:border-transparent [.scrolled&]:shadow-md [.scrolled&]:sm:shadow-none" > <div class="flex items-center justify-between h-16 w-full h-full px-4 sm:px-6"> <button @click="$dispatch('display-nav-menu')" class="mr-0 md:mr-4 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="sm:translate-x-0 sm:relative sm:left-auto sm:px-2 text-center mr-4 xl:mr-9"> <a href="https://slidesgo.com" class="logo"> <img id="header-logo" src="/images/logos/slidesgo.svg" alt="Slidesgo" height="24" width="157.14" loading="lazy"> </a> </div> <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 class="flex sm:flex-1 justify-end items-center"> <div id="topnav-search" class="absolute top-16 left-0 right-0 max-w-none justify-center px-4 py-2 bg-white shadow-md sm:relative sm:shadow-none sm:bg-transparent sm:top-0 sm:left-auto sm:right-auto sm:py-0 sm:pr-0 sm:mr-2.5 flex sm:flex-1 sm:max-w-sm lg:max-w-lg 2xl:max-w-md 3xl:max-w-3xl inverted:opacity-0" > <div class="searcher transition-opacity duration-300 flex-1 z-0"> <form action="https://slidesgo.com/search#rs=search" x-data='searcher("en", "1", "")' x-ref="form" x-on:submit.prevent="submitSearch()" x-on:scroll-over-home-hero.window="hideSearch()" @mousedown.away="hideSearch" class="relative w-full mb-0"> <div class="relative group bg-gray-50 focus-within:placeholder-gray-600 focus-within:text-gray-600 overflow-hidden rounded text-gray-600 hover:text-gray-600" > <div class="hidden" > <span class="flex items-center justify-center text-gray-200 text-sm font-medium sm:pl-3 sm:border-r sm:border-gray-300 sm:group-hover:text-gray-600 sm:group-focus-within:text-gray-600 lg:hidden xl:flex"> <svg class="fill-current w-5 h-5 fill-current shrink-0 sm:w-4 sm:h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.321 10.355c.001.345.28.623.625.623 0 0 1.072 0 1.486-.011 1.532-.027 2.632-1.358 2.632-3.166 0-1.9-1.08-3.178-2.686-3.178H9.935a.627.627 0 0 0-.625.627l.011 5.105Zm2.061-4.483c1.06 0 1.436 1 1.436 1.929 0 .928-.434 1.9-1.405 1.916-.2 0-.538.006-.844.009l-.005-3.853h.818ZM4.121 5.168v5.262a.625.625 0 0 0 1.25 0V8.767h.84a2.11 2.11 0 1 0 0-4.22l-.006-.004H4.74a.644.644 0 0 0-.443.193.642.642 0 0 0-.176.432Zm2.084 2.345h-.832l-.006-1.72h.838a.86.86 0 1 1 0 1.72Z"/><path d="M19 0H5a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5h11.343a4.968 4.968 0 0 0 3.536-1.464l2.656-2.658A4.967 4.967 0 0 0 24 16.343V5a5.006 5.006 0 0 0-5-5ZM2 19V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10h-4a3 3 0 0 0-3 3v4H5a3 3 0 0 1-3-3Zm16.465 2.122c-.402.401-.91.679-1.465.8V18a1 1 0 0 1 1-1h3.925a3.016 3.016 0 0 1-.8 1.464l-2.66 2.658Z"/><path d="M16.354 8.603v1.8a.625.625 0 1 1-1.25 0V5.59a.625.625 0 0 1 .625-.625h2.012a.625.625 0 0 1 0 1.25h-1.387v1.138h1.239a.625.625 0 0 1 0 1.25h-1.24Z"/><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg> <span class="hidden sm:flex mx-2">PDF</span> </span> </div> <input id="search-input" x-ref="searchinput" @focus="focused" @keyup.debounce.500="search($event)" @keydown.down.prevent="selectNext($event)" @keydown.up.prevent="selectPrev($event)" x-model="searchText" type="text" name="q" data-cy="search" placeholder="Search a template" autocomplete="off" required="required" class="focus:ring-0 w-full outline-none appearance-none pl-4 pr-12 h-10 xl:max-w-4xl bg-gray-50 rounded hover:placeholder-gray-600 focus:placeholder-gray-600 pr-16"> <label for="search-input"></label> <button type="submit" class="absolute top-0 right-0 bottom-0 w-10 flex items-center justify-center focus:outline-none" aria-label="Search button"> <svg alt="Search" loading="lazy" class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57"><path d="M55.1 51.9L41.6 37.8A23 23 0 0024 0a23 23 0 1013.2 41.8L50.8 56a3 3 0 004.3.1 3 3 0 000-4.2zM24 6a17 17 0 110 34 17 17 0 010-34z"/></svg> </button> <template x-if="searchText.length > 0"> <button @click="resetSearch" type="button" title="Clear the search query." class="searchbox__reset absolute top-0 right-10 h-full w-8 flex justify-center items-center"> <svg alt="Close" class="fill-current h-3 w-3" 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> </template> </div> <template x-if="showResults"> <div class="search-bar"> <template x-if="searchText.length > 0 && results.length"> <div class="absolute bg-white shadow-lg left-0 right-0 py-4 rounded-b-lg -ml-4 sm:ml-0 w-screen sm:w-auto sm:-mt-2" > <div> <template x-for="(result, key) in results"> <div @mouseover="resetOptionNavigation" @click="selectOption(result)" @keyup.enter="selectOption(result)" :class="key === selectedOption ? 'bg-gray-100' : ''" class="autocomplete-terms flex items-center text-left py-3 px-4 text-gray-600 hover:bg-gray-100 hover:cursor-pointer"> <span :class="result.fromHistory ? 'highlighted' : ''" x-html="result.highlightResult"></span> </div> </template> <template x-if="templates.length"> <div class="hidden sm:block border-t border-gray-100 mt-3 pt-3 px-4"> <h3 class="text-left font-bold text-gray-800 mb-2">Templates</h3> <div class="grid sm:grid-cols-3 lg:grid-cols-2 gap-4 py-2"> <template x-for="(article, key) in templates"> <div class="last:hidden lg:last:flex flex justify-between"> <div class="w-full lg:w-4/12"> <a :href="article.url" class="block relative aspect-w-16 aspect-h-9"> <template x-if="article.premium && !article.xl"> <span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1"> <img src="/images/icons/premium.svg" class="h-2 w-2"> </span> </template> <template x-if="article.xl"> <span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1"> <img src="/images/icons/premium-xl.svg" class="h-2 w-2"> </span> </template> <img :src="article.thumb" class="absolute top-0 left-0 w-full h-full object-contain rounded" alt="related"> </a> </div> <div class="hidden lg:flex pl-2 w-8/12 flex-col justify-center"> <h3 class="truncate font-bold text-sm text-left"> <a :href="article.url" x-text="article.name" class="text-gray-700 no-underline hover:text-purple-700"></a> </h3> <p x-text="article.total_images +' slides'" class="text-gray-600 text-xs text-left"></p> </div> </div> </template> </div> </div> </template> </div> </div> </template> <template x-if="searchText.length === 0"> <div class="bg-white shadow-lg w-full p-4 fixed sm:absolute top-28 sm:top-auto left-0 w-screen sm:w-full sm:mt-2 sm:rounded" > <p class="text-left font-semibold mb-2 text-gray-900">Top searches</p> <div class="flex items-center mb-4 overflow-auto sm:flex-wrap"> <a href="https://slidesgo.com/search?q=aesthetic#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > aesthetic </a> <a href="https://slidesgo.com/search?q=simple#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > simple </a> <a href="https://slidesgo.com/search?q=history#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > history </a> <a href="https://slidesgo.com/search?q=school#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > school </a> <a href="https://slidesgo.com/search?q=minimalist#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > minimalist </a> <a href="https://slidesgo.com/search?q=technology#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > technology </a> <a href="https://slidesgo.com/search?q=christmas#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > christmas </a> <a href="https://slidesgo.com/search?q=science#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > science </a> <a href="https://slidesgo.com/search?q=business#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > business </a> </div> <p class="mb-2 text-left font-semibold text-gray-900">Trending searches</p> <div class="flex overflow-auto sm:grid gap-x-2 gap-y-6 sm:grid-cols-2 mt-2 pb-2 pt-2 mb-4 mt-2 sm:pb-0 2xl:grid-cols-3"> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=december#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">december</h4> <p class="text-gray-600 text-left text-xs">94 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=thankgiving#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">thankgiving</h4> <p class="text-gray-600 text-left text-xs">5 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=hanukkah#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/43336788/happy-hanukkah1698324372.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/43336788/happy-hanukkah1698324372.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/43336788/happy-hanukkah1698324372.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">hanukkah</h4> <p class="text-gray-600 text-left text-xs">22 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=advent#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">advent</h4> <p class="text-gray-600 text-left text-xs">5 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=thanksgiving#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/43181939/happy-thanksgiving-newsletter1698148354.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/43181939/happy-thanksgiving-newsletter1698148354.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/43181939/happy-thanksgiving-newsletter1698148354.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">thanksgiving</h4> <p class="text-gray-600 text-left text-xs">60 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=literacy#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/50884054/media-literacy-and-critical-thinking-spanish-foreign-language-12th-grade1711100247.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/50884054/media-literacy-and-critical-thinking-spanish-foreign-language-12th-grade1711100247.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/50884054/media-literacy-and-critical-thinking-spanish-foreign-language-12th-grade1711100247.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">literacy</h4> <p class="text-gray-600 text-left text-xs">143 templates</p> </div> </a> </div> </div> </template> </div> </template> </form> </div> <div id="mobile-filter-btn"></div> </div> <div class="flex justify-end"> <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 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.faqs" 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> </div> </div> </div> </header> </div> <main class="mt-14 pb-16 relative flex flex-col sm:mt-0"> <div class="py-4 mb-8 bg-white sm:mb-8 sm:pt-10 sm:pb-4"> <div class="container mx-auto px-4"> <h1 class="text-3xl sm:text-6xl font-semibold font-title text-gray-900 pr-12"> Frequently asked questions </h1> </div> </div> <div class="container mx-auto px-4" x-data="faq"> <div class="prose"> <div x-data="{ open: shouldOpenParent('how-to-start') }"> <span @click="if(!open) { $dispatch('opened');} open = !open" :class="open ? 'text-blue-500' : 'text-gray-900'" class="flex items-center cursor-pointer text-3xl py-4 select-none font-semibold"> <svg alt="icon caret" x-bind:class="open ? 'rotate-90' : ''" class="fill-current h-5 w-5 mr-1" 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> How to start </span> <div x-cloak x-show="open" @opened.window="open = false"> <div x-data="{ open: shouldChildBeOpen('howtousetemplate') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I use the template? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p><strong>For Google Slides:</strong> Each template contains a preview where you can see all the slides and resources included. Click on “Download this template” and then on “Google Slides” to download this presentation for Google Slides. If you click on “Copy the presentation”, it will be saved on your Google Drive, where you can customize it and use it whenever you want.</p> <p><strong>For PowerPoint:</strong> Click on “Download this template” and then on “PowerPoint”. This is located next to the template preview. The template will be saved on your computer, where you will be able to customize it.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('freetousetemplates') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Am I free to use the templates? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>You are free to use our templates for both personal and commercial purposes.</p> <p>You are not allowed to:</p> <ul> <li>Sublicense, sell or rent any Slidesgo Content (or a modified version of it)</li> <li>Distribute Slidesgo Content unless it has been expressly authorized by Slidesgo</li> <li>Include Slidesgo Content in an online or offline database or file</li> <li>Offer Slidesgo templates (or modified versions of Slidesgo templates) for download</li> <li>Acquire the copyright of any Slidesgo Content</li> </ul> <p>In case you have a subscription, or if you need more information, please read our <a href="https://slidesgo.com/terms-conditions" target="_blank">Terms & Conditions</a>.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('howtoattribute') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How to attribute? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you are a free user, you must attribute Slidesgo by keeping the slide where the credits appear.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('is-everything-in-the-template-editable') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Is everything in the template editable? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Most of the elements are editable to allow our users to customize the template as much as possible. However, there might be a resource that belongs to the design itself, and thus it cannot be modified from the slide. In such cases, you will find the resource in the master slides.</p> <p>The master slides are the slides that contain the layout, the format and the structure of the elements in every slide of the presentation. If you want to edit a master slide in Google Slides, go to Slide → Edit master. To do this in PowerPoint, go to View → Slide Master.</p> <p>You will see two types in the editor. In the first slide, called “Master”, you can set the paragraph style, that is, which fonts, sizes and colors you are going to use in the presentation (only two text boxes appear: a title and a body text). Besides, you will be able to add or change other fixed elements that will appear throughout all your presentation: your logo, the page numbers, the background color, the header, etc.</p> <p>You will also find other slides called “Layouts”, which contain the design and the structure of the elements of each slide within your presentation.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-am-interested-in-some-graphic-resources') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I am interested in some graphic resources for presentations. Do you have any kind of separate content available? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, we do! All our templates come with many different resources, such as editable icons, infographics and maps. We even have a section dedicated to <a href="https://slidesgo.com/infographics">infographics</a>, where you will find many templates with different designs, from timelines and calendars to organizational charts and mind maps. All of them are editable and can be used in Google Slides, PowerPoint and Keynote presentations.</p> <p>We also have <a href="https://slidesgo.com/slidesgo-school">Slidesgo School</a>, a special place where we post tips on how to create impactful presentations, and tutorials on how to work with Google Slides and PowerPoint. If you have little experience with these programs, Slidesgo can help you get started in no time.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('the-fonts-do-not-look-the-same-in-powerpoint') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> The fonts do not look the same in PowerPoint. Why? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Google Slides gets the fonts directly from Google Fonts, so you do not need to download them. However, if you use the template in PowerPoint, you might need to install the fonts on your computer.</p> <p>If you want to avoid issues related to the typography used in the template, please download all the available styles. To apply the changes, close the presentation and open it again.</p> <p>To learn how to install fonts from Google Fonts, please read “Can I use my own fonts in the template?”.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('do-i-need-to-request-access-to-use-the-template') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Do I need to request access to use the template in Google Slides? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Our system automatically gives you access to the template. However, some users with Google Accounts set up by schools or companies might encounter problems related to permissions when trying to make a copy of our templates. Here are some solutions you can try if you experience this issue:</p> <ul> <li>Switch to your personal Google Account.</li> <li>Ask your school or company administrator to whitelist <a href="https://slidesgo.com">https://slidesgo.com</a>.</li> <li>Download the template as a PowerPoint file and then convert it to Google Slides. For more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-convert-presentations-from-powerpoint-to-google-slides">How to Convert Presentations from PowerPoint to Google Slides</a>” tutorial. </li> </ul> <p>If you still need help, please <a href="https://slidesgo.com/profile/support">contact us</a> and we will help you solve this issue.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-choose-the-main-color-for-the-template-before') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I choose the main color for the template before downloading it? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Some of our templates come with color variants, which means they are available in different palettes. These are identifiable by the presence of some little circles at the bottom of their thumbnails. If you click on these circles, you will be able to see the current slide adapted to the selected variant.</p> <p>When selecting one of our templates with color variants, you will notice a section called “Themes” on the right-hand side of the screen. Likewise, if you click on the circles below, you will be able to see a preview of the template adapted to the chosen palette. Once you have selected the one you want, just click “Use a Google Slides Theme” or “Download a PowerPoint Template” to get the template fully adapted to this new main color.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('howuseinfographics') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I downloaded one of your templates from your “Infographics” section. How can I add these infographics into my presentation? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>We have some templates dedicated to infographics, containing a lot of slides with different designs for this kind of diagrams. These can be edited just like you would edit any other vector resource.</p> <p>To add any of these infographics to your presentation, just select it in its entirety and copy it. Then, go to your presentation, select the slide where you want to add the diagram and paste it.</p> <p>If you are using Google Slides, right after pasting, you will see a little icon on the bottom right corner. If you click on it, it will display two options: Match destination formatting and Keep source formatting. Choosing the former will adapt the colors and the fonts to those of the current theme, whereas choosing the latter will keep the design intact.</p> <p>If you are using PowerPoint, please note that the colors and the fonts will be adapted to the current theme automatically, so any further changes required must be made manually.</p> <p>For more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-insert-infographics-in-google-slides">How to Insert Infographics in Google Slides</a>” tutorial or the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-add-infographics-in-powerpoint">How to Add Infographics in PowerPoint</a>” tutorial, depending on the software you are using.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('attribute_the_infographics') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> If I use one of the infographics included in your templates in a presentation that has not been created by using one of Slidesgo’s templates, do I still have to credit you? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes. If you are a free user, in order to use our infographics in a presentation, you must attribute their design to Slidesgo and include credits somewhere in your slides.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-register-on-slidesgo') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I register on Slidesgo? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>In order to register on our website, you just need to click “Sign in”, located at the top-right corner of the screen. The first time you do this, you will be asked to link your Google Account or one of your social media accounts to Slidesgo. After that, you will be able to log in to our website with the chosen account, which is now linked to Slidesgo.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-save-templates-so-that-i-can-easily-find-them-later') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I save templates so that I can easily find them later? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes! If you are a registered user, you can add templates to your favorites list. It is very simple, just locate the template that you want to save and click the heart button. Then, to view your list, access your profile options and click “Favorites”. Now you do not have to waste your time trying to locate that presentation that you loved whose name you cannot remember!</p> <p>Additionally, you can create folders in your Favorites section in case you want to have several templates in a group. To create a folder, access your profile options and click “Favorites”. Then, click the “Create new folder” button and enter a name for the folder.</p> <p>To add any of your favorite templates to a folder, just click the heart button and then select the folder you wish. If there are no folders created yet, you can create a new one from this menu too!</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-see-a-list-of-the-templates-that-i-have-downloaded') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I see a list of the templates that I have downloaded? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you are a registered user, you can access your download history. Just access your profile options and click “Downloads”. You will be shown a list of the templates that you have previously downloaded.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-change-my-password-if-so') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I change my password? If so, how? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you registered to Slidesgo using Gmail or Facebook, you will need to change the password on these sites. For registrations made using an email, please <a href="https://slidesgo.com/profile/support">contact us</a>.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-modify-the-email-address-i-use-to-access-slidesgo') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I modify the email address I use to access Slidesgo? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, you can access Slidesgo with a different email address than the one you used to register.</p> <p>If you purchased a subscription and want to change the email address, please <a href="https://slidesgo.com/profile/support">contact us</a> for assistance.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-delete-my-slidesgo-account') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I delete my Slidesgo account? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you want to delete your account, <a href='https://slidesgo.com/profile/confirm-delete' class='delete-account-faqs hover:text-negative-500 hover:underline'>click here</a> and follow the instructions. Please note that your favorites and download history will be erased too, and this process is irreversible.</p> <p>Please note that if you have an active subscription, you will not be able to delete your account until the subscription has expired.</p> <p>Is there something we could do to improve our service? Please <a href="https://slidesgo.com/profile/support">contact us</a>. Sometimes a simple inquiry is enough to solve most issues.</p> </div> </div> </div> </div> <div x-data="{ open: shouldOpenParent('premium') }"> <span @click="if(!open) { $dispatch('opened');} open = !open" :class="open ? 'text-blue-500' : 'text-gray-900'" class="flex items-center cursor-pointer text-3xl py-4 select-none font-semibold"> <svg alt="icon caret" id="premium" x-bind:class="open ? 'rotate-90' : ''" class="fill-current h-5 w-5 mr-1" 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> Premium </span> <div x-cloak x-show="open" @opened.window="open = false"> <div x-data="{ open: shouldChildBeOpen('whatcanido') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What can I do to have unlimited* downloads? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you are an unregistered user, you will not be able to download any templates. You can increase this limit to 3 free templates per month if you register an account.</p> <p>In order to have unlimited downloads*, you need a Premium subscription. For more information, <a onclick="trackAnalytic('premium', 'click', 'FAQs-gopremium')" href="https://slidesgo.com/pricing">https://slidesgo.com/pricing</a></p> <p>Please note that, for both registered and users with a subscription, a download will not count towards the limit in the following cases:</p> <ul> <li>If you download a template that you have already downloaded during the same month</li> <li>If you download a template for PowerPoint that you have already downloaded before for Google Slides, or vice versa</li> <li>If you download a color variant of a template that you have already downloaded before</li> </ul> <p>The download limit will reset 30 days after your registration or your premium subscription purchase.</p> <p><small>*For security reasons, Premium users will be limited to 150 downloads per month.</small></p> </div> </div> <div x-data="{ open: shouldChildBeOpen('benefitspremiumaccount') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What are the benefits of having a subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>With a subscription, you will enjoy the following benefits:</p> <ul> <li>Get access to over 15,000 Premium, ad-free assets and templates to create without limits</li> <li>Bigger discounts for bigger teams, up to 37%</li> <li>Add, remove or reassign users as necessary, or leave them unassigned</li> <li>Share templates with no need to credit Slidesgo</li> <li>Priority support</li> <li>Suitable for minors–we comply with the Data Protection Policy for minors and FERPA law</li> <li>Up to 1,000 users</li> </ul> </div> </div> <div x-data="{ open: shouldChildBeOpen('premiumplans') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What kinds of subscriptions do you have? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>We offer a paid plan for users who need more than the free features. It’s specially conceived for students, schools, teachers, NGOs and other education centers. The Premium plan gives you access to over 15,000 ad-free Premium assets and templates, perfect for all kinds of users—from healthcare workers to business professionals, collaborating teams, and students of all ages. It also includes many ready-to-use educational resources. And the larger the team, the bigger the discount!</p> <p>The subscription can be chosen as either a monthly or an annual plan. The monthly plan is billed per month, while the annual plan is billed once per year. Annual plans usually allow you to save money compared to twelve consecutive monthly payments.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('what-are-your-available-payment-methods-what-cards-do-you-accept') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What are your available payment methods? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Slidesgo currently accepts the following payment methods:</p> <p>Credit and debit cards: Slidesgo accepts payments by credit and debit cards as long as these are enabled for online payments. Please note that Slidesgo is part of Freepik Company, based in Spain, and our plans are linked to an automatic renewal cycle, therefore international and recurring payments need to be allowed too.</p> <p>PayPal: payments can be made by PayPal. Please note that on some occasions, and depending on the location, the system may ask you to enter a credit card number, but the charge will still be made to your PayPal account.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('are-there-any-additional-charges-after-purchasing-my-subscription') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Are there any additional charges after purchasing my subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>No, only the automatic renewal, as long as you did not cancel that option.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('is-payment-through-your-website-safe') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Is payment through your website safe? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Payments with credit/debit cards are done via Stripe, a platform that has been audited by a PCI-certified auditor and is certified to PCI Service Provider Level 1. This is the most stringent level of certification available in the payments industry. To accomplish this, they use the best-in-class security tools and practices to maintain a high level of security.</p> <p>As for PayPal payments, be advised that PayPal (Europe) S.à r.l. et Cie, S.C.A. is duly licenced as a Luxembourg credit institution in the sense of Article 2 of the law of 5 April 1993 on the financial sector as amended and is under the prudential supervision of the Luxembourg supervisory authority, the Commission de Surveillance du Secteur Financier, with registered office in L-1150 Luxembourg.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('my-credit-card-has-been-rejected-and-i-do-not-know-why-what-can-i-do') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> My credit card has been rejected and I do not know why. What can I do? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>This may be due to several reasons. We will mention here the most common ones:</p> <ul> <li><strong>In case there is an error with your card before the payment:</strong> <p>If the error message “Your card has been declined” appears after entering the details of your card and before completing the payment process, you should contact your bank to confirm that your card is enabled for online payments and/or international (Slidesgo is based in Spain) and recurring (Slidesgo subscriptions work with an automatic renewal system) payments.</p> <p>If that is the case, you can try again as soon as you have solved this issue with your card.</p> </li> <li><strong>The payment has been declined after completing the payment process:</strong> <p> After completing the payment process, the system takes a few minutes to validate everything after checking with the bank. If there is a problem, the payment will be declined and you will receive an email notification. We inform you that Slidesgo does not decline payments; this is something that comes from the bank not accepting the charge.</p> <p>In these cases, our system will try to process the payment three more times. Since this is an automatic process, it will not be possible to try again manually. For this reason, we recommend that you contact your bank to solve the issue and request that they accept the charge.</p> <p>In case all attempts fail, our system will automatically cancel the payment request and you will need to purchase a new plan again.</p> </li> </ul> </div> </div> <div x-data="{ open: shouldChildBeOpen('my-card-has-been-rejected-and-my-subscription-has-been-canceled-what-can-i-do-now') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> My card has been rejected and my subscription has been canceled. What can I do now? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Whenever there is a problem with the payment for the renewal of your subscription, we will try again up to four more times (for a week). If the payment is still unsuccessful after these attempts, your subscription will be canceled. </p> <p>You should also check your payment data and update it if needed, as this could be the problem. To do so, access your payment data by going to your profile options and clicking “Subscription”. Make sure that your credit card has not expired and is enabled for online payments, (including international and recurring payments).</p> <p>If your subscription has been canceled and you want to reactivate it, click the “Reactivate” button that you will find in the “Subscription” section.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('will-my-subscription-be-renewed-automatically') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Will my subscription be renewed automatically? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes. Your subscription plan will renew automatically unless you cancel this option. To cancel the automatic renewal of your plan and avoid future non-desired payments, you must do so from your profile. Click the drop-down arrow, then “Subscription” and, finally, “Cancel subscription”. </p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-request-an-invoice') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I request an invoice? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>You will find your invoice in the “Subscription” page section of your profile. It will be available between 24 to 48 hours after the payment.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-change-my-billing-information-after-the-payment') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I change my billing information after the payment? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, you can edit your billing information so that we can use it for future charges. To do so, access your profile options and click “Subscription”. Then, edit your billing information and then click “Save changes”.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-cancel-my-subscription') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I cancel my subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, you can cancel your subscription at any time. Click the drop-down arrow at the top right corner and select “My Subscription”. You will find the “Cancel subscription” option just below your billing information, on the left side of the “Save changes” button. If your subscription started after May 2023, then you will find the button right below the subscriptions price breakdown, on the same page.</p> <p>Remember that you will remain a premium user until the expiration date of the subscription. This information can be found on your subscription page.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('what-happens-if-i-cancel-my-subscription') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What happens if I cancel my subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>You can cancel your subscription at any time, as long as 24 hours have passed after the payment. You will still be able to use our website as a premium user until the last day of your purchased subscription (for example, if you purchased an annual subscription and you cancel it after three months, you will still be a premium user for nine more months and then your subscription will simply not be renewed). Please note that we do not refund the proportional part. </p> </div> </div> <div x-data="{ open: shouldChildBeOpen('if-i-cancel-my-subscription,-will-i-still-be-able-to-use-the-content-that-i-have-already-downloaded') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> If I cancel my subscription, will I still be able to use the content that I have already downloaded? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Whenever you acquire a subscription, you will see a link to download the license (in PDF format) in your downloads history.</p> <p>This license allows you to use Slidesgo’s templates without having to credit us, and will remain in effect even after your subscription expires.</p> <p>Remember that you must keep any license you have downloaded on your computer or storage device so that we can guarantee the correct use of our resources.</p> <p>Please note that our Premium templates can be downloaded from your download history for as long as your subscription is active.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-ask-for-a-refund-if-i-cancel-my-subscription') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I ask for a refund if I cancel my subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, you can request a refund within 30 days after the payment if you have not downloaded any template from our website.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-change-my-plan') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I change my plan? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>In case you have purchased a monthly subscription and wish to upgrade it to a yearly plan, you can do so. Click the drop-down arrow at the top right and select “Subscription”. Then, select your plan and click “Change Plan”. Your new yearly plan will be effective as soon as your current monthly plan expires. Also, it will not be charged until after your current monthly plan expires.</p> <p>Please note that it is not possible to change a yearly plan to a monthly plan. In this case, you must cancel your yearly plan and wait until its active period expires. Then you can purchase a monthly plan.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('does-slidesgo-store-my-credit-card-details') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Does Slidesgo store my credit card details? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Your credit card details are protected. Only you have access to them. Our payment process is secure and Slidesgo cannot store nor access these details. We only show the last 4 digits of your card so that you can identify the one you used to pay for your subscription.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('what-happens-if-i-open-a-dispute-with-my-bank-about-a-slidesgo-payment') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What happens if I open a dispute with my bank about a Slidesgo payment? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>When you open a dispute with your bank about a payment related to Slidesgo, for security reasons, we proceed to disable your subscription and cancel future renewals until the dispute or claim is resolved.</p> <p>If the dispute is finally resolved in your favor, we will refund the amount and cancel the subscription. Otherwise, the subscription will be re-enabled and will end after the billing cycle that you have paid for has expired. Note that the best practice is to contact us about a refund before filing the dispute claim, as the refund can be resolved much faster.</p> </div> </div> </div> </div> <div x-data="{ open: shouldOpenParent('teams') }"> <span @click="if(!open) { $dispatch('opened');} open = !open" :class="open ? 'text-blue-500' : 'text-gray-900'" class="flex items-center cursor-pointer text-3xl py-4 select-none font-semibold"> <svg alt="icon caret" id="teams" x-bind:class="open ? 'rotate-90' : ''" class="fill-current h-5 w-5 mr-1" 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> Slidesgo Teams </span> <div x-cloak x-show="open" @opened.window="open = false"> <div x-data="{ open: shouldChildBeOpen('issubscriptionplan') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What is Slidesgo Teams? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Slidesgo Teams is the new Slidesgo group plan that allows you to obtain multiple licenses in a single purchase. With your admin account you can add and manage users according to your needs: delete accounts, edit passwords and download access data for your team easily.</p> <p>If you want to get Slidesgo Teams, go <a href="https://slidesgo.com/pricing/">here</a>, choose the amount of members you want in your team, and start creating! If you work in Education and need a custom solution, contact us <a href="https://slidesgo.com/for-education-contact-us">here</a>.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('purchasesubscriptionplan') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I purchase a Slidesgo Teams subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>To purchase a group plan or Slidesgo Teams subscription, please fill in this form so that we can contact you. After assessing your needs, we will make you a tailor-made offer. If you accept it, we will formalize an agreement and send you a link so that you can finalize your purchase online, just like with any other purchase on Slidesgo.</p> <p>Remember that the user account with which you finalize the purchase will be the admin user account from which you will be able to manage your licenses!</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('payment') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What are the payment methods accepted for purchasing a Slidesgo Teams subscription? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Currently, we only accept payment by credit card, but we are working to offer you other payment methods in the future. You can find more information about the security of our payments in the FAQs of the purchase.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('does-the-offer-expire') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Does the offer expire? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, we will inform you of the validity period of the offer when we contact you. If you do not complete the purchase within the validity period, the link will expire.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-add-more-licenses-to-my-account') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I add more licenses to my account? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes. To add more licenses, go to “My Team” and click on “Update plan”. When a pop up screen appears, enter the number of seats needed and press the “Confirm and Pay” button.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-am-a-school-and-i-want-to-use-the-premium-slidesgo-teams-licenses-with-my-students-is-that-possible') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I am a school and I want to use Slidesgo Teams with my students. Is that possible? </h4> <div x-cloak x-show="open" @click.outside="open = false"> Yes, we have thought especially about teachers and students who want to use Slidesgo and work as a team. Contact our team <a href="https://slidesgo.com/for-education-contact-us/">here</a> so that we can offer you a plan that meets your needs. </div> </div> <div x-data="{ open: shouldChildBeOpen('how-is-the-privacy-of-the-slidesgo-teams-users-managed') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How is the privacy of the Teams users managed? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Users can join a team by receiving an invitation email, which will allow them to set up an account and its associated password by themselves. This is best for adults, since it allows them to use their personal/work email, so they can manage their own privacy settings.</p> <p>On the other hand, users can also join a team by being manually added by the admin. This is best for schools, since the admin is able to generate usernames and passwords, which means the user is not required to enter any personal information.</p> <p>We would like to clarify that we are compliant with GDPR, COPPA and FERPA laws and do not collect personal data for subsidiary accounts linked to the admin account.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-the-users-that-i-have-added-to-my-slidesgo-teams-subscription-get-access-to-their-accounts') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can the users that I have added to my Slidesgo Teams subscription get access to their accounts? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>As admin of the Slidesgo Teams subscription, you will be able to access your account via the usual login button (in the top right corner).</p> <p>As for the users, if they have been invited via email and used the link provided to set up their accounts by themselves, they can log in normally via the usual login button. On the other hand, any user that you manually added to your team will have to log in via a custom URL for your company. You can find it in your account: go to your user menu (in the top right corner) and you will find the "My team" section. Within this section, under the list of users, you will find the "Access URL" button. This will open a new page that contains a link: that is the one you must send to your users so that they can log in to their premium accounts.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-have-already-purchased-my-slidesgo-teams-plan-how-can-i-manage-the-licenses') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I have already purchased my Slidesgo Teams plan. How can I manage the licenses? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>There are two ways:</p> <ul> <li>Go to your user menu (in the upper right corner) and click on the "My team" option. You will see the "Add users" option, from which you can register the users who will benefit from the premium licenses purchased. Just type in the username you want to create, and we will generate a secure password for them. Next to it, you will find a button in case you want to delete it and an option to download the access data you have created.</li> <li>Send the users an invitation via email so that they can set up an account themselves.</li> </ul> </div> </div> <div x-data="{ open: shouldChildBeOpen('if-the-users-to-whom-i-granted-licenses-in-my-slidesgo-teams-plan-do-not-have-an-email-associated-to-them') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> If the users to whom I granted licenses in my Slidesgo Teams plan do not have an email associated to them, how can they recover or change their passwords? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Only the admin can change a user's password and resend it to them. To do this, go to your user menu (in the top right corner) and click on "My team". Next to each user you will find an option to reset the password or view the current password.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-am-a-user-who-has-been-granted-a-license-by-the-admin-of-a-slidesgo-teams-plan-do-i-have-access-to-all-the-premium-features') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I am a user who has been granted a license by the admin of a Slidesgo Teams plan. Do I have access to all the Premium features? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes, you will be able to access thousands of free and premium download up to 150 templates per month with each user license within the Slidesgo Teams plan.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-ask-for-a-refund') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I ask for a refund? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>This is not possible. Once the agreement has been formalized and the payment has been made, we do not offer refunds for this type of subscription.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('will-my-slidesgo-teams-subscription-renew-automatically') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Will my Slidesgo Teams subscription renew automatically? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes. Unless you cancel your subscription, it will automatically renew. Please note that we will be in contact with you to monitor your team's needs so that we can reevaluate your subscription each year, regardless of renewal.</p> </div> </div> </div> </div> <div x-data="{ open: shouldOpenParent('editing-presentations') }"> <span @click="if(!open) { $dispatch('opened');} open = !open" :class="open ? 'text-blue-500' : 'text-gray-900'" class="flex items-center cursor-pointer text-3xl py-4 select-none font-semibold"> <svg alt="icon caret" x-bind:class="open ? 'rotate-90' : ''" class="fill-current h-5 w-5 mr-1" 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> Editing your presentation </span> <div x-cloak x-show="open" @opened.window="open = false"> <div x-data="{ open: shouldChildBeOpen('how-can-i-add-a-new-slide-to-my-presentation') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I add a new slide to my presentation? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>There are two ways to add a new slide to your presentation:</p> <ol> <li> <p>Duplicating an already existing slide.</p> <p>To do so, select the slide that you want to duplicate → right-click → Duplicate slide.</p> </li> <li> <p>Creating a new slide.</p> <p>If you are using Google Slides, you can do any of the following:</p> <ul> <li>Press Ctrl + M (Windows) or Cmd + M (Mac). A new slide will be created with the same design as the last selected slide.</li> <li>Right-click on the slides thumbnails → New slide.</li> <li>Go to the top bar → Slide → New slide.</li> </ul> <p>If you are using PowerPoint, you can do any of the following:</p> <ul> <li>Press Ctrl + M (Windows) or Cmd + M (Mac). A new slide will be created with the same design as the last selected slide.</li> <li>Right-click on the previous slide → New Slide.</li> <li>Go to the top bar → Home → New Slide (if you click on the arrow, you will be able to choose the layout).</li> </ul> </li> </ol> <p>If you need more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-add-duplicate-move-delete-or-hide-slides-in-google-slides">How to Add, Duplicate, Move, Delete or Hide Slides in Google Slides</a>” tutorial or the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-add-duplicate-move-delete-or-hide-slides-in-powerpoint">How to Add, Duplicate, Move, Delete or Hide Slides in PowerPoint</a>” tutorial, depending on the software you’re using.</p> <p>Remember that you can change the layout of the slide anytime. To learn how, please read <a href="#link1">"How can I change the layout of a slide?"</a>.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-change-the-layout-of-a-slide') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-lg font-medium py-2 cursor-pointer flex items-center justify-start mb-0"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I change the layout of a slide? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>To change the design of an existing slide, you can do any of the following:</p> <ol> <li>Go to the top bar in Google Slides, drop-down the Layout menu and select the layout that best suits your needs. In PowerPoint, this option is located within the Home tab.</li> <li>Right-click on the slide whose layout you want to change → Apply layout (Google Slides) or Layout (PowerPoint), and select the option that best suits your needs. </li> <li>In Google Slides, select the slide whose layout you want you change, click on Slide → Apply layout and select the option that best suits your needs.</li> </ol> <p>If you need more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-change-the-design-in-google-slides">How to Change the Design in Google Slides</a>” tutorial or the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-change-layouts-in-powerpoint">How to Change Layouts in PowerPoint</a>” tutorial, depending on the software you’re using.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-change-the-color-of-the-shapes-and-other-elements-how') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I change the color of the shapes and other elements? How? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you want to change the color of any of the graphic resources used in the template, select the resource and, in the top bar, click on “Fill color” or “Border color”. If you want to edit the color of only a part of the resource, you can either double-click on it and select only the part that you want to edit, or right-click → Ungroup.</p> <p>To change the background color, select the slide or master slide that you want to edit, go to the top bar and click on “Background…” (Google Slides), or right-click on the slide → Format Background… (PowerPoint).</p> <p>In some cases, you might find images that you cannot edit. These are included as PNG, so you can replace them with your own.</p> <p>If you find resources that cannot be edited from the slide they appear in, you need to access them from the master slide. To learn how to access the master slides, please read “Is everything in the template editable?”.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('if-i-try-to-select-a-graphic-resource-others-are-selected-too-why') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> If I try to select a graphic resource, others are selected too. Why? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Sometimes, the resources are grouped to facilitate working with all of them at the same time, avoiding issues.</p> <p>If you want to work with any of their elements individually to change the color, separate them from the other elements or even delete them, you need to ungroup first.</p> <p>To ungroup resources, select the group and press Ctrl + Alt + Shift + G (Google Slides) or Ctrl + Shift + G (PowerPoint). </p> <p>In Google Slides, if you want to group the elements again, press Ctrl + Alt + G. In PowerPoint, select the elements, right-click → Group → Group.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-use-my-own-photos-and-images-in-the-templates') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I use my own photos and images in the templates? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Yes. First, delete the photo on the template. Then, go to the top bar, click on Insert → Image and upload the photo you want to use. Once the photo is uploaded, adjust it and then send it back (Ctrl + Shift + Down).</p> <p>If the image is on the master slide, please read “Is everything in the template editable?” to learn how to access it.</p> <p>If the image is not on the master slide and you cannot edit it either, the image must have been included as the background. If you want to change the background image, right-click on the slide and choose “Change Background”. There, you can insert any image or photo.</p> <p>If the image has a certain cropping, you will not be able to keep the cropping in PowerPoint. However, Google Slides allows you to select the image and replace it while keeping the cropping. There are two ways to do so:</p> <ol> <li>Click on the “Replace image” option from the top bar.</li> <li>Right-click on the image → Replace image.</li> </ol> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-use-the-icons-and-other-elements') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I use the icons and other elements? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>On the last slides you will find all the resources you are free to use: icons, graphics, maps, etc. To use them, simply choose the one you want, copy it and paste it where needed. Select the icon to change its size and colors. </p> <p>Please note that graphic elements cannot be part of a text.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('what-if-i-need-more-resources-') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> What if I need more resources (vectors, photos, icons) for the presentation? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>We listed the resources we used for each presentation in the last slides of the template. If you want to download more photos or images for your presentation, visit the Freepik (parent company) website: <a href="https://www.freepik.com" target="_blank">www.freepik.com</a>.</p> <p>If you need to add more icons to your presentation, you may use the <a href="https://www.flaticon.com" target="_blank">Flaticon</a> extension for G Suite, which you can download at <a href="https://www.flaticon.com/for-google" target="_blank">https://www.flaticon.com/for-google</a>. With this extension, you will have full access to Flaticon’s gallery, being able to download the icons in PNG format, search for others within the same style, and even edit their size and colors without having to close your Google Slides presentation. You will find this extension already pre-installed in our templates.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('where-are-the-fonts-and-resources-used-in-the-design') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Where are the fonts and resources used in the design? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>The fonts and other resources used in the design are listed on the last pages of the template.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('in-powerpoint-the-fonts-do-not-look-the-same-as-in-google-slides-but-i-have-them-installed-why') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> In PowerPoint, the fonts do not look the same as in Google Slides, but I have them installed. Why? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>These slight variations might be due to a version mismatch of the font our template uses. This can happen if you got the font from a website other than Google Fonts. It is important that, in order to to keep the design exactly as it appears in Slidesgo, you download the fonts directly from <a href="https://fonts.google.com" target="_blank">Google Fonts</a>.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-use-my-own-fonts-in-the-template') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I use my own fonts in the template? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Only fonts from <a href="https://fonts.google.com/" target="_blank">Google Fonts</a> are available in Google Slides. If you want to include any other font from Google Fonts, select the text and go to Fonts → More fonts… A new panel will open, where you can choose the font you want to use.</p> <p>In PowerPoint, you can use any font installed on your system, regardless of its source. Remember that every time you change the original font, the layout might be affected and you may need to adjust it again.</p> <p>To download any font from <a href="https://fonts.google.com/" target="_blank">Google Fonts</a> and be able to use it in your computer, click on the corresponding link at the end of the template to access that font at <a href="https://fonts.google.com/" target="_blank">Google Fonts</a>.</p> <p>Then, click the "Download family" button, located in the upper right corner.</p> <p>After downloading the font, install it on your computer. To do so, double-click on it and follow the steps. To make this new font appear in PowerPoint, close the program and open it again.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-import-a-template-into-an-existing-presentation') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I import a template into an existing presentation? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>To add a presentation, or a part of it, to another one, copy one slide and paste it in the other presentation. Then, in “Layout”, you will find all the slides from both presentations for you to use.</p> <p>If you want to replace the theme of your presentation with one from another Google Slides presentation, drop down the Theme menu and click on “Import theme”. Once you have imported the theme, just select it. </p> <p>Please bear in mind that after replacing the theme with another one in Google Slides, the remaining themes that the template had will be deleted, since there are no slides using those designs.</p> <p>To do this in PowerPoint, go to the top bar and click on the Design tab. Then, drop down the “Themes” menu, click on “Browse for Themes…” and select the template.</p> <p>If you need more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-add-or-change-themes-in-google-slides">How to Add or Change Themes in Google Slides</a>” tutorial or the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-add-or-change-themes-in-powerpoint">How to Add or Change Themes in PowerPoint</a>” tutorial, depending on the software you’re using.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-add-a-header-and') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I add a header and/or a footer to the template? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you want a header and/or a footer to be visible in the entire presentation, create a text box (without any placeholder) and either upload an image or add the element to the Master slide (the first one).</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-add-my-own-data-to-the-graphs') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I add my own data to the graphs </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>You will find two types of graphs in our templates:</p> <ol> <li>Editable graphs, where you can alter the colors to modify the data.</li> <li>Graphs linked to Google Sheets. If you click on the graph, you will be able to make a copy of the file, where you can modify the data or even choose a different kind of graph. To include the new graph in your presentation, just copy and paste it into the slide.</li> </ol> <p>If you are using PowerPoint or any other software, after making a copy of the file in Google Sheets, you will need to download it in Excel format by going to File → Save As → Microsoft Excel. You must do this since these programs do not allow pasting graphs from Google Sheets.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-change-the-aspect-ratio-and-at-the-same-time-avoid-element-distortion') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I change the aspect ratio and at the same time avoid element distortion? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>By default, all our templates are designed with an aspect ratio of 16:9. If you need to change the aspect ratio in Google Slides, go to the top bar and click on File → Page setup… Then, in the drop-down menu you can choose the ratio that you want for your presentation.</p> <p>To do this in PowerPoint, click on the Design tab. Then, go to the Customize panel and drop-down the “Slide Size” menu. You will be able to freely set up the aspect ratio for your presentation. </p> <p>If the images still get distorted after changing the aspect ratio, the only way to fix everything is to readjust them one by one in the master slides.</p> <p>If you need more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-change-the-slide-size-in-google-slides">How to Change the Slide Size in Google Slides</a>” tutorial or the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-change-the-slide-size-in-powerpoint">How to Change the Slide Size in PowerPoint</a>” tutorial, depending on the software you’re using.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-downloaded-a-powerpoint-version-of-a-template-and-when-i-opened-it-it-showed-a-message-saying-the-file-is-invalid-what-should-i-do') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I downloaded a PowerPoint version of a template and when I opened it, it showed a message saying the file is invalid. What should I do? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>This message could mean that there’s an issue with your PowerPoint version. In any case, we advise you to contact Microsoft. Note that Slidesgo is not liable for any file issues after the templates are downloaded.</p> </div> </div> </div> </div> <div x-data="{ open: shouldOpenParent('other-faqs') }"> <span @click="if(!open) { $dispatch('opened');} open = !open" :class="open ? 'text-blue-500' : 'text-gray-900'" class="flex items-center cursor-pointer text-3xl py-4 select-none font-semibold"> <svg alt="icon caret" x-bind:class="open ? 'rotate-90' : ''" class="fill-current h-5 w-5 mr-1" 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> Other frequently asked questions </span> <div x-cloak x-show="open" @opened.window="open = false"> <div x-data="{ open: shouldChildBeOpen('must-i-include-each-and-every-slide-included-in-the-template') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Must I include each and every slide included in the template? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>You are free to customize the presentation. However, you are required to keep the slide where the credits appear in order to attribute the design to Slidesgo, unless you are a Premium user.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-use-the-templates-in-keynote') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I use the templates in Keynote? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Of course! Keynote is compatible with PowerPoint presentations. However, there could be some issues with some of the resources applied to the design of our templates during the conversion to Keynote. If you want to learn about how the elements may behave in Keynote, please visit: <a href="https://www.apple.com/mac/keynote/compatibility/" target="_blank">https://www.apple.com/mac/keynote/compatibility/</a></p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-still-have-some-doubts-about-how-my-presentation-program-works-what-can-i-do') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I still have some doubts about how my presentation program works. What can I do? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you still have doubts about how your presentation program works, we recommend that you visit its respective support page:</p> <ul> <li><a href="https://support.google.com/docs/topic/9052835?hl=en" target="_blank">Google Slides</a></li> <li><a href="https://support.office.com/en-us/powerpoint" target="_blank">PowerPoint</a></li> <li><a href="https://support.apple.com/keynote">Keynote</a></li> <li><a href="https://www.openoffice.org/">OpenOffice</a></li> </ul> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-save-the-document-in-pdf-format') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How can I save the document in PDF format? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you want to save the presentation in PDF format, go to the top bar and click on File → Download as → PDF document (.pdf). In PowerPoint, go to File → Save As and then, in the drop-down menu, choose the PDF format.</p> <p>If you need more information, please refer to the “<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-export-your-google-slides-presentation-as-a-pdf-file">How to Export Your Google Slides Presentation as a PDF File</a>” tutorial or the “<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-export-your-powerpoint-presentation-as-a-pdf-file">How to Export Your PowerPoint Presentation as a PDF File</a>” tutorial, depending on the software you’re using.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('can-i-work-as-a-designer-for-slidesgo') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> Can I work as a designer for Slidesgo? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you are interested in working with us, please visit <a href="https://slidesgo.com/contributor">slidesgo.com/contributor</a>. Please include your portfolio and tell us about your prior experience in presentation design.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-cannot-find-an-answer-for-my-question-here-what-else-can-i-do') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I cannot find an answer for my question here. What else can I do? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>If you have any questions and these FAQs do not have the answer, please <a href="https://slidesgo.com/profile/support">contact us</a>.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('i-have-modified-the-slides-can-i-sell-it-on-teachers-pay-teachers') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I have modified the slides. Can I sell it on Teachers Pay Teachers? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Even if you have modified the slides, you are not authorized to sell or sublicense our templates in any format.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('im-a-premium-user-can-i-sell-the-slides-if-i-credit-you') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> I'm a Premium user. Can I sell the slides if I credit you? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>Even if you are allowed to share our content in editable format, you are not allowed to sell it in any means or any platform.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-install-slidesgo-add-on') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How do I install the Slidesgo add-on? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <ol><li>To begin, install Slidesgo for Google Slides from the Google Workspace Marketplace.</li><li>Then, open Google Slides and start a new presentation or edit an existing one.</li><li>Access the plugin through the Extensions toolbar to search and insert slides based on your preferences and needs. For a better experience, log in or create an account on Slidesgo.</li></ol> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-can-i-signup-or-login-in-the-slidesgo-add-on') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How do I sign up or log in to the Slidesgo add-on? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>To sign up or log in to the Slidesgo add-on, click on the <b>Profile icon</b> in the upper right corner.</p> </div> </div> <div x-data="{ open: shouldChildBeOpen('how-does-slidesgo-add-on-work') }"> <h4 @click="open = true" :class="{'text-gray-900': open}" class="text-xl font-medium py-2 cursor-pointer flex items-center justify-start mb-0 select-none"> <svg x-show="!open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg x-show="open" class="fill-current h-3 w-3 mr-1 shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> How does the Slidesgo add-on work? </h4> <div x-cloak x-show="open" @click.outside="open = false"> <p>After inserting the selected slides, you can apply a theme to the entire presentation. Starting from a blank template, you can create a customized and beautifully designed template in mere minutes. Additionally, the template will be stored in your Google Drive folder, allowing you to reuse it whenever needed. Find all your customized themes on your Slidesgo <b>Profile page</b>.</p> </div> </div> </div> </div> </div> <div x-data="{ open: shouldChildBeOpen('videotutorials_faq')}"> <span @click="if(!open) { $dispatch('opened');} open = !open" :class="open ? 'text-blue-500' : 'text-gray-900'" class="flex items-center cursor-pointer text-3xl py-4 select-none font-semibold"> <svg alt="icon caret" x-bind:class="open ? 'rotate-90' : ''" class="fill-current h-5 w-5 mr-1" 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> Application tips </span> <div x-cloak x-show="open" @opened.window="open = false"> <div class="grid gap-8 my-6 lg:grid-cols-4"> <div class="flex flex-col lg:col-span-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/total-downloads/total-downloads-en.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to check the number of available downloads </h4> </div> <div class="flex flex-col lg:col-span-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/download-template/powerpoint/download-templates-powerpoint-en.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to download templates on PowerPoint </h4> </div> <div class="flex flex-col lg:col-span-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/download-template/googleslides/download-templates-googleslides-en.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to download templates on GoogleSlides </h4> </div> <div class="flex flex-col lg:col-span-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/detele-slides/detele-slides-en.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to delete slides </h4> </div> <div class="flex flex-col lg:col-span-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/cancel-subscription/cancel-subscription-en-cp.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to cancel my subscription </h4> </div> <div class="flex flex-col lg:col-span-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/add-structured-slides/googleslides/add-structured-slides-googleslides-en.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to add a new slide with a structure on GoogleSlides </h4> </div> <div class="flex flex-col lg:col-span-2 lg:col-start-2 border border-gray-100 rounded group"> <div class="shrink-0 relative aspect-w-16 aspect-h-9"> <video class="w-full h-full absolute object-fill rounded-t" controls preload="metadata"> <source src="https://media.slidesgo.com/statics/add-structured-slides/powerpoint/add-structured-slides-ppt-en.mp4" type="video/mp4"> </video> </div> <h4 class="text-lg text-gray-600 font-bold my-4 text-center cursor-default group-hover:text-gray-900"> How to add a new slide with a structure on PowerPoint </h4> </div> </div> </div> </div> </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="https://slidesgo.com/es/preguntas-frecuentes" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Español</a> <a hreflang="en" href="https://slidesgo.com/faqs" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">English</a> <a hreflang="pt" href="https://slidesgo.com/pt/perguntas-frequentes" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Português</a> <a hreflang="fr" href="https://slidesgo.com/fr/faqs" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Français</a> <a hreflang="de" href="https://slidesgo.com/de/faqs" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Deutsch</a> <a hreflang="ko" href="https://slidesgo.com/ko/%EC%9E%90%EC%A3%BC%20%EB%AC%BB%EB%8A%94%20%EC%A7%88%EB%AC%B8" 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> <link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/faq-nwu-xKj8.js" /><script type="module" src="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/faq-nwu-xKj8.js" data-navigate-track="reload"></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":"support","content_type":"faq","content_group2":"na"}; window.addEventListener("load", () => { gtm.pageView(null, null, extraParams) }); </script> <script> function loadOneTrust() { const oneTrustScript = document.createElement('script'); oneTrustScript.type = 'text/javascript'; oneTrustScript.src = 'https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js'; oneTrustScript.dataset.domainScript = '437406e3-68f5-4511-9b2a-ae1412064c97'; document.getElementsByTagName('head')[0].appendChild(oneTrustScript); } function OptanonWrapper() { } window.addEventListener('load', () => setTimeout(() => loadOneTrust(), 3000)); </script> <div id="slidesgo-modal-teleport"></div> </body> </html>

CINXE.COM

Slidesgo - FAQs