CINXE.COM
Free AI Lesson Plan Generator | Slidesgo
<!doctype html> <html lang="en" data-lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({"user_id":"","internal_user_id":"","user_type":"anonymous","user_login_status":"not-logged","user_registration_date":"no-disponible"}); </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-59RGLRK'); </script> <!-- Rendered on 2024-11-23 19:56:51 --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> @font-face { font-family: 'Degular'; src: url("/fonts/degular-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Degular'; src: url("/fonts/degular-semibold.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Degular Fallback'; src: local(Liberation Serif), local(Times New Roman), local(serif); size-adjust: 106%; ascent-override: 92%; descent-override: 34%; line-gap-override: normal; } @font-face { font-family: 'Inter'; src: url("/fonts/inter-regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url("/fonts/inter-semibold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter'; src: url("/fonts/inter-bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Inter Fallback'; src: local(Liberation Sans), local(Arial), local(sans-serif); size-adjust: 106%; ascent-override: 92%; descent-override: 22%; line-gap-override: normal; } </style> <link href="/fonts/degular-semibold.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/inter-semibold.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/degular-regular.woff2" as="font" type="font/woff2" crossorigin> <link href="/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin> <meta property="og:image" content="/og-image.jpg" /> <meta name="robots" content="max-image-preview:large"> <link rel="icon" href="/favicons/favicon.ico" /> <link rel="icon" type="image/png" href="/favicons/apple-favicon-120x120.png"> <link rel="icon" type="image/png" sizes="152x152" href="/favicons/apple-favicon-152x152.png"> <link rel="icon" type="image/png" sizes="120x120" href="/favicons/apple-favicon-120x120.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-favicon-180x180.png"> <link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-favicon-152x152.png"> <link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-favicon-120x120.png"> <link rel="apple-touch-icon" href="/favicons/apple-favicon-180x180.png"> <link rel="apple-touch-icon-precomposed" href="/favicons/apple-favicon-180x180.png"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicons/apple-favicon-152x152.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicons/apple-favicon-120x120.png"> <link rel="manifest" href="/favicons/site.webmanifest"> <meta name="msapplication-TileColor" content="#765186"> <meta name="theme-color" content="#765186"> <meta name="p:domain_verify" content="728b70bf6f2ea14d45a79774bb890f10"/> <title>Free AI Lesson Plan Generator | Slidesgo</title> <meta name="description" content="Welcome to our new free AI Lesson Plan Generator for teachers. Choose your grade, subject, describe your topic and ready to teach!"> <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/gerador-de-planos-de-aulas-com-ia" /> <link rel="alternate" hreflang="es" href="https://slidesgo.com/es/generador-de-planes-de-estudios-con-ia" /> <link rel="alternate" hreflang="en" href="https://slidesgo.com/ai-lesson-plan-generator" /> <link rel="alternate" hreflang="fr" href="https://slidesgo.com/fr/g%C3%A9n%C3%A9rateur-ia-de-plans-de-cours" /> <link rel="alternate" hreflang="de" href="https://slidesgo.com/de/ki-unterrichtsplan-generator" /> <link rel="alternate" hreflang="ko" href="https://slidesgo.com/ko/ai-%EB%A0%88%EC%8A%A8-%ED%94%8C%EB%9E%9C-%EC%83%9D%EC%84%B1%EA%B8%B0" /> <link rel='alternate' hreflang='x-default' href='https://slidesgo.com/ai-lesson-plan-generator' /> <link rel="canonical" href="https://slidesgo.com/ai-lesson-plan-generator"> <script> window.customEvents = []; // short-lived, replaced on app.js window.trackCustom = function(eventName, data) { window.customEvents.push({eventName, data}); } </script> <script> if( window.innerWidth > 768 ) { const scrollPaginationActive = '' === 'search'; var ssmCodes = document.createElement('script'); ssmCodes.type = 'text/javascript'; ssmCodes.src = scrollPaginationActive ? 'https://ssm.codes/smart-tag/slidesgosearch.js' : 'https://ssm.codes/smart-tag/slidesgocom.js?v=1'; ssmCodes.async = true; document.getElementsByTagName('head')[0].appendChild(ssmCodes); } </script> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> <link rel="preload" href="/images/logos/slidesgo-white.svg" as="image"> </head> <body class="bg-background text-gray-600 font-base min-h-screen flex flex-col overflow-y-scroll"> <script> function gtmPush() { } addEventListener("load", gtmPush); </script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-59RGLRK" height="0" width="0" style="display:none;visibility:hidden" ></iframe> </noscript> <div x-data="barLang('{"en":{"home.bar_lang":"Slidesgo is also available in English!","home.bar_lang_llevame":"Show me","url":"https:\/\/slidesgo.com\/ai-lesson-plan-generator"},"es":{"home.bar_lang":"\u00a1Slidesgo tambi\u00e9n est\u00e1 disponible en castellano!","home.bar_lang_llevame":"Vis\u00edtanos","url":"https:\/\/slidesgo.com\/es\/generador-de-planes-de-estudios-con-ia"},"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\/gerador-de-planos-de-aulas-com-ia"},"fr":{"home.bar_lang":"Slidesgo est aussi disponible en fran\u00e7ais!","home.bar_lang_llevame":"C\u2019est parti!","url":"https:\/\/slidesgo.com\/fr\/g%C3%A9n%C3%A9rateur-ia-de-plans-de-cours"},"de":{"home.bar_lang":"Slidesgo ist auch auf Deutsch verf\u00fcgbar","home.bar_lang_llevame":"Anzeigen","url":"https:\/\/slidesgo.com\/de\/ki-unterrichtsplan-generator"},"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\/ai-%EB%A0%88%EC%8A%A8-%ED%94%8C%EB%9E%9C-%EC%83%9D%EC%84%B1%EA%B8%B0"}}')"> <template x-if="browserLanguage"> <div x-show="showModal" class="bar-lang bar-lang-en bg-gray-900 text-white font-medium text-base sm:text-lg whitespace-nowrap h-10 flex flex-col justify-center sm:items-center bottom-0 left-0 bg-opacity-75 sm:mb-16 opacity-0 rounded pl-2 sm:pl-4 pr-8 sm:pr-10 z-20" > <p class="flex items-center pl-2 sm:pl-0"> <span x-text="translations[browserLanguage]['home.bar_lang']"></span> <a x-bind:href="translations[browserLanguage]['url']" x-bind:hreflang="browserLanguage" class="font-semibold ml-1 sm:ml-2 underline hover:text-blue-400" x-text="translations[browserLanguage]['home.bar_lang_llevame']" ></a> </p> <button aria-label="Close Button" @click="window.localStorage.ignoreLanguage = 1; showModal = false;" class="absolute right-0 h-8 w-8 sm:w-10 flex items-center justify-center opacity-75 hover:opacity-100" > <svg alt="Close icon" loading="lazy" class="fill-current h-3 w-3 fill-current" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg"><path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"/><path d="M339.4 6.6L6.6 339.4A20.7 20.7 0 1036 368.7L368.7 35.9a20.7 20.7 0 10-29.3-29.3z"/></svg> </button> </div> </template> </div> <header class="header-landing px-0 sm:px-6 h-14 sm:h-16 flex top-0 left-0 right-0 items-center justify-end sm:justify-between z-20 transition duration-300 bg-purple-50 sticky" > <div class="pl-2 sm:px-4 sm:p-0 flex items-center flex-1 md:inset-y-0 md:left-0"> <a href="https://slidesgo.com" class="flex sm:left"> <img src="/images/logos/slidesgo.svg" id="header-logo" class="h-6 sm:object-cover object-left" alt="Slidesgo"> </a> </div> <div class="mr-2"> <form method="POST" action="https://slidesgo.com/auth/login" id="login" class="flex text-gray-200 items-center sm:ml-5"> <input type="hidden" name="_token" value="xW71efAaYYXGON9PHnRJTZPE6ycT7gZiS7JfsD6J" autocomplete="off"> <input type="hidden" value="sign-in-button" name="login-from"/> <input type="hidden" value="en" name="language"/> <input type="hidden" value="en.ai-lesson-plan" 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> </header> <main class="bg-purple-50 pb-16 relative flex flex-col grow" x-data="{ loading: 0 }" @start-spinner="loading=true;" @no-spinner="loading=false;" @pageshow.window="loading = 0;" > <div class="relative max-w-4xl mx-auto px-4 lg:px-10 pt-8 mb-8 sm:mb-16 flex flex-col justify-center items-center"> <h1 class="ai-animate-background font-title text-6xl md:text-8xl text-gray-900 font-semibold text-center leading-tight" > AI lesson plan generator </h1> <p class="w-full text-center text-base md:text-xl text-gray-900 mt-4 leading-relaxed"> Welcome to our new free AI Lesson Plan Generator for teachers. Choose your grade, subject, describe your topic and ready to teach! </p> <div x-data="aiLessonPlan()" class="w-full" > <div class="text-red-500 mt-4" x-cloak x-show="rateLimitReached" x-ref="rateLimitMessage"></div> <div class="text-red-500 mt-4" x-cloak x-show="status === false">Oops! Something went wrong. Please try again.</div> <form x-ref="uuidForm" class="mb-12" class="flex flex-col flex-1 justify-between" method="POST" action="https://slidesgo.com/lesson-plan-generator-list" > <input type="hidden" name="_token" value="xW71efAaYYXGON9PHnRJTZPE6ycT7gZiS7JfsD6J" autocomplete="off"> <input type="hidden" name="uuid" x-model="uuid"> <input type="hidden" name="resultLanguage" x-model="resultLanguage"> </form> <form @submit.prevent="loading = true; gtm.aiInteraction('lesson_planner_generate'); sendLessonPlanData();" class="flex flex-col mt-16" > <input type="hidden" name="_token" value="xW71efAaYYXGON9PHnRJTZPE6ycT7gZiS7JfsD6J" autocomplete="off"> <div class="mb-4"> <label class="text-gray-700 text-sm font-semibold" for="topic" > Describe the lesson topic or the objective </label> <textarea required name="topic" id="topic" x-model="inputTopic" rows="5" minlength="3" maxlength="255" placeholder="Understanding and identifying poetic devices in classical and contemporary poetry" class="rounded border border-gray-300 text-gray-800 text-base leading-5 w-full resize-y focus:outline-none focus:border-gray-900 py-3 px-4 placeholder-gray-600 mt-2 resize-none" ></textarea> <div class="text-red-500" x-show="inputTopicError" x-text="inputTopicError"></div> </div> <div class="flex flex-col md:flex-row justify-end space-x-0 md:space-x-2.5 space-y-6 md:space-y-0 text-base"> <div> <select x-model="selectGrade" id="grade" name="grade" class="dsm-selector h-10 pl-3 pr-12 bg-white rounded border border-gray-300 w-full text-gray-600 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" > <option value="">Select the grade (auto)</option> <option value="prek" > Pre-K </option> <option value="elementary" > Elementary </option> <option value="middle_school" > Middle School </option> <option value="high_school" > High School </option> <option value="university" > University </option> </select> <script> const mediaQuery = window.matchMedia("(min-width: 768px)"); function handleMediaQueryChange(e, name) { if (e.matches) { let select = document.getElementsByName(name)[0]; if (!select.options) { return; } let firstOptionText = select.options[0].text; let tempSpan = document.createElement("span"); tempSpan.style = { font: window.getComputedStyle(select).font, visibility: 'hidden', whiteSpace: 'nowrap' }; tempSpan.innerText = firstOptionText; select.parentElement.appendChild(tempSpan); select.style.width = `${tempSpan.offsetWidth + 12 + 48}px`; select.parentElement.removeChild(tempSpan); } else { let select = document.getElementsByName(name)[0]; select.style.width = "100%"; } } </script> <script> handleMediaQueryChangegrade(mediaQuery); mediaQuery.addEventListener("change", handleMediaQueryChangegrade); function handleMediaQueryChangegrade(e) { handleMediaQueryChange(e, "grade"); } </script> <div class="text-red-500" x-show="selectGradeError" x-text="selectGradeError"></div> </div> <div> <select x-model="selectClassroomFormat" name="classroom_format" class="dsm-selector h-10 pl-3 pr-12 bg-white rounded border border-gray-300 w-full text-gray-600 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" > <option value="">Classroom setting (auto)</option> <option value="remote" > Remote </option> <option value="in_person" > In person </option> <option value="hybrid" > Hybrid </option> </select> <script> handleMediaQueryChangeclassroom_format(mediaQuery); mediaQuery.addEventListener("change", handleMediaQueryChangeclassroom_format); function handleMediaQueryChangeclassroom_format(e) { handleMediaQueryChange(e, "classroom_format"); } </script> <div class="text-red-500" x-show="selectClassroomFormatError" x-text="selectClassroomFormatError"></div> </div> <div> <select x-model="language" name="language" class="dsm-selector h-10 pl-3 pr-12 bg-white rounded border border-gray-300 w-full text-gray-600 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" > <option value="">Language (auto)</option> <option value="zh" > 中文 </option> <option value="en" > English </option> <option value="es" > Español </option> <option value="pt" > Português </option> <option value="de" > Deutsch </option> <option value="it" > Italiano </option> <option value="fr" > Français </option> <option value="hi" > हिन्दी </option> <option value="bn" > বাংলা </option> <option value="ru" > Русский </option> <option value="ja" > 日本語 </option> <option value="pa" > ਪੰਜਾਬੀ </option> <option value="mr" > मराठी </option> <option value="te" > తెలుగు </option> <option value="tr" > Türkçe </option> <option value="ko" > 한국어 </option> <option value="vi" > Tiếng Việt </option> <option value="ta" > தமிழ் </option> <option value="yo" > Yorùbá </option> <option value="ur" > اردو </option> <option value="jv" > Basa Jawa </option> <option value="gu" > ગુજરાતી </option> <option value="pl" > Polski </option> <option value="uk" > Українська </option> <option value="ms" > Bahasa Melayu </option> </select> <script> handleMediaQueryChangelanguage(mediaQuery); mediaQuery.addEventListener("change", handleMediaQueryChangelanguage); function handleMediaQueryChangelanguage(e) { handleMediaQueryChange(e, "language"); } </script> <div class="text-red-500" x-show="languageError" x-text="languageError"></div> </div> </div> <div class="mt-16 flex justify-end w-full"> <button id="ai-animated" type="submit" class="flex rounded px-6 h-12 md:min-w-57 justify-center items-center text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700" > Generate <svg class="size-4 ml-2 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> </button> </div> </form> </div> </div> <div x-show="loading" x-cloak autocomplete="off" class="absolute inset-0 bg-purple-50 bg-opacity-95 flex justify-center z-50" > <div class="mt-28"> <div class="flex flex-col justify-center"> <div class="leading-relaxed bg-clip-text text-transparent bg-gradient-to-r from-purple-600 to-blue-500 text-7xl font-semibold text-center" > Magic is happening </div> <span class="leading-loose text-center text-2xl text-gray-900">Your lesson plan is almost ready...</span> <span class="flex justify-center mt-9"> <svg class="size-36 text-gray-500 animate-spin fill-current"> <use xlink:href="#spinner-animated"/> </svg> </span> </div> </div> </div> <div class="pt-20 py-16 bg-gray-50"> <div class="py-20 px-4 flex flex-col justify-between overflow-hidden lg:flex-row sm:px-6 md:px-16 2xl:container 2xl:mx-auto"> <h2 class="mb-12 text-6xl font-title font-semibold text-gray-900 mr-16 sm:mb-4 lg:text-8xl lg:w-4/12"> Frequently asked questions </h2> <div class="text-left lg:w-8/12" @click.outside="open = false" x-data="{ open: false }" > <div class="cursor-pointer border-b border-gray-25 pb-9" x-data="{ section: 'ai.faqs.how-should-i-use-ai-generated-content-with-slidesgo-tools' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> In what ways can I use AI-generated content from Slidesgo tools? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section0.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section0"> Generative AI is a tool that helps us perform basic tasks and boosts our creativity. It's essential not to use content from others without their permission and to refrain from generating content that may undermine the rights of others or be harmful, offensive, or potentially dangerous. Additionally, it's important to indicate when sharing content that it has been fully or partially generated using artificial intelligence. If you have any doubts, we recommend that you take a look at the terms and conditions of our products developed with AI. <a href="https://www.freepik.com/legal/terms-of-use#nav-ai-products">https://www.freepik.com/legal/terms-of-use#nav-ai-products</a> </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'ai.faqs.why-do-i-get-different-results-with-the-same-prompt' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Why do I get different results with the same prompt? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section1.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section1"> Every time we ask the AI a query, it responds with slight variations to generate answers adapted to what we have asked. It generates a completely new answer when it processes the different elements we provide it with through the instructions and configurations we propose. If the instructions do not change, the results will be quite similar; if the instructions change slightly in some aspect, the results will change, adapting to the new value we have included. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'ai.faqs.how-do-we-moderate-the-results-to-ensure-ai-is-safe' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> How do we moderate the results to ensure that AI is safe? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section2.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section2"> Our AI solutions are built on LLMs from top-tier providers. The NSFW filters applied by these providers are also applied to our content to maintain the safety and quality of the results. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'ai.faqs.what-do-we-do-with-the-instructions-and-results' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> What do we do with the instructions and results? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section3.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section3"> Slidesgo only stores AI results and responses for internal research and service improvement purposes. We do not use them to train AI models. </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'ai.faqs.do-i-need-to-mention-or-license-slidesgo-when-using-results-from-slidesgos-ai-tools' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> Do I have to mention or license Slidesgo when I use results from Slidesgo's AI tools? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section4.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section4"> You do not need to license Slidesgo to use AI-generated content, but we recommend reviewing the terms and conditions of use if you have any questions. <a href="https://slidesgo.com/terms-conditions">https://slidesgo.com/terms-conditions</a> </div> </div> </div> <div class="cursor-pointer border-b border-gray-25 py-9" x-data="{ section: 'ai.faqs.how-can-i-improve-my-prompts' }" @click="open = section" > <h4 class="leading-relaxed text-lg sm:text-xl text-gray-900 font-semibold flex items-center justify-between" > <span> How can I improve my prompts? </span> <svg class="shrink-0 transition duration-200 size-6 block ml-1 text-gray-700 fill-current" x-bind:class="{'rotate-270': open === section,'rotate-90': open !== section}"> <use xlink:href="#icon-landing-edu-caret-drop"/> </svg> </h4> <div class="transition-all duration-200 overflow-hidden max-h-0 leading-normal text-base text-gray-700 mt-4 prose opacity-0" x-bind:style="open === section ? 'max-height: ' + $refs.section5.scrollHeight + 'px; opacity: 1' : ''" > <div x-ref="section5"> To write a good prompt, be specific, clear, and concise. Use keywords and phrases that accurately describe the content you want to create, give context, and provide the details necessary for the AI to identify the most important elements you want to highlight. If you are still a bit lost, we recommend watching this <a href="https://wepik.com/blog/how-to-write-an-image-ai-prompt/">tutorial</a> from Wepik. </div> </div> </div> <p class="leading-relaxed text-base text-gray-800 mt-9"> If you need further information, <a class='text-blue-500 inline-block' href='https://slidesgo.com/profile/support'>please contact us</a> </p> </div> </div> <div class="hidden"> <svg id="icon-landing-edu-caret-drop" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs/><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"/></svg> </div> </div> </main> <div class="hidden"> <svg id="spinner-animated" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"> <defs></defs> <circle opacity="0.3" cx="16" cy="16" r="14" stroke="currentColor" stroke-width="3" fill="none"></circle> <path d="M 5.044 7.241 C 3.131 9.676 2 12.698 2 15.974 C 2 19.25 3.131 22.27 5.044 24.708" stroke="currentColor" stroke-width="3" stroke-linecap="round" fill="none" style=""></path> <animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 0 0" to="360 0 0" dur="0.7s" repeatCount="indefinite"/> </svg> </div> <script> function aiLessonPlan() { return { inputTopic: '', inputTopicError: '', selectGrade: '', selectGradeError: '', selectClassroomFormat: '', selectClassroomFormatError: '', language: '', languageError: '', uuid: null, finished: null, status: null, pollingControl: null, rateLimitReached: false, resultLanguage: '', delays: [ 8000, // minimal measured time is around 6s 7000, // 15s mark 5000, 5000, 5000, 5000, 5000, // 40s mark 10000, 10000,// 1 min 10000, 10000, 10000, 10000, 10000, 10000, // 2 min ], init() { this.$nextTick(() => { let forwarded = 0; if (forwarded) { this.inputTopic = ""; this.selectGrade = ""; this.selectClassroomFormat = ""; this.language = ""; this.$dispatch('start-spinner'); this.sendLessonPlanData(); } }); }, sendLessonPlanData() { fetch('https://slidesgo.com/lesson-plan-generator', { method: "POST", body: JSON.stringify({ topic: this.inputTopic, grade: this.selectGrade, classroom_format: this.selectClassroomFormat, language: this.language }), headers: { "X-CSRF-Token": "xW71efAaYYXGON9PHnRJTZPE6ycT7gZiS7JfsD6J", "Content-Type": "application/json" }, }).then(response => { response.json() .then(response => { if (response.rate_limit_error) { this.rateLimitReached = true; this.$refs.rateLimitMessage.innerText = response.rate_limit_error; this.$dispatch('no-spinner'); return; } if (response.errors) { this.inputTopicError = response.errors?.topic ? response.errors.topic[0] : ''; this.selectGradeError = response.errors?.grade ? response.errors.grade[0] : ''; this.selectClassroomFormatError = response.errors?.classroom_format ? response.errors.classroom_format[0] : ''; this.languageError = response.errors?.language ? response.errors.language[0] : ''; this.systemPromptError = response.errors?.system_prompt ? response.errors.system_prompt[0] : ''; this.userPromptError = response.errors?.user_prompt ? response.errors.user_prompt[0] : ''; this.$dispatch('no-spinner'); return; } if (response.login) { window.location = response.login; return; } this.uuid = response.uuid; this.resultLanguage = response.resultLanguage; this.pollBackendForJobCompletion(); }) }) }, pollServer(iteration, delay) { if (iteration >= this.delays.length) { this.setError() clearTimeout(this.pollingControl); return; } iteration++; // Schedule the next iteration let batchRoute = 'https://slidesgo.com/api/ai-lesson-plan/anUuid'; batchRoute = batchRoute.replace('anUuid', this.uuid); fetch(`${batchRoute}?time=1732388211`) .then(response => { if (!response.ok) { throw new Error('Network response was not ok ' + response.statusText); } return response.json(); }) .then(data => { if (data.finished === true) { this.finished = data.finished; this.status = data.status; if (this.status === false) { this.setError(); return; } this.$refs.uuidForm.submit(); } else { this.pollingControl = setTimeout(() => this.pollServer(iteration, this.delays[iteration]), this.delays[iteration]); } }) .catch(error => { this.setError(); }); }, pollBackendForJobCompletion() { // Start the first iteration this.pollingControl = setTimeout(() => this.pollServer(0, this.delays[0]), this.delays[0]); }, setError() { this.finished = true; this.status = false; this.$dispatch('no-spinner'); } } } </script> <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"> <!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg alt="twitter" class="fill-current h-5 w-5 text-black" version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19" style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve"> <g id="layer1" transform="translate(52.390088,-25.058597)"> <path id="path1009" d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99 h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"/> </g> </svg> </a> <a href="https://www.instagram.com/slidesgo/" target="_blank" rel="noreferrer" class="bg-instagram rounded flex items-center justify-center p-2 hover:bg-pink-600 mr-2 sm:mr-0 focus:outline-none share"> <svg alt="instagram" class="fill-current h-5 w-5 text-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_2224_13585)"> <path d="M11.9992 2.32032C15.1539 2.32032 15.5242 2.33439 16.7711 2.39064C17.9242 2.4422 18.5477 2.63439 18.9648 2.79845C19.518 3.01407 19.9117 3.2672 20.3242 3.6797C20.7367 4.0922 20.9945 4.48595 21.2055 5.03907C21.3648 5.45626 21.5617 6.0797 21.6133 7.23282C21.6695 8.4797 21.6836 8.85001 21.6836 12.0047C21.6836 15.1594 21.6695 15.5297 21.6133 16.7766C21.5617 17.9297 21.3695 18.5531 21.2055 18.9703C20.9898 19.5234 20.7367 19.9172 20.3242 20.3297C19.9117 20.7422 19.518 21 18.9648 21.2109C18.5477 21.3703 17.9242 21.5672 16.7711 21.6188C15.5242 21.675 15.1539 21.6891 11.9992 21.6891C8.84453 21.6891 8.47422 21.675 7.22734 21.6188C6.07422 21.5672 5.45078 21.375 5.03359 21.2109C4.48047 20.9953 4.08672 20.7422 3.67422 20.3297C3.26172 19.9172 3.00391 19.5234 2.79297 18.9703C2.63359 18.5531 2.43672 17.9297 2.38516 16.7766C2.32891 15.5297 2.31484 15.1594 2.31484 12.0047C2.31484 8.85001 2.32891 8.4797 2.38516 7.23282C2.43672 6.0797 2.62891 5.45626 2.79297 5.03907C3.00859 4.48595 3.26172 4.0922 3.67422 3.6797C4.08672 3.2672 4.48047 3.00939 5.03359 2.79845C5.45078 2.63907 6.07422 2.4422 7.22734 2.39064C8.47422 2.3297 8.84453 2.32032 11.9992 2.32032ZM11.9992 0.1922C8.79297 0.1922 8.38985 0.206262 7.12891 0.262512C5.87266 0.318762 5.01484 0.520325 4.26484 0.81095C3.48672 1.11095 2.83047 1.51876 2.17422 2.17501C1.51797 2.83126 1.11484 3.4922 0.810156 4.26564C0.519531 5.01564 0.317969 5.87345 0.261719 7.13439C0.205469 8.39063 0.191406 8.79376 0.191406 12C0.191406 15.2063 0.205469 15.6094 0.261719 16.8703C0.317969 18.1266 0.519531 18.9844 0.810156 19.7391C1.11016 20.5172 1.51797 21.1734 2.17422 21.8297C2.83047 22.4859 3.49141 22.8891 4.26484 23.1938C5.01484 23.4844 5.87266 23.6859 7.13359 23.7422C8.39453 23.7984 8.79297 23.8125 12.0039 23.8125C15.2148 23.8125 15.6133 23.7984 16.8742 23.7422C18.1305 23.6859 18.9883 23.4844 19.743 23.1938C20.5211 22.8938 21.1773 22.4859 21.8336 21.8297C22.4898 21.1734 22.893 20.5125 23.1977 19.7391C23.4883 18.9891 23.6898 18.1313 23.7461 16.8703C23.8023 15.6094 23.8164 15.2109 23.8164 12C23.8164 8.78907 23.8023 8.39064 23.7461 7.1297C23.6898 5.87345 23.4883 5.01564 23.1977 4.26095C22.8977 3.48282 22.4898 2.82657 21.8336 2.17032C21.1773 1.51407 20.5164 1.11095 19.743 0.806262C18.993 0.515637 18.1352 0.314075 16.8742 0.257825C15.6086 0.206262 15.2055 0.1922 11.9992 0.1922Z"/> <path d="M11.9997 5.93439C8.65283 5.93439 5.93408 8.64845 5.93408 12C5.93408 15.3516 8.65283 18.0656 11.9997 18.0656C15.3466 18.0656 18.0653 15.3469 18.0653 12C18.0653 8.65314 15.3466 5.93439 11.9997 5.93439ZM11.9997 15.9375C9.82471 15.9375 8.06221 14.175 8.06221 12C8.06221 9.82501 9.82471 8.06251 11.9997 8.06251C14.1747 8.06251 15.9372 9.82501 15.9372 12C15.9372 14.175 14.1747 15.9375 11.9997 15.9375Z"/> <path d="M18.3043 7.11097C19.0861 7.11097 19.7199 6.47718 19.7199 5.69535C19.7199 4.91352 19.0861 4.27972 18.3043 4.27972C17.5225 4.27972 16.8887 4.91352 16.8887 5.69535C16.8887 6.47718 17.5225 7.11097 18.3043 7.11097Z"/> </g> <defs> </defs> </svg> </a> <a href="https://www.youtube.com/channel/UCwitIiMU0oUOHshx4pywqaw" target="_blank" rel="noreferrer" class="bg-youtube rounded flex items-center justify-center p-2 hover:bg-red-700 mr-2 sm:mr-0 focus:outline-none share"> <svg alt="youtube icon" class="fill-current h-5 w-5 text-white" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.35814 7.75533V3.14959L10.54 5.45255L6.35814 7.75533ZM15.6601 1.7004C15.4761 1.02967 14.934 0.501492 14.2456 0.322236C12.9979 -0.00354004 7.99451 -0.00354004 7.99451 -0.00354004C7.99451 -0.00354004 2.99114 -0.00354004 1.74342 0.322236C1.05505 0.501492 0.51287 1.02967 0.32887 1.7004C-0.00549316 2.91604 -0.00549316 5.45246 -0.00549316 5.45246C-0.00549316 5.45246 -0.00549316 7.9888 0.32887 9.20452C0.51287 9.87525 1.05505 10.4034 1.74342 10.5828C2.99114 10.9085 7.99451 10.9085 7.99451 10.9085C7.99451 10.9085 12.9979 10.9085 14.2456 10.5828C14.934 10.4034 15.4761 9.87525 15.6601 9.20452C15.9945 7.9888 15.9945 5.45246 15.9945 5.45246C15.9945 5.45246 15.9945 2.91604 15.6601 1.7004V1.7004Z"/> </svg> </a> </div> </div> <div x-data="{ open: false }" class="w-full sm:w-1/4 sm:pr-4 flex flex-col items-center sm:items-start sm:mt-4"> <h3 @click="open = true" class="w-full uppercase text-base mb-4 px-6 sm:px-0 font-bold flex items-center justify-between"> 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> <!--mobile:text-xs --> <li class="sm:w-1/2" > <ul> <li> <a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/legal/privacy">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/generador-de-planes-de-estudios-con-ia" 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/ai-lesson-plan-generator" 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/gerador-de-planos-de-aulas-com-ia" 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/g%C3%A9n%C3%A9rateur-ia-de-plans-de-cours" 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/ki-unterrichtsplan-generator" 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/ai-%EB%A0%88%EC%8A%A8-%ED%94%8C%EB%9E%9C-%EC%83%9D%EC%84%B1%EA%B8%B0" 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> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('set', { 'dimension1': 'anonymous' }); </script> <script src='https://cdn.ranksci.com/slidesgo-443963.min.js' type='text/javascript' async></script> <script src="https://accounts.google.com/gsi/client" async defer></script> <link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/searcher-CwauGSSJ.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/app-c3eFW2ew.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/index-DcSiGHp9.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/functions-jlleKNFh.js" /><script type="module" src="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/searcher-CwauGSSJ.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/c8c5491ffbca8be290549806f653cd70c57aaabf/build/assets/app-c3eFW2ew.js" data-navigate-track="reload"></script><script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"xW71efAaYYXGON9PHnRJTZPE6ycT7gZiS7JfsD6J","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":"ai_microtool","content_type":"tool","content_group2":"ai_lesson_plan"}; 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>