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 11 via api from LU — Scanned from DE
Effective URL: https://slidesgo.com/
Submission: On September 11 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=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=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=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=9+11#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/23476036/september-11-remembrance-day1659968772.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/23476036/september-11-remembrance-day1659968772.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/23476036/september-11-remembrance-day1659968772.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">9 11</h4>
<p class="text-gray-600 text-left text-xs">5 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=suicide+prevention#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/9178808/world-suicide-prevention-day1628077478.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/9178808/world-suicide-prevention-day1628077478.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/9178808/world-suicide-prevention-day1628077478.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">suicide prevention</h4>
<p class="text-gray-600 text-left text-xs">9 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=hispanic+heritage+month#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/55270190/hispanic-culture-heritage1717763260.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/55270190/hispanic-culture-heritage1717763260.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/55270190/hispanic-culture-heritage1717763260.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">hispanic heritage month</h4>
<p class="text-gray-600 text-left text-xs">21 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=1920s#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/22116090/1920s-fashion-thesis-statement1654757624.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/22116090/1920s-fashion-thesis-statement1654757624.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/22116090/1920s-fashion-thesis-statement1654757624.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">1920s</h4>
<p class="text-gray-600 text-left text-xs">16 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=hispanic#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/23359488/basic-english-for-hispanic-speakers-workshop1659517773.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/23359488/basic-english-for-hispanic-speakers-workshop1659517773.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/23359488/basic-english-for-hispanic-speakers-workshop1659517773.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">hispanic</h4>
<p class="text-gray-600 text-left text-xs">49 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>
</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=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=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=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=9+11#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/23476036/september-11-remembrance-day1659968772.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/23476036/september-11-remembrance-day1659968772.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/23476036/september-11-remembrance-day1659968772.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">9 11</h4>
<p class="text-gray-600 text-left text-xs">5 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=suicide+prevention#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/9178808/world-suicide-prevention-day1628077478.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/9178808/world-suicide-prevention-day1628077478.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/9178808/world-suicide-prevention-day1628077478.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">suicide prevention</h4>
<p class="text-gray-600 text-left text-xs">9 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=hispanic+heritage+month#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/55270190/hispanic-culture-heritage1717763260.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/55270190/hispanic-culture-heritage1717763260.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/55270190/hispanic-culture-heritage1717763260.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">hispanic heritage month</h4>
<p class="text-gray-600 text-left text-xs">21 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=1920s#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/22116090/1920s-fashion-thesis-statement1654757624.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/22116090/1920s-fashion-thesis-statement1654757624.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/22116090/1920s-fashion-thesis-statement1654757624.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">1920s</h4>
<p class="text-gray-600 text-left text-xs">16 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="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=fairy-story-book&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fairy+Story+Book" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32816);
gtm.microfunnel('Printable Slides, Letter', 'Go Premium', 'https://slidesgo.com/pricing?slide=fairy-story-book&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fairy+Story+Book', '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-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 -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="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=animals-sticker-pack-cute&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Animals+Sticker+Pack" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32799);
gtm.microfunnel('Resources Pack', 'Go Premium', 'https://slidesgo.com/pricing?slide=animals-sticker-pack-cute&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Animals+Sticker+Pack', '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=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=fall-background-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fall+Background" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 31762);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=fall-background-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fall+Background', '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=elegant-blue-benchmarking-strategies-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Elegant+Blue+Benchmarking+Strategies+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32842);
gtm.microfunnel('Marketing, Infographics', 'Go Premium', 'https://slidesgo.com/pricing?slide=elegant-blue-benchmarking-strategies-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Elegant+Blue+Benchmarking+Strategies+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=smiling-student-handout-creative&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Smiling+Student+Handout" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 32860);
gtm.microfunnel('School, A4, Printable Slides', 'Go Premium', 'https://slidesgo.com/pricing?slide=smiling-student-handout-creative&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Smiling+Student+Handout', '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="Charles Darwin's Evolution Theory" 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" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.8017 3.41409L18.6997 0.914752C18.162 -0.304917 16.4314 -0.304917 15.8938 0.914752L14.7918 3.41409C14.6376 3.76424 14.3577 4.04408 14.0076 4.1983L11.5082 5.30031C10.2886 5.83796 10.2886 7.56856 11.5082 8.10621L14.0076 9.20822C14.3577 9.36244 14.6376 9.64228 14.7918 9.99243L15.8938 12.4918C16.4314 13.7114 18.162 13.7114 18.6997 12.4918L19.8017 9.99243C19.9559 9.64228 20.2358 9.36244 20.5859 9.20822L23.0852 8.10621C24.3049 7.56856 24.3049 5.83796 23.0852 5.30031L20.5859 4.1983C20.2358 4.04408 19.9559 3.76424 19.8017 3.41409Z">
</path>
<path
d="M5.44176 9.52043L6.18143 11.1981C6.28502 11.4334 6.47299 11.6209 6.70783 11.7245L8.38546 12.4641C9.20436 12.8251 9.20436 13.9871 8.38546 14.348L6.70783 15.0877C6.47252 15.1913 6.28502 15.3792 6.18143 15.6141L5.44176 17.2917C5.08082 18.1106 3.91881 18.1106 3.55788 17.2917L2.8182 15.6141C2.71461 15.3788 2.52664 15.1913 2.2918 15.0877L0.614171 14.348C-0.204724 13.9871 -0.204724 12.8251 0.614171 12.4641L2.2918 11.7245C2.52711 11.6209 2.71461 11.4329 2.8182 11.1981L3.55788 9.52043C3.91881 8.70153 5.08082 8.70153 5.44176 9.52043Z">
</path>
<path
d="M14.3666 17.0944L14.9755 18.4758C15.0608 18.6694 15.2155 18.824 15.4091 18.9093L16.7905 19.5182C17.4645 19.8154 17.4645 20.7721 16.7905 21.0693L15.4091 21.6782C15.2155 21.7635 15.0608 21.9182 14.9755 22.1118L14.3666 23.4932C14.0694 24.1672 13.1127 24.1672 12.8156 23.4932L12.2067 22.1118C12.1213 21.9182 11.9667 21.7635 11.7731 21.6782L10.3917 21.0693C9.71763 20.7721 9.71763 19.8154 10.3917 19.5182L11.7731 18.9093C11.9667 18.824 12.1213 18.6694 12.2067 18.4758L12.8156 17.0944C13.1127 16.4203 14.0694 16.4203 14.3666 17.0944Z">
</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 tools for education Start creating with AI, for teachers and students 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 history technology science medical powerpoint Trending searches 9 11 5 templates SUICIDE PREVENTION 9 templates HISPANIC HERITAGE MONTH 21 templates 1920S 16 templates HISPANIC 49 templates MID AUTUMN FESTIVAL 18 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 history technology science Trending searches 9 11 5 templates SUICIDE PREVENTION 9 templates HISPANIC HERITAGE MONTH 21 templates 1920S 16 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 3686 templates EDUCATION 9522 templates EVENT 3189 templates PRESENTATION MAKER 1759 templates FALL 91 templates NATURE 1241 templates MENTAL HEALTH 415 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 PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? 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 FAIRY STORY BOOK Download the Fairy Story Book presentation for PowerPoint or Google Slides. The magic of storytelling takes a new form in this enrapturing storybook. Every bedtime, playtime, or fun classroom activity can be transformed into an enchanting journey into the realms of imagination. Match these slides to your words to stir... Printable Slides 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file FUNNY LOOKING CARTOON CHARACTERS MINITHEME Download the Funny Looking Cartoon Characters 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... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file CREATIVE LEAFY BACKGROUNDS MINITHEME Download the Creative Leafy Backgrounds 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... 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 Download the Casual & Vintage Watercolor Collage 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... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in ANIMALS STICKER PACK Download the Animals Sticker Pack template for PowerPoint or Google Slides and join the sticker craze. Remember when gum and bags of potato chips came with stickers? Now, you don't need to spend your allowance trying to collect them all. Get this sticker pack and enjoy having more resources for... Resources Pack 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 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 PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in FALL BACKGROUND Download the Fall Background 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 ELEGANT BLUE BENCHMARKING STRATEGIES INFOGRAPHICS Download the Elegant Blue Benchmarking Strategies 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.... Marketing 16:9 See infographics EDUCATION PRESENTATION TEMPLATES SLIDESCLASS 400 templates WORKSHOP 926 templates MATH 591 templates LITERACY 123 templates LESSON 815 templates SCIENCE 1055 templates SCHOOL 3624 templates THESIS DEFENSE 1013 templates TEACHER TOOLKIT 121 templates MUSIC 426 templates ART 848 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 Download the Casual & Vintage Watercolor Collage 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... 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 SMILING STUDENT HANDOUT Download the Smiling Student Handout template for PowerPoint or Google Slides and discover the perfect solution for your study needs with this versatile handout template. Seeking PowerPoint or Google Slides handout templates that seamlessly transition from digital to print? Look no further. This meticulously crafted design ensure compatibility for both... School A4 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 MAKE SCHOOL FUN FROM DAY ONE WITH DISNEY AND PIXAR TEMPLATES More info FREE PRINTABLE COLORING PAGES IN PDF FOR BACK TO SCHOOL More info BROWSE BY TAGS * Kids 2158 templates * Food 959 templates * Technology 1076 templates * Travel 436 templates * Animal 1139 templates * Art 848 templates * Health 3816 templates * History 1443 templates * Environment 533 templates * Galaxy 193 templates * Fashion 247 templates * Biology 517 templates * Summer 234 templates * Architecture 156 templates * Music 426 templates * Research 1662 templates * Culture 2100 templates * Background 10115 templates * Back to School 204 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 * Cookie Settings * 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 tools for education Start creating with AI, for teachers and students 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 849 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