slidesgo.com
Open in
urlscan Pro
2606:4700:10::ac43:912
Public Scan
Submitted URL: http://slidesgo.com/
Effective URL: https://slidesgo.com/
Submission: On September 04 via api from LU — Scanned from DE
Effective URL: https://slidesgo.com/
Submission: On September 04 via api from LU — Scanned from DE
Form analysis 28 forms found in the DOM
https://slidesgo.com/search#rs=search
<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>
<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>
<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"></path>
<defs>
<clipPath id="a">
<path d="M0 0h24v24H0z"></path>
</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"></path>
</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>
<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"></path>
</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=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=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=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=medical#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">
medical
</a>
<a href="https://slidesgo.com/search?q=powerpoint#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">
powerpoint
</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=hackathon#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/23503117/hackathon-project-proposal1660049668.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/23503117/hackathon-project-proposal1660049668.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/23503117/hackathon-project-proposal1660049668.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">hackathon</h4>
<p class="text-gray-600 text-left text-xs">35 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=fall#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/39860016/happy-fall-break1693294972.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/39860016/happy-fall-break1693294972.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/39860016/happy-fall-break1693294972.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">fall</h4>
<p class="text-gray-600 text-left text-xs">108 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=pe#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/29632512/pe-subject-for-middle-school-lets-celebrate-national-girls-and-women-in-sports-day1672304357.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/29632512/pe-subject-for-middle-school-lets-celebrate-national-girls-and-women-in-sports-day1672304357.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/29632512/pe-subject-for-middle-school-lets-celebrate-national-girls-and-women-in-sports-day1672304357.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">pe</h4>
<p class="text-gray-600 text-left text-xs">32 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=phonics#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/7273068/phonics-subject-for-pre-k-phonemic-awareness1622625872.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/7273068/phonics-subject-for-pre-k-phonemic-awareness1622625872.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/7273068/phonics-subject-for-pre-k-phonemic-awareness1622625872.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">phonics</h4>
<p class="text-gray-600 text-left text-xs">50 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=mid+autumn+festival#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/24173415/chinese-mid-autumn-festival1661939110.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/24173415/chinese-mid-autumn-festival1661939110.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/24173415/chinese-mid-autumn-festival1661939110.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">mid autumn festival</h4>
<p class="text-gray-600 text-left text-xs">18 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=timetable#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/37468730/trity-boho-style-timetables-my-planner1687245234.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/37468730/trity-boho-style-timetables-my-planner1687245234.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/37468730/trity-boho-style-timetables-my-planner1687245234.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">timetable</h4>
<p class="text-gray-600 text-left text-xs">11 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</form>POST https://slidesgo.com/auth/login
<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.home" 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>https://slidesgo.com/search#rs=search
<form action="https://slidesgo.com/search#rs=search" x-data="searcher("en", "", "")" 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 md:w-8/12 max-w-2xl mt-6 md:mt-8 mx-auto z-15">
<div class="relative group bg-gray-50 focus-within:placeholder-gray-600 focus-within:text-gray-600 overflow-hidden rounded-lg">
<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>
<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>
<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"></path>
<defs>
<clipPath id="a">
<path d="M0 0h24v24H0z"></path>
</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 sm:pl-6 pr-16 h-12 sm:h-14 bg-white placeholder-gray-600 rounded-lg">
<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-5 w-5 text-gray-600" 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"></path>
</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>
<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"></path>
</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 -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 absolute mt-2 rounded-lg">
<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=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=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=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>
</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">
<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=hackathon#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-1/3">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/23503117/hackathon-project-proposal1660049668.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/23503117/hackathon-project-proposal1660049668.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/23503117/hackathon-project-proposal1660049668.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">hackathon</h4>
<p class="text-gray-600 text-left text-xs">35 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=fall#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-1/3">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/39860016/happy-fall-break1693294972.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/39860016/happy-fall-break1693294972.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/39860016/happy-fall-break1693294972.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">fall</h4>
<p class="text-gray-600 text-left text-xs">108 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=pe#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-1/3">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/29632512/pe-subject-for-middle-school-lets-celebrate-national-girls-and-women-in-sports-day1672304357.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/29632512/pe-subject-for-middle-school-lets-celebrate-national-girls-and-women-in-sports-day1672304357.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/29632512/pe-subject-for-middle-school-lets-celebrate-national-girls-and-women-in-sports-day1672304357.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">pe</h4>
<p class="text-gray-600 text-left text-xs">32 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=phonics#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-1/3">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/7273068/phonics-subject-for-pre-k-phonemic-awareness1622625872.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/7273068/phonics-subject-for-pre-k-phonemic-awareness1622625872.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/7273068/phonics-subject-for-pre-k-phonemic-awareness1622625872.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">phonics</h4>
<p class="text-gray-600 text-left text-xs">50 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-favorites" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'favourite_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Log in </button>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center -inset-x-24">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-limit-download" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'limit_modal');
gtm.limitModalClick('true', 'Log in', 'https://slidesgo.com/auth/login')"
class="sign-in border mr-4 lg:order-2 lg:mr-0 lg:ml-4 rounded h-10 px-4 text-base text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100"> Log in </button>
<a href="https://slidesgo.com/pricing" onclick="gtm.limitModalClick('true', 'Go Premium', 'https://slidesgo.com/pricing');
gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing', 'limit_modal')" class="flex items-center go-premium mr-2 lg:order-1 lg:mr-0 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium </a>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center -inset-x-24">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=third-grade-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Third+Grade+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32710);
gtm.microfunnel('School, Infographics', 'Go Premium', 'https://slidesgo.com/pricing?slide=third-grade-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Third+Grade+Infographics', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=elementary-geography-lesson-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Elementary+Geography+Lesson+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32249);
gtm.microfunnel('School, Infographics', 'Go Premium', 'https://slidesgo.com/pricing?slide=elementary-geography-lesson-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Elementary+Geography+Lesson+Infographics', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=fall-cottagecore-theme&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fall+Cottagecore+Theme" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 24050);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=fall-cottagecore-theme&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fall+Cottagecore+Theme', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=chalkboard-background-theme-for-elementary&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Chalkboard+Background+Theme+for+Elementary" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 16193);
gtm.microfunnel('Education, School', 'Go Premium', 'https://slidesgo.com/pricing?slide=chalkboard-background-theme-for-elementary&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Chalkboard+Background+Theme+for+Elementary', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=colorful-theme&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Colorful+Theme" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 29595);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=colorful-theme&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Colorful+Theme', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=financial-infographics-creative&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Financial+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32708);
gtm.microfunnel('Infographics', 'Go Premium', 'https://slidesgo.com/pricing?slide=financial-infographics-creative&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Financial+Infographics', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=chalk-blackboard-cut-outs-cute&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Chalk+%2F+Blackboard++Cut-outs" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32758);
gtm.microfunnel('Printable Slides', 'Go Premium', 'https://slidesgo.com/pricing?slide=chalk-blackboard-cut-outs-cute&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Chalk+%2F+Blackboard++Cut-outs', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-editor" name="login-from">
<input type="hidden" value="en" name="language">
<button data-cy="register" type="submit" onclick="gtm.login('Register', 'https://slidesgo.com/auth/login', 'editor_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Register
</button>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-favorites" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'favourite_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Log in </button>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-limit-download" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'limit_modal');
gtm.limitModalClick('true', 'Log in', 'https://slidesgo.com/auth/login')"
class="sign-in border mr-4 lg:order-2 lg:mr-0 lg:ml-4 rounded h-10 px-4 text-base text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100"> Log in </button>
<a href="https://slidesgo.com/pricing" onclick="gtm.limitModalClick('true', 'Go Premium', 'https://slidesgo.com/pricing');
gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing', 'limit_modal')" class="flex items-center go-premium mr-2 lg:order-1 lg:mr-0 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium </a>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-editor" name="login-from">
<input type="hidden" value="en" name="language">
<button data-cy="register" type="submit" onclick="gtm.login('Register', 'https://slidesgo.com/auth/login', 'editor_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Register
</button>
</form>POST https://slidesgo.com/ai-presentation-generator
<form method="post" action="https://slidesgo.com/ai-presentation-generator" x-ref="form" class="w-full" x-on:submit.prevent="submitForm()">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<input type="hidden" value="sign-in-ai" name="login-from">
<div class="flex flex-col gap-4 mb-8 text-lg">
<div class="w-full">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Topic </h3>
<input x-show="!openFromTemplate" type="text" :required="!openFromTemplate" min="10" max="255" name="topic" x-model="topic"
class="h-8 md:h-11 px-4 text-base rounded border border-gray-300 w-full appearance-none text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" placeholder="Best icebreakers for a business meeting"
required="required">
<textarea x-show="openFromTemplate" :required="openFromTemplate" minlength="10" maxlength="255" name="topic" x-model="topic"
class="h-30 p-3 rounded border border-gray-300 w-full appearance-none text-gray-900 font-regular text-base leading-5 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" placeholder="Effective treatments for malaria"
style="display: none;"></textarea>
</div>
<div class="flex justify-between gap-4 w-full flex flex-wrap flex-col md:flex-row">
<div>
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Writing tone </h3>
<select x-model="tone" name="tone" autocomplete="off" :class="{
'dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 w-full placeholder:text-gray-600 focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" class="dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 w-full placeholder:text-gray-600 focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
<option value="">Unspecified</option>
<option value="Fun"> Fun </option>
<option value="Creative"> Creative </option>
<option value="Casual"> Casual </option>
<option value="Professional"> Professional </option>
<option value="Formal"> Formal </option>
</select>
</div>
<div class="flex-1">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Language </h3>
<select x-model="language" name="language" autocomplete="off" :class="{
'dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 placeholder:text-gray-600 w-full focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" class="dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 placeholder:text-gray-600 w-full focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
<option value="">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>
</div>
<div class="flex-1 lg:flex-0">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Number of slides </h3>
<input type="number" required="" min="6" max="14" name="slides" autocomplete="off" :class="{
'pl-4 bg-white rounded border border-gray-300 w-full appearance-none placeholder:text-gray-600 focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" value="8" class="pl-4 bg-white rounded border border-gray-300 w-full appearance-none placeholder:text-gray-600 focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
</div>
</div>
</div>
<div x-show="!openFromTemplate">
<h3 class="text-left text-gray-900 font-semibold mb-2"> Style </h3>
<div class="block sm:hidden mb-4">
<select x-model="activeParentStyle" x-on:change="changeActiveStyle" name="parent_style" data-cy="styles-list" autocomplete="off" class="dsm-selector h-8 pl-4 bg-white pr-12 rounded border border-gray-300 w-full text-sm
font-semibold text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900">
<template x-for="(parentStyle, key) in elements" x-bind:key="key">
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName">
</option>
</template>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="94" data-cy="check-active-style"
selected="selected">Minimalist</option>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="69">Colorful</option>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="73">Geometric</option>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="1">Professional</option>
</select>
</div>
<div data-cy="styles-list" class="hidden sm:inline-flex border rounded border-gray-300 text-gray-800 hover:text-gray-900 mb-4">
<template x-for="(parentStyle, key) in elements" x-bind:key="key">
<label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">
</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label>
</template><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="94" data-cy="check-active-style">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Minimalist</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="69">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Colorful</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="73">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Geometric</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="1">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Professional</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label>
</div>
<template x-for="(parentStyle, parentStyleIndex) in elements" x-bind:key="parentStyleIndex">
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
</div>
</template>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="94"
data-cy="check-active-template">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/minimalist.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="223">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/cute.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="177">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/duotone.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="35">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/white.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="33">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/simple.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="54">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/company.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="500">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/scrapbook.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="66">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/cool.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="65">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/futuristic.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="62">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/gradient.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="90">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/portfolio.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="38">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/black.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="381">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/report.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="26">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/creative.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="635">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/german.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="278">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/math.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="30">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/purple.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="95">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/corporate.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="1">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/professional.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="36">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/elegant.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="123">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/meeting.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="296">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/research.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="154">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/consulting.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="77">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/picture.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
</div>
<button data-cy="generate-presentation" :class="{
'bg-gray-900 text-white font-bold h-14 rounded w-full text-lg hover:bg-gray-800 active:bg-gray-700': true,
'mt-6': !openFromTemplate,
'mt-2': openFromTemplate
}" class="bg-gray-900 text-white font-bold h-14 rounded w-full text-lg hover:bg-gray-800 active:bg-gray-700 mt-6">
<span x-show="!openFromTemplate" class="flex items-center justify-center gap-3">
<svg class="fill-current h-6 w-6" viewBox="0 0 23 22" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.82 4.53674L19.1052 5.83975C18.8695 6.26925 18.2601 6.25868 18.0761 5.82103L17.5072 4.49479L16.084 4.25607C15.6128 4.17902 15.4583 3.58945 15.8198 3.2587L16.9165 2.25577L16.7542 0.805169C16.6999 0.326892 17.2152 -0.0254924 17.6238 0.205908L18.8683 0.910886L20.191 0.25237C20.6264 0.0366336 21.0978 0.406983 20.9913 0.881014L20.6646 2.32201L21.6442 3.36432C21.9657 3.70649 21.7453 4.29058 21.2678 4.35103L19.82 4.53674ZM11.3838 3.17622L11.9481 4.17987C12.134 4.51081 11.8775 4.90728 11.5143 4.84908L10.4092 4.68016L9.66938 5.51845C9.42578 5.7968 8.97474 5.65703 8.90522 5.28385L8.69469 4.15185L7.67417 3.66463C7.33737 3.50451 7.31662 3.0213 7.6361 2.84735L8.60938 2.31746L8.71788 1.17788C8.75425 0.803228 9.19086 0.64482 9.459 0.908996L10.273 1.71389L11.3596 1.49642C11.7163 1.42505 12.0102 1.80915 11.8544 2.14798L11.3838 3.17622ZM14.3551 7.10097L14.9653 7.71113C15.4895 8.23534 15.7817 8.94003 15.7817 9.68339C15.7817 10.431 15.4938 11.1314 14.9653 11.66L5.87308 20.7521C5.87308 20.7521 3.99601 22.7846 1.63898 20.4274C-0.71805 18.0703 1.3141 16.1932 1.3141 16.1932L10.4063 7.10097C11.4934 6.01386 13.268 6.01386 14.3551 7.10097ZM3.14886 18.9174C3.87321 19.6417 4.66996 18.9174 4.66996 18.9174L10.8618 12.7256L9.34066 11.2045L3.14886 17.3963C3.14886 17.3963 2.42451 18.193 3.14886 18.9174ZM12.3829 11.2002L13.4442 10.1389C13.5645 10.0185 13.6289 9.85097 13.6289 9.67909C13.6289 9.50722 13.5602 9.34394 13.4399 9.22363L12.834 8.61777C12.5848 8.36855 12.1723 8.36855 11.9231 8.61777L10.8618 9.67909L12.3829 11.2002ZM17.0475 13.1394L18.1254 13.5444L18.4269 14.6343C18.5257 14.9939 18.9978 15.0987 19.2249 14.8145L19.9167 13.9487L21.0577 14.0409C21.4329 14.0706 21.6651 13.6683 21.4519 13.3582L20.8015 12.4161L21.2054 11.3842C21.338 11.0454 21.0111 10.689 20.6503 10.7832L19.5557 11.067L18.666 10.3361C18.3726 10.0952 17.9374 10.2785 17.9301 10.6483L17.9034 11.766L16.9488 12.348C16.6334 12.5372 16.6922 13.0057 17.0475 13.1394Z">
</path>
</svg> Generate presentation </span>
<span x-show="openFromTemplate" class="flex items-center justify-center gap-3" style="display: none;">
<svg class="size-4 shrink-0 fill-current" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M13.201 2.276 12.466.61c-.358-.813-1.512-.813-1.87 0L9.86 2.276c-.103.233-.29.42-.523.523l-1.666.735c-.813.358-.813 1.512 0 1.87l1.666.735c.234.103.42.29.523.523l.735 1.666c.358.813 1.512.813 1.87 0l.735-1.666c.103-.234.29-.42.523-.523l1.666-.735c.813-.358.813-1.512 0-1.87l-1.666-.735a1.021 1.021 0 0 1-.523-.523Z">
</path>
<path
d="m3.628 6.347.493 1.118c.069.157.194.282.35.351l1.12.493a.686.686 0 0 1 0 1.256l-1.12.494a.685.685 0 0 0-.35.35l-.493 1.119a.686.686 0 0 1-1.256 0l-.493-1.119a.685.685 0 0 0-.351-.35L.409 9.565a.686.686 0 0 1 0-1.256l1.119-.493a.686.686 0 0 0 .35-.35l.494-1.12a.686.686 0 0 1 1.256 0Z">
</path>
<path
d="m9.578 11.396.406.921c.057.13.16.232.289.29l.92.405c.45.198.45.836 0 1.034l-.92.406a.565.565 0 0 0-.29.29l-.405.92a.565.565 0 0 1-1.034 0l-.406-.92a.565.565 0 0 0-.29-.29l-.92-.406a.565.565 0 0 1 0-1.034l.92-.406a.565.565 0 0 0 .29-.289l.406-.92a.565.565 0 0 1 1.034 0Z">
</path>
</svg> Generate content </span>
</button>
</form>Text Content
Slidesgo ist auch auf Deutsch verfügbar Anzeigen Create By content type Social Media Marketing Plan Calendar & Weather Background Research Pitch Deck Infographics Planner Notebook A4 Portfolio Lesson School Meeting Newsletter Thesis Defense Project Proposal Editable templates By industry Education Business Marketing Technology Medical Tools AI presentation maker Create presentations in minutes with AI Online editor Create blank document AI icebreaker generator New Generate icebreaker activities and ideas Explore By color Purple Red Blue Green White Black Yellow Pink Orange Brown Cream Gray Gold Silver By style Creative Simple Illustration Minimalist Vintage Aesthetic Cute By featured content Disney Templates with your favorite Disney and Pixar characters Slidesclass Ready-to-go classes on many topics for everyone Editor’s Choice Our favorite slides Multi-purpose Presentations that suit any project Teacher Toolkit Content for teachers Interactive & Animated Templates to create engaging presentations Printable Slides Presentations that suit any project Resources Pack Presentations that suit any project AI New AI presentation maker Create presentations in minutes with AI AI icebreaker generator Generate icebreaker activities and ideas AI exit ticket Create assessments for your students AI lesson plan generator Plan your lessons faster with AI AI PDF to PPT converter Turn documents into PPT with AI Learn PowerPoint Tutorials Learn how to work with Microsoft PowerPoint Google Slides Tutorials Discover the secrets of Google Slides Presentation Tips The best tips on how to make an excellent presentation Blog Articles and other resources Slidesgo Academy Work faster, teach better: boost your skills with our course Education PDF TEMPLATES Top searches aesthetic simple school minimalist technology history science medical powerpoint Trending searches HACKATHON 35 templates FALL 108 templates PE 32 templates PHONICS 50 templates MID AUTUMN FESTIVAL 18 templates TIMETABLE 11 templates More Freepik Free vectors, photos and PSD Flaticon Free customizable icons Wepik Free online template editor Storyset Free editable illustrations Videvo Free videos and motion graphics Premium plans Log in CREATE ENGAGING PRESENTATIONS, FASTER FREE TEMPLATES FOR GOOGLE SLIDES, POWERPOINT AND CANVA PDF TEMPLATES Top searches aesthetic simple school minimalist technology history science Trending searches HACKATHON 35 templates FALL 108 templates PE 32 templates PHONICS 50 templates OR KICK OFF YOUR NEXT PROJECT WITH AI PRESENTATION MAKER TRENDING SEARCHES INSIDE OUT DISNEY 11 templates DISNEY 256 templates SLIDESCLASS 400 templates EDITOR’S CHOICE 3684 templates EDUCATION 9518 templates EVENT 3188 templates PRESENTATION MAKER 1701 templates FALL 91 templates NATURE 1238 templates MENTAL HEALTH 413 templates SOCIAL MEDIA 702 templates LATEST THEMES / Like IT SEEMS THAT YOU LIKE THIS TEMPLATE! By registering on Slidesgo, you will be able to save templates as favorites so you can easily find them later. If you are already registered, log in! Log in Download Download and open in Google Slides Download as a PowerPoint file REGISTER FOR FREE AND START DOWNLOADING NOW Register on our website to download 5 FREE templates every month, or GO Premium for unlimited downloads! Log in Go Premium CREATIVE LEAFY BACKGROUNDS MINITHEME Who said elegance and creativity are at odds? Take a look at this floral style template to prove it. On the striking red background we have added illustrations of leaves in different colors, such as blue, green and pink, bringing dynamism and joy. All this, added to the wide variety... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file FUNNY LOOKING CARTOON CHARACTERS MINITHEME If you are looking for an eye-catching presentation that will instantly grab your audience's attention, this may be a great option for you. With its grid background and cartoon style characters, it gives a fun and playful touch to any topic you want to talk about. But that's not all.... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva CASUAL & VINTAGE WATERCOLOR COLLAGE MINITHEME Are you good with handicrafts? Those who are skilled with scissors and glue know how to create true masterful compositions that mix photographs, textures, layouts and other elements to create collages that convey all kinds of ideas. Of course, there's no need to get your fingers dirty with glue to... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva MODERN DOODLE MINITHEME Download the Modern Doodle Minitheme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different graphic resources.... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in THIRD GRADE INFOGRAPHICS Download the Third Grade Infographics template for PowerPoint or Google Slides and discover this set of editable infographics for education presentations. These resources, from graphs to tables, can be combined with other presentations or used independently. The most important thing is what you will achieve: transmit information in an orderly... School 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in ELEMENTARY GEOGRAPHY LESSON INFOGRAPHICS Download the Elementary Geography Lesson Infographics presentation for PowerPoint or Google Slides and easily edit it to fit your own lesson plan! Designed specifically for elementary school education, this eye-catching design features engaging graphics, and age-appropriate fonts; elements that capture the students' attention and make the learning experience more enjoyable... School 16:9 Latest themes POPULAR THEMES / Like Download Customize online Customize online Generate content with AI Generate content with AI Download and open in Google Slides Download as a PowerPoint file Download and open in Canva MINIMALIST BUSINESS SLIDES Minimalism is an art style that frees the canvas and that lets the content stand out for itself. It’s a way of conveying modernism, simplicity and elegance and can be your best ally in your next presentation. With this new design from Slidesgo, your business presentations will be as professional... Business Post 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in FALL COTTAGECORE THEME Ah yes, the temperature drops two degrees at the end of summer and your mind automatically switches on fall mode: warm brown and green tones, you start wearing your jacket, drink the coffee hotter, watch (again) that show inspired by fall... We understand that desire for the best time of... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva PAPYRUS HISTORY LESSON History lessons tend to be boring for students, since they need to remember dates and a bunch of information. Make it entertaining by editing our free presentation template, whose backgrounds based on ancient papyrus rolls take it to the next level. Lesson 16:9 / Like Download Customize online Customize online Generate content with AI Generate content with AI Download and open in Google Slides Download as a PowerPoint file Download and open in Canva FUTURISTIC BACKGROUND When you need to impress everybody and stay relevant, you must look ahead and aim to be the first. Take a peek into the future with this new template Slidesgo has just designed. It’s free and perfect for techie topics or just for giving your presentation a futuristic vibe! Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in CHALKBOARD BACKGROUND THEME FOR ELEMENTARY Download the Chalkboard Background Theme for Elementary presentation for PowerPoint or Google Slides and easily edit it to fit your own lesson plan! Designed specifically for elementary school education, this eye-catching design features engaging graphics and age-appropriate fonts; elements that capture the students' attention and make the learning experience more... Education 16:9 / Like Download Go Premium to customize online Go Premium to customize online Generate content with AI PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in COLORFUL THEME Download the Colorful Theme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different graphic resources. You... Multi-purpose 16:9 Popular themes INFOGRAPHICS / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva FRESH LEMON PATTERN NEWSLETTER INFOGRAPHICS Download the Fresh Lemon Pattern Newsletter Infographics template for PowerPoint or Google Slides and discover the power of infographics. An infographic resource gives you the ability to showcase your content in a more visual way, which will make it easier for your audience to understand your topic. Slidesgo infographics like... Infographics 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva COLLEGE LESSONS WITH CYCLE DIAGRAMS Download the College Lessons with Cycle Diagrams presentation for PowerPoint or Google Slides. As university curricula increasingly incorporate digital tools and platforms, this template has been designed to integrate with presentation software, online learning management systems, or referencing software, enhancing the overall efficiency and effectiveness of student work. Edit this... Education 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in FINANCIAL INFOGRAPHICS Download the Financial Infographics template for PowerPoint or Google Slides to get the most out of infographics. Whether you want to organize your business budget in a table or schematically analyze your sales over the past year, this set of infographic resources will be of great help. Start using infographics... Infographics 16:9 See infographics EDUCATION PRESENTATION TEMPLATES SLIDESCLASS 400 templates WORKSHOP 926 templates MATH 590 templates LITERACY 123 templates LESSON 815 templates SCIENCE 1054 templates SCHOOL 3602 templates THESIS DEFENSE 1013 templates TEACHER TOOLKIT 121 templates MUSIC 426 templates ART 846 templates SMARTICK 59 templates EDITABLE IN CANVA / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva CASUAL & VINTAGE WATERCOLOR COLLAGE MINITHEME Are you good with handicrafts? Those who are skilled with scissors and glue know how to create true masterful compositions that mix photographs, textures, layouts and other elements to create collages that convey all kinds of ideas. Of course, there's no need to get your fingers dirty with glue to... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva JUDAISM: CULTURE AND TRADITIONS WORKSHOP Download the Judaism: Culture and Traditions Workshop presentation for PowerPoint or Google Slides. If you are planning your next workshop and looking for ways to make it memorable for your audience, don’t go anywhere. Because this creative template is just what you need! With its visually stunning design, you can... Education 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in CHALK / BLACKBOARD CUT-OUTS Download the Chalk / Blackboard Cut-outs template for PowerPoint or Google Slides! Dive into a world of endless possibilities with our unique cut out resource. Whether you're a teacher looking to inspire your students or a parent seeking fun activities for your little ones, these cut out slides are the... Printable Slides 16:9 See editable in canva themes WHAT'S NEW ON SLIDESGO See the latest website updates, new features and tools and make the most of your Slidesgo experience. MAKE PRESENTATIONS WITH AI More info FREE PRINTABLE COLORING PAGES IN PDF FOR BACK TO SCHOOL More info SMARTSTART EDUCATIONAL WEBINAR: SMART MOVES FOR SMARTER TEACHING More info BROWSE BY TAGS * Kids 2138 templates * Food 959 templates * Technology 1075 templates * Travel 435 templates * Animal 1134 templates * Art 846 templates * Health 3814 templates * History 1443 templates * Environment 533 templates * Galaxy 193 templates * Fashion 245 templates * Biology 517 templates * Summer 234 templates * Architecture 155 templates * Music 426 templates * Research 1662 templates * Culture 2100 templates * Background 10101 templates * Back to School 201 templates * Coloring Page 352 templates WHAT DO OUR USERS SAY ABOUT US? I just wanted to thank you! I learned more about slides in one day of quarantine than in my whole life Gabriela Miranda Your slides are so unique and gorgeous! They really help me with PowerPoint presentations for school and now even my mom uses them for work Marie Dupuis I would like to thank to you for these amazing templates. I have never seen such service, especially free! They are very useful for my presentation. Ali Serdar Çelikezen Thank you Slidesgo for creating amazing templates for us. It's made my presentation become much better. Thiên Trang Nguyễn Work with us Become ambassador Suggestion box SOCIAL MEDIA CONTENT * Home * Recent * Popular * Planner * Notebook * A4 * Education * Slidesclass * Business * Marketing * Medical * Multi-purpose * Technology * Lesson * School * Infographics * Printable Slides * Resources Pack * Letter LEARN * Blog * News * Inspiration by Slidesgo * Presentation Tips * Google Slides Tutorials * PowerPoint Tutorials HELP * * FAQs * Contact * Manage Preferences * Terms & conditions * Slidesgo Educator Community * * Privacy policy * Cookies policy * About us Copyright ©2024 Freepik Company S.L. All rights reserved. English Español English Português Français Deutsch 한국어 Freepik Company Projects * Freepik * Flaticon * Slidesgo * Wepik * Videvo Create Explore AI New Learn Education Premium plans More Create By content type Social Media Marketing Plan Calendar & Weather Background Research Pitch Deck Infographics Planner Notebook A4 Portfolio Lesson School Meeting Newsletter Thesis Defense Project Proposal Editable templates By industry Education Business Marketing Technology Medical Tools AI presentation maker Create presentations in minutes with AI Online editor Create blank document AI icebreaker generator New Generate icebreaker activities and ideas Explore By color Purple Red Blue Green White Black Yellow Pink Orange Brown Cream Gray Gold Silver By style Creative Simple Illustration Minimalist Vintage Aesthetic Cute By featured content Disney Templates with your favorite Disney and Pixar characters Slidesclass Ready-to-go classes on many topics for everyone Editor’s Choice Our favorite slides Multi-purpose Presentations that suit any project Teacher Toolkit Content for teachers Interactive & Animated Templates to create engaging presentations Printable Slides Presentations that suit any project Resources Pack Presentations that suit any project AI New AI presentation maker Create presentations in minutes with AI AI icebreaker generator Generate icebreaker activities and ideas AI exit ticket Create assessments for your students AI lesson plan generator Plan your lessons faster with AI AI PDF to PPT converter Turn documents into PPT with AI Learn PowerPoint Tutorials Learn how to work with Microsoft PowerPoint Google Slides Tutorials Discover the secrets of Google Slides Presentation Tips The best tips on how to make an excellent presentation Blog Articles and other resources Slidesgo Academy Work faster, teach better: boost your skills with our course More Freepik Free vectors, photos and PSD Flaticon Free customizable icons Wepik Free online template editor Storyset Free editable illustrations Videvo Free videos and motion graphics REGISTER FOR FREE AND START EDITING ONLINE Just one quick step before editing: Sign up to Slidesgo. By registering in Slidesgo, you will be able to edit online templates and download up to 5 templates per month. If you are already registered, log in! Register IT SEEMS THAT YOU LIKE THIS TEMPLATE! By registering on Slidesgo, you will be able to save templates as favorites so you can easily find them later. If you are already registered, log in! Log in REGISTER FOR FREE AND START DOWNLOADING NOW Register on our website to download 5 FREE templates every month, or GO Premium for unlimited downloads! Log in Go Premium REGISTER FOR FREE AND START EDITING ONLINE Just one quick step before editing: Sign up to Slidesgo. By registering in Slidesgo, you will be able to edit online templates and download up to 5 templates per month. If you are already registered, log in! Register CREATE YOUR PRESENTATION CREATE PERSONALIZED PRESENTATION CONTENT TOPIC WRITING TONE Unspecified Fun Creative Casual Professional Formal LANGUAGE Auto 中文 English Español Português Deutsch Italiano Français हिन्दी বাংলা Русский 日本語 ਪੰਜਾਬੀ मराठी తెలుగు Türkçe 한국어 Tiếng Việt தமிழ் Yorùbá اردو Basa Jawa ગુજરાતી Polski Українська Bahasa Melayu NUMBER OF SLIDES STYLE MinimalistColorfulGeometricProfessional Minimalist Colorful Geometric Professional Generate presentation Generate content WE CARE ABOUT YOUR PRIVACY We and our 848 partners store and access personal data, like browsing data or unique identifiers, on your device. Selecting "I Accept" enables tracking technologies to support the purposes shown under "we and our partners process data to provide," whereas selecting "Reject All" or withdrawing your consent will disable them. If trackers are disabled, some content and ads you see may not be as relevant to you. You can resurface this menu to change your choices or withdraw consent at any time by clicking the ["privacy preferences"] link on the bottom of the webpage [or the floating icon on the bottom-left of the webpage, if applicable]. Your choices will have effect within our Website. For more details, refer to our Privacy Policy. WE AND OUR PARTNERS PROCESS DATA TO PROVIDE: Use precise geolocation data. Actively scan device characteristics for identification. Store and/or access information on a device. Personalised advertising and content, advertising and content measurement, audience research and services development. List of Partners (vendors) I Accept Reject All Show Purposes ABOUT YOUR PRIVACY * YOUR PRIVACY * PERFORMANCE COOKIES * FUNCTIONAL COOKIES * STRICTLY NECESSARY COOKIES * TARGETING COOKIES * STORE AND/OR ACCESS INFORMATION ON A DEVICE 685 PARTNERS CAN USE THIS PURPOSE * PERSONALISED ADVERTISING AND CONTENT, ADVERTISING AND CONTENT MEASUREMENT, AUDIENCE RESEARCH AND SERVICES DEVELOPMENT 812 PARTNERS CAN USE THIS PURPOSE * USE PRECISE GEOLOCATION DATA 262 PARTNERS CAN USE THIS SPECIAL FEATURE * ACTIVELY SCAN DEVICE CHARACTERISTICS FOR IDENTIFICATION 126 PARTNERS CAN USE THIS SPECIAL FEATURE * ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS 517 PARTNERS CAN USE THIS SPECIAL PURPOSE * DELIVER AND PRESENT ADVERTISING AND CONTENT 520 PARTNERS CAN USE THIS SPECIAL PURPOSE * MATCH AND COMBINE DATA FROM OTHER DATA SOURCES 363 PARTNERS CAN USE THIS FEATURE * LINK DIFFERENT DEVICES 329 PARTNERS CAN USE THIS FEATURE * IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY 496 PARTNERS CAN USE THIS FEATURE YOUR PRIVACY We process your data to deliver content or advertisements and measure the delivery of such content or advertisements to extract insights about our website. We share this information with our partners on the basis of consent and legitimate interest. You may exercise your right to consent or object to a legitimate interest, based on a specific purpose below or at a partner level in the link under each purpose. These choices will be signaled to our vendors participating in the Transparency and Consent Framework. User ID: 44152f6c-0ec7-4327-81b7-45eaf258fb52 This User ID will be used as a unique identifier while storing and accessing your preferences for future. Timestamp: -- List of IAB Vendors PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. STORE AND/OR ACCESS INFORMATION ON A DEVICE 685 PARTNERS CAN USE THIS PURPOSE Store and/or access information on a device Cookies, device or similar online identifiers (e.g. login-based identifiers, randomly assigned identifiers, network based identifiers) together with other information (e.g. browser type and information, language, screen size, supported technologies etc.) can be stored or read on your device to recognise it each time it connects to an app or to a website, for one or several of the purposes presented here. List of IAB Vendors | View Illustrations Consent Legitimate Interest PERSONALISED ADVERTISING AND CONTENT, ADVERTISING AND CONTENT MEASUREMENT, AUDIENCE RESEARCH AND SERVICES DEVELOPMENT 812 PARTNERS CAN USE THIS PURPOSE Personalised advertising and content, advertising and content measurement, audience research and services development * USE LIMITED DATA TO SELECT ADVERTISING 621 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Advertising presented to you on this service can be based on limited data, such as the website or app you are using, your non-precise location, your device type or which content you are (or have been) interacting with (for example, to limit the number of times an ad is presented to you). View Illustrations * CREATE PROFILES FOR PERSONALISED ADVERTISING 499 PARTNERS CAN USE THIS PURPOSE Switch Label Information about your activity on this service (such as forms you submit, content you look at) can be stored and combined with other information about you (for example, information from your previous activity on this service and other websites or apps) or similar users. This is then used to build or improve a profile about you (that might include possible interests and personal aspects). Your profile can be used (also later) to present advertising that appears more relevant based on your possible interests by this and other entities. View Illustrations * USE PROFILES TO SELECT PERSONALISED ADVERTISING 497 PARTNERS CAN USE THIS PURPOSE Switch Label Advertising presented to you on this service can be based on your advertising profiles, which can reflect your activity on this service or other websites or apps (like the forms you submit, content you look at), possible interests and personal aspects. View Illustrations * CREATE PROFILES TO PERSONALISE CONTENT 221 PARTNERS CAN USE THIS PURPOSE Switch Label Information about your activity on this service (for instance, forms you submit, non-advertising content you look at) can be stored and combined with other information about you (such as your previous activity on this service or other websites or apps) or similar users. This is then used to build or improve a profile about you (which might for example include possible interests and personal aspects). Your profile can be used (also later) to present content that appears more relevant based on your possible interests, such as by adapting the order in which content is shown to you, so that it is even easier for you to find content that matches your interests. View Illustrations * USE PROFILES TO SELECT PERSONALISED CONTENT 194 PARTNERS CAN USE THIS PURPOSE Switch Label Content presented to you on this service can be based on your content personalisation profiles, which can reflect your activity on this or other services (for instance, the forms you submit, content you look at), possible interests and personal aspects. This can for example be used to adapt the order in which content is shown to you, so that it is even easier for you to find (non-advertising) content that matches your interests. View Illustrations * MEASURE ADVERTISING PERFORMANCE 726 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Information regarding which advertising is presented to you and how you interact with it can be used to determine how well an advert has worked for you or other users and whether the goals of the advertising were reached. For instance, whether you saw an ad, whether you clicked on it, whether it led you to buy a product or visit a website, etc. This is very helpful to understand the relevance of advertising campaigns. View Illustrations * MEASURE CONTENT PERFORMANCE 364 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Information regarding which content is presented to you and how you interact with it can be used to determine whether the (non-advertising) content e.g. reached its intended audience and matched your interests. For instance, whether you read an article, watch a video, listen to a podcast or look at a product description, how long you spent on this service and the web pages you visit etc. This is very helpful to understand the relevance of (non-advertising) content that is shown to you. View Illustrations * UNDERSTAND AUDIENCES THROUGH STATISTICS OR COMBINATIONS OF DATA FROM DIFFERENT SOURCES 458 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Reports can be generated based on the combination of data sets (like user profiles, statistics, market research, analytics data) regarding your interactions and those of other users with advertising or (non-advertising) content to identify common characteristics (for instance, to determine which target audiences are more receptive to an ad campaign or to certain contents). View Illustrations * DEVELOP AND IMPROVE SERVICES 547 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Information about your activity on this service, such as your interaction with ads or content, can be very helpful to improve products and services and to build new products and services based on user interactions, the type of audience, etc. This specific purpose does not include the development or improvement of user profiles and identifiers. View Illustrations * USE LIMITED DATA TO SELECT CONTENT 130 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Content presented to you on this service can be based on limited data, such as the website or app you are using, your non-precise location, your device type, or which content you are (or have been) interacting with (for example, to limit the number of times a video or an article is presented to you). View Illustrations List of IAB Vendors Consent Legitimate Interest USE PRECISE GEOLOCATION DATA 262 PARTNERS CAN USE THIS SPECIAL FEATURE Use precise geolocation data With your acceptance, your precise location (within a radius of less than 500 metres) may be used in support of the purposes explained in this notice. List of IAB Vendors Consent Legitimate Interest ACTIVELY SCAN DEVICE CHARACTERISTICS FOR IDENTIFICATION 126 PARTNERS CAN USE THIS SPECIAL FEATURE Actively scan device characteristics for identification With your acceptance, certain characteristics specific to your device might be requested and used to distinguish it from other devices (such as the installed fonts or plugins, the resolution of your screen) in support of the purposes explained in this notice. List of IAB Vendors ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS 517 PARTNERS CAN USE THIS SPECIAL PURPOSE Always Active Your data can be used to monitor for and prevent unusual and possibly fraudulent activity (for example, regarding advertising, ad clicks by bots), and ensure systems and processes work properly and securely. It can also be used to correct any problems you, the publisher or the advertiser may encounter in the delivery of content and ads and in your interaction with them. List of IAB Vendors | View Illustrations DELIVER AND PRESENT ADVERTISING AND CONTENT 520 PARTNERS CAN USE THIS SPECIAL PURPOSE Always Active Certain information (like an IP address or device capabilities) is used to ensure the technical compatibility of the content or advertising, and to facilitate the transmission of the content or ad to your device. List of IAB Vendors | View Illustrations MATCH AND COMBINE DATA FROM OTHER DATA SOURCES 363 PARTNERS CAN USE THIS FEATURE Always Active Information about your activity on this service may be matched and combined with other information relating to you and originating from various sources (for instance your activity on a separate online service, your use of a loyalty card in-store, or your answers to a survey), in support of the purposes explained in this notice. List of IAB Vendors LINK DIFFERENT DEVICES 329 PARTNERS CAN USE THIS FEATURE Always Active In support of the purposes explained in this notice, your device might be considered as likely linked to other devices that belong to you or your household (for instance because you are logged in to the same service on both your phone and your computer, or because you may use the same Internet connection on both devices). List of IAB Vendors IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY 496 PARTNERS CAN USE THIS FEATURE Always Active Your device might be distinguished from other devices based on information it automatically sends when accessing the Internet (for instance, the IP address of your Internet connection or the type of browser you are using) in support of the purposes exposed in this notice. List of IAB Vendors Back Button COOKIE LIST Filter Button Consent Leg.Interest checkbox label label checkbox label label checkbox label label Clear checkbox label label Apply Cancel Confirm My Choices Reject All Allow All