slidesgo.com
Open in
urlscan Pro
2606:4700:10::6816:92
Public Scan
URL:
https://slidesgo.com/
Submission: On April 26 via manual from US — Scanned from DE
Submission: On April 26 via manual from US — Scanned from DE
Form analysis 24 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=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=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=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=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=music#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">
music
</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>
</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=frankenstein#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/15766286/scary-skulls-bones-pattern-newsletter1640687074.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/15766286/scary-skulls-bones-pattern-newsletter1640687074.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/15766286/scary-skulls-bones-pattern-newsletter1640687074.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">frankenstein</h3>
<p class="text-gray-600 text-left text-xs">22 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=el+salvador#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/26016316/national-pupusa-day-in-el-salvador1665497115.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/26016316/national-pupusa-day-in-el-salvador1665497115.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/26016316/national-pupusa-day-in-el-salvador1665497115.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">el salvador</h3>
<p class="text-gray-600 text-left text-xs">32 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=summer+vacation#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/21595023/summer-vibes-stickers-mk-campaign1653480892.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/21595023/summer-vibes-stickers-mk-campaign1653480892.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/21595023/summer-vibes-stickers-mk-campaign1653480892.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">summer vacation</h3>
<p class="text-gray-600 text-left text-xs">19 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=invitation#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/24976536/Luxury-Banquet-Invitations-Cover-by-Slidesgo-.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/24976536/Luxury-Banquet-Invitations-Cover-by-Slidesgo-.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/24976536/Luxury-Banquet-Invitations-Cover-by-Slidesgo-.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">invitation</h3>
<p class="text-gray-600 text-left text-xs">44 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=savanna#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/19822263/jungle-fauna-and-landscapes-mk-campaign1649848767.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/19822263/jungle-fauna-and-landscapes-mk-campaign1649848767.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/19822263/jungle-fauna-and-landscapes-mk-campaign1649848767.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">savanna</h3>
<p class="text-gray-600 text-left text-xs">17 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=pediatrician#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/40626487/cream-pastel-palette-healthcare-center-characters1694615855.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/40626487/cream-pastel-palette-healthcare-center-characters1694615855.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/40626487/cream-pastel-palette-healthcare-center-characters1694615855.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">pediatrician</h3>
<p class="text-gray-600 text-left text-xs">27 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 font-semibold border border-current hover:text-gray-800 inverted:text-white 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=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=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=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=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>
</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=frankenstein#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/15766286/scary-skulls-bones-pattern-newsletter1640687074.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/15766286/scary-skulls-bones-pattern-newsletter1640687074.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/15766286/scary-skulls-bones-pattern-newsletter1640687074.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">frankenstein</h3>
<p class="text-gray-600 text-left text-xs">22 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=el+salvador#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/26016316/national-pupusa-day-in-el-salvador1665497115.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/26016316/national-pupusa-day-in-el-salvador1665497115.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/26016316/national-pupusa-day-in-el-salvador1665497115.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">el salvador</h3>
<p class="text-gray-600 text-left text-xs">32 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=summer+vacation#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/21595023/summer-vibes-stickers-mk-campaign1653480892.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/21595023/summer-vibes-stickers-mk-campaign1653480892.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/21595023/summer-vibes-stickers-mk-campaign1653480892.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">summer vacation</h3>
<p class="text-gray-600 text-left text-xs">19 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=invitation#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/24976536/Luxury-Banquet-Invitations-Cover-by-Slidesgo-.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/24976536/Luxury-Banquet-Invitations-Cover-by-Slidesgo-.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/24976536/Luxury-Banquet-Invitations-Cover-by-Slidesgo-.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h3 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">invitation</h3>
<p class="text-gray-600 text-left text-xs">44 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</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=design-inspiration-for-high-school-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Design+Inspiration+for+High+School" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 29206);
gtm.microfunnel('Education', 'Go Premium', 'https://slidesgo.com/pricing?slide=design-inspiration-for-high-school-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Design+Inspiration+for+High+School', '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 -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 -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="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=africa-day-illustration&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Africa+Day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 30657);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=africa-day-illustration&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Africa+Day', '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=minimal-charm&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Minimal+Charm" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 16);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=minimal-charm&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Minimal+Charm', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md"> Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=school-assignments&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=School+Assignments" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 725);
gtm.microfunnel('Multi-purpose, Education, School, Notebook', 'Go Premium', 'https://slidesgo.com/pricing?slide=school-assignments&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=School+Assignments', '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="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 -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="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=baby-race-competition-planning-for-mk-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Baby+Race+Competition+Planning+for+MK+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 23630);
gtm.microfunnel('Infographics', 'Go Premium', 'https://slidesgo.com/pricing?slide=baby-race-competition-planning-for-mk-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Baby+Race+Competition+Planning+for+MK+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 -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="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=mathematical-challenge-three-digit-numbers-gbl&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Mathematical+Challenge.+Three-digit+Numbers.+GBL" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 29368);
gtm.microfunnel('Education, School', 'Go Premium', 'https://slidesgo.com/pricing?slide=mathematical-challenge-three-digit-numbers-gbl&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Mathematical+Challenge.+Three-digit+Numbers.+GBL', '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-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 text-gray-900 font-semibold mb-2"> Topic </h3>
<input type="text" required="" min="10" max="255" name="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" value="">
</div>
<div class="flex justify-between gap-4 w-full flex flex-wrap flex-col md:flex-row">
<div>
<h3 class="text-left text-gray-900 font-semibold mb-2"> Writing tone </h3>
<select x-model="tone" name="tone" 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">
<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 text-gray-900 font-semibold mb-2"> Language </h3>
<select x-model="language" name="language"
class="dsm-selector h-8 pl-4 bg-white pr-12 rounded border border-gray-300 w-full text-sm font-semibold font-semibold text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900">
<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 text-gray-900 font-semibold mb-2"> Number of slides </h3>
<input type="number" required="" min="6" max="14" name="slides"
class="h-8 pl-4 bg-white rounded border border-gray-300 w-full appearance-none text-sm font-semibold text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" value="8">
</div>
</div>
</div>
<h3 class="text-left text-gray-900 font-semibold mb-2"> Style </h3>
<div class="block sm:hidden mb-4">
<select x-model="activeParentStyle" name="parent_style" data-cy="styles-list" class="dsm-selector h-8 pl-4 bg-white pr-12 rounded border border-gray-300 w-full text-sm
font-semibold font-semibold text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900">
<option @click="activeStyle = '94'" value="94" :data-cy="activeParentStyle === '94' ? 'check-active-style' : null" selected="" data-cy="check-active-style"> Minimalist </option>
<option @click="activeStyle = '500'" value="69" :data-cy="activeParentStyle === '69' ? 'check-active-style' : null"> Colorful </option>
<option @click="activeStyle = '381'" value="73" :data-cy="activeParentStyle === '73' ? 'check-active-style' : null"> Geometric </option>
<option @click="activeStyle = '1'" value="1" :data-cy="activeParentStyle === '1' ? 'check-active-style' : null"> 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">
<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 = '94'" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" value="94" checked="" :data-cy="activeParentStyle === '94' ? 'check-active-style' : null" data-cy="check-active-style">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0"> 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 = '500'" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" value="69" :data-cy="activeParentStyle === '69' ? 'check-active-style' : null">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0"> 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 = '381'" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" value="73" :data-cy="activeParentStyle === '73' ? 'check-active-style' : null">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0"> 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 = '1'" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" value="1" :data-cy="activeParentStyle === '1' ? 'check-active-style' : null">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0"> 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>
<div class="w-full grid grid-cols-3 gap-4">
<div class="flex flex-wrap box-border block" :class="activeParentStyle === '94' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="94" checked="" selected="" :data-cy="activeStyle === '94' ? 'check-active-template' : null" data-cy="check-active-template">
<img src="/images/landing/ai/minimalist.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>
<div class="flex flex-wrap box-border block" :class="activeParentStyle === '94' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="223" selected="" :data-cy="activeStyle === '223' ? 'check-active-template' : null">
<img src="/images/landing/ai/cute.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>
<div class="flex flex-wrap box-border block" :class="activeParentStyle === '94' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="177" selected="" :data-cy="activeStyle === '177' ? 'check-active-template' : null">
<img src="/images/landing/ai/duotone.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>
<div class="flex flex-wrap box-border block" :class="activeParentStyle === '94' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="35" selected="" :data-cy="activeStyle === '35' ? 'check-active-template' : null">
<img src="/images/landing/ai/white.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>
<div class="flex flex-wrap box-border block" :class="activeParentStyle === '94' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="33" selected="" :data-cy="activeStyle === '33' ? 'check-active-template' : null">
<img src="/images/landing/ai/simple.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>
<div class="flex flex-wrap box-border block" :class="activeParentStyle === '94' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="54" selected="" :data-cy="activeStyle === '54' ? 'check-active-template' : null">
<img src="/images/landing/ai/company.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>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '69' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="500" checked="" selected="" :data-cy="activeStyle === '500' ? 'check-active-template' : null">
<img src="/images/landing/ai/scrapbook.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '69' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="66" selected="" :data-cy="activeStyle === '66' ? 'check-active-template' : null">
<img src="/images/landing/ai/cool.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '69' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="65" selected="" :data-cy="activeStyle === '65' ? 'check-active-template' : null">
<img src="/images/landing/ai/futuristic.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '69' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="62" selected="" :data-cy="activeStyle === '62' ? 'check-active-template' : null">
<img src="/images/landing/ai/gradient.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '69' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="90" selected="" :data-cy="activeStyle === '90' ? 'check-active-template' : null">
<img src="/images/landing/ai/portfolio.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '69' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="38" selected="" :data-cy="activeStyle === '38' ? 'check-active-template' : null">
<img src="/images/landing/ai/black.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>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '73' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="381" checked="" selected="" :data-cy="activeStyle === '381' ? 'check-active-template' : null">
<img src="/images/landing/ai/report.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '73' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="26" selected="" :data-cy="activeStyle === '26' ? 'check-active-template' : null">
<img src="/images/landing/ai/creative.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '73' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="635" selected="" :data-cy="activeStyle === '635' ? 'check-active-template' : null">
<img src="/images/landing/ai/german.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '73' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="278" selected="" :data-cy="activeStyle === '278' ? 'check-active-template' : null">
<img src="/images/landing/ai/math.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '73' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="30" selected="" :data-cy="activeStyle === '30' ? 'check-active-template' : null">
<img src="/images/landing/ai/purple.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '73' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="95" selected="" :data-cy="activeStyle === '95' ? 'check-active-template' : null">
<img src="/images/landing/ai/corporate.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>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '1' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="1" checked="" selected="" :data-cy="activeStyle === '1' ? 'check-active-template' : null">
<img src="/images/landing/ai/professional.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '1' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="36" selected="" :data-cy="activeStyle === '36' ? 'check-active-template' : null">
<img src="/images/landing/ai/elegant.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '1' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="123" selected="" :data-cy="activeStyle === '123' ? 'check-active-template' : null">
<img src="/images/landing/ai/meeting.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '1' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="296" selected="" :data-cy="activeStyle === '296' ? 'check-active-template' : null">
<img src="/images/landing/ai/research.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '1' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="154" selected="" :data-cy="activeStyle === '154' ? 'check-active-template' : null">
<img src="/images/landing/ai/consulting.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>
<div class="flex flex-wrap box-border hidden" :class="activeParentStyle === '1' ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" value="77" selected="" :data-cy="activeStyle === '77' ? 'check-active-template' : null">
<img src="/images/landing/ai/picture.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>
</div>
<button data-cy="generate-presentation" class="bg-gray-900 text-white font-bold h-14 rounded mt-6 w-full flex items-center justify-center
gap-3 text-lg hover:bg-gray-800 active:bg-gray-700">
<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 </button>
</form>Text Content
Slidesgo ist auch auf Deutsch verfügbar Anzeigen Create Explore AI New Learn Education Premium plans More Create By content type Marketing Plan Calendar & Weather Background Research Pitch Deck Infographics Social Media Planner Notebook A4 Portfolio Lesson School Meeting Newsletter Thesis Defense Project Proposal Editable templates By industry Business Marketing Technology Medical Education Tools AI presentation maker Create presentations in minutes with AI Online editor Create blank document AI icebreaker generator New Generate icebreaker activities and ideas Explore By color Purple Red Blue Green White Black Yellow Pink Orange Brown Cream Gray Gold Silver By style Creative Simple Illustration Minimalist Vintage Aesthetic Cute By featured content Disney Templates with your favorite Disney and Pixar characters Slidesclass Ready-to-go classes on many topics for everyone Editor’s Choice Our favorite slides Teacher Toolkit Content for teachers Multi-purpose Presentations that suit any project Interactive & Animated Templates to create engaging presentations 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 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 Create By content type Marketing Plan Calendar & Weather Background Research Pitch Deck Infographics Social Media Planner Notebook A4 Portfolio Lesson School Meeting Newsletter Thesis Defense Project Proposal Editable templates By industry Business Marketing Technology Medical Education Tools AI presentation maker Create presentations in minutes with AI Online editor Create blank document AI icebreaker generator New Generate icebreaker activities and ideas Explore By color Purple Red Blue Green White Black Yellow Pink Orange Brown Cream Gray Gold Silver By style Creative Simple Illustration Minimalist Vintage Aesthetic Cute By featured content Disney Templates with your favorite Disney and Pixar characters Slidesclass Ready-to-go classes on many topics for everyone Editor’s Choice Our favorite slides Teacher Toolkit Content for teachers Multi-purpose Presentations that suit any project Interactive & Animated Templates to create engaging presentations 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 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 history simple school minimalist science technology music medical Trending searches FRANKENSTEIN 22 templates EL SALVADOR 32 templates SUMMER VACATION 19 templates INVITATION 44 templates SAVANNA 17 templates PEDIATRICIAN 27 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 AND POWERPOINT PDF TEMPLATES Top searches aesthetic history simple school minimalist science technology Trending searches FRANKENSTEIN 22 templates EL SALVADOR 32 templates SUMMER VACATION 19 templates INVITATION 44 templates OR KICK OFF YOUR NEXT PROJECT WITH AI PRESENTATION MAKER TRENDING SEARCHES DISNEY 123 templates SLIDESCLASS 286 templates EDITOR’S CHOICE 3113 templates INTERACTIVE 336 templates SPRING 224 templates WOMAN 318 templates RAMADAN 19 templates FLOWER 392 templates NATURE 882 templates BOOK 418 templates PRESENTATION MAKER 1208 templates TEACHER TOOLKIT 121 templates EVENT 2949 templates LATEST THEMES / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in DESIGN INSPIRATION FOR HIGH SCHOOL Download the Design Inspiration for High School presentation for PowerPoint or Google Slides. High school students are approaching adulthood, and therefore, this template’s design reflects the mature nature of their education. Customize the well-defined sections, integrate multimedia and interactive elements and allow space for research or group projects—the possibilities of... Education 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file EMERGENCY MEDICAL CENTER Download the Emergency Medical Center presentation for PowerPoint or Google Slides. Hospitals, private clinics, specific wards, you know where to go when in need of medical attention. Perhaps there’s a clinic specialized in treating certain issues, or a hospital in your area that is well-known for its state-of-the-art technology. How... Medical 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file NEOCLASSICAL WATERCOLOR STYLE AGENCY INFOGRAPHICS Download the Neoclassical Watercolor Style Agency 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 BOOK LOVERS APP PITCH DECK Download the Book Lovers App Pitch Deck presentation for PowerPoint or Google Slides. Whether you're an entrepreneur looking for funding or a sales professional trying to close a deal, a great pitch deck can be the difference-maker that sets you apart from the competition. Let your talent shine out thanks... Business 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file DESIGN INSPIRATION THEME FOR MARKETING Download the Design Inspiration Theme for Marketing presentation for PowerPoint or Google Slides and take your marketing projects to the next level. This template is the perfect ally for your advertising strategies, launch campaigns or report presentations. Customize your content with ease, highlight your ideas and captivate your audience with... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in AFRICA DAY Download the Africa Day 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 See more POPULAR THEMES / Like Download Go Premium to edit online Go Premium to edit online PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in MINIMAL CHARM Are you looking for a monochromatic theme that is interesting at the same time? How about using a simple and clean theme, along with black-and-white pictures, to convey business or corporate content in a professional way? Multi-purpose 16:9 / Like Download Edit online Edit online 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 SCHOOL ASSIGNMENTS Design some school assignments for your students so they can learn while they are having fun. Download this cool template now and make use of its resources. It looks like a sheet of a notebook and we have added drawings of stationery. Get your pencil! Multi-purpose 16:9 / Like Download Edit online Edit online Download and open in Google Slides Download as a PowerPoint file Download and open in Canva MINIMALIST KOREAN AESTHETIC PITCH DECK Templates based on a minimalist style are usually very useful in business presentations, as they make the audience focus on the content and not on the ornaments of the design. This minimalist style template that we propose here is perfect for a pitch deck to present your product or your... Business Post 16:9 / Like Download Edit online Edit online Download and open in Google Slides Download as a PowerPoint file Download and open in Canva NOTEBOOK LESSON These are the last days before the Summer break! We know that there are some pending lessons that you need to prepare for your students. As they may be thinking about their friends and their holidays, catch their attention with this cool template! Lesson 16:9 / Like Download Edit online Edit online 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 See more INFOGRAPHICS / Like Download Download and open in Google Slides Download as a PowerPoint file NEOCLASSICAL WATERCOLOR STYLE AGENCY INFOGRAPHICS Download the Neoclassical Watercolor Style Agency 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 AGILE INFOGRAPHICS Download the Agile 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 this set here... Infographics 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in BABY RACE COMPETITION PLANNING FOR MK INFOGRAPHICS Download the Baby Race Competition Planning for MK 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 16:9 See more EDUCATION PRESENTATION TEMPLATES SLIDESCLASS 286 templates TEACHER TOOLKIT 121 templates WORKSHOP 631 templates MATH 486 templates LITERACY 96 templates LESSON 674 templates SCIENCE 805 templates SCHOOL 2531 templates THESIS DEFENSE 631 templates MUSIC 327 templates ART 620 templates SMARTICK 35 templates INTERACTIVE & ANIMATED / Like Download Download and open in Google Slides Download as a PowerPoint file ATHLETICS NEWSLETTER Download the "Athletics Newsletter" presentation for PowerPoint or Google Slides. Attention all marketers! Are you looking for a way to make your newsletters more creative and eye-catching for your target audience? This amazing template is perfect for creating the perfect newsletter that will capture your audience's attention from the get-go.... Marketing 16:9 / Like Download Edit online Edit online Download and open in Google Slides Download as a PowerPoint file CREATIVE AND BOLD THEME FOR MARKETING Download the "Creative and Bold Theme for Marketing" presentation for PowerPoint or Google Slides and take your marketing projects to the next level. This template is the perfect ally for your advertising strategies, launch campaigns or report presentations. Customize your content with ease, highlight your ideas and captivate your audience... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in MATHEMATICAL CHALLENGE. THREE-DIGIT NUMBERS. GBL Download the "Mathematical Challenge. Three-digit Numbers. GBL" presentation for PowerPoint or Google Slides and teach with confidence. Sometimes, teachers need a little bit of help, and there's nothing wrong with that. We're glad to lend you a hand! Since Slidesgo is committed to making education better for everyone, we've joined... Education 16:9 Multilingual See more 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 START WITH A MIC DROP, END WITH A HIGH FIVE: MAKE LESSONS EASILY COOL WITH AI ICEBREAKER GENERATOR AND EXIT TICKET More info WORK FASTER, TEACH BETTER: BOOST YOUR SKILLS WITH SLIDESGO ACADEMY More info BROWSE BY TAGS * Kids 1528 templates * Food 775 templates * Technology 807 templates * Travel 333 templates * Animal 807 templates * Art 620 templates * Health 3126 templates * History 1033 templates * Environment 385 templates * Galaxy 151 templates * Fashion 204 templates * Biology 349 templates * Summer 136 templates * Architecture 120 templates * Music 327 templates * Research 1260 templates * Culture 1716 templates * Background 7605 templates * Back to School 164 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 Become contributor Suggestion box SOCIAL MEDIA CONTENT * Home * Recent * Popular * Planner * Notebook * A4 * Education * Slidesclass * Business * Marketing * Medical * Multi-purpose * Technology * Lesson * School * Infographics LEARN * Blog * News * Inspiration by Slidesgo * Presentation Tips * Google Slides Tutorials * PowerPoint Tutorials HELP * * FAQs * Contact * Manage Preferences * Terms & conditions * Slidesgo Educator Community * * Privacy policy * Cookies policy * Digital Services Act * 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 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 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 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 Minimalist Colorful Geometric Professional Minimalist Colorful Geometric Professional Generate presentation WE CARE ABOUT YOUR PRIVACY We and our 823 partners store and/or access information on a device, such as unique IDs in cookies to process personal data. You may accept or manage your choices by clicking below, including your right to object where legitimate interest is used, or at any time in the privacy policy page. These choices will be signaled to our partners and will not affect browsing data. WE AND OUR PARTNERS PROCESS DATA TO PROVIDE: Use precise geolocation data. Actively scan device characteristics for identification. Store and/or access information on a device. Personalised advertising and content, advertising and content measurement, audience research and services development. List of Partners (vendors) I Accept Reject All Show Purposes ABOUT YOUR PRIVACY * YOUR PRIVACY * PERFORMANCE COOKIES * FUNCTIONAL COOKIES * STRICTLY NECESSARY COOKIES * TARGETING COOKIES * STORE AND/OR ACCESS INFORMATION ON A DEVICE 665 PARTNERS CAN USE THIS PURPOSE * PERSONALISED ADVERTISING AND CONTENT, ADVERTISING AND CONTENT MEASUREMENT, AUDIENCE RESEARCH AND SERVICES DEVELOPMENT 788 PARTNERS CAN USE THIS PURPOSE * USE PRECISE GEOLOCATION DATA 258 PARTNERS CAN USE THIS PURPOSE * ACTIVELY SCAN DEVICE CHARACTERISTICS FOR IDENTIFICATION 119 PARTNERS CAN USE THIS PURPOSE * ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS 501 PARTNERS CAN USE THIS PURPOSE * DELIVER AND PRESENT ADVERTISING AND CONTENT 489 PARTNERS CAN USE THIS PURPOSE * MATCH AND COMBINE DATA FROM OTHER DATA SOURCES 347 PARTNERS CAN USE THIS PURPOSE * LINK DIFFERENT DEVICES 326 PARTNERS CAN USE THIS PURPOSE * IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY 474 PARTNERS CAN USE THIS PURPOSE YOUR PRIVACY We process your data to deliver content or advertisements and measure the delivery of such content or advertisements to extract insights about our website. We share this information with our partners on the basis of consent and legitimate interest. You may exercise your right to consent or object to a legitimate interest, based on a specific purpose below or at a partner level in the link under each purpose. These choices will be signaled to our vendors participating in the Transparency and Consent Framework. List of IAB Vendors PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. STORE AND/OR ACCESS INFORMATION ON A DEVICE 665 PARTNERS CAN USE THIS PURPOSE Store and/or access information on a device Cookies, device or similar online identifiers (e.g. login-based identifiers, randomly assigned identifiers, network based identifiers) together with other information (e.g. browser type and information, language, screen size, supported technologies etc.) can be stored or read on your device to recognise it each time it connects to an app or to a website, for one or several of the purposes presented here. List of IAB Vendors | View Illustrations Consent Legitimate Interest PERSONALISED ADVERTISING AND CONTENT, ADVERTISING AND CONTENT MEASUREMENT, AUDIENCE RESEARCH AND SERVICES DEVELOPMENT 788 PARTNERS CAN USE THIS PURPOSE Personalised advertising and content, advertising and content measurement, audience research and services development * USE LIMITED DATA TO SELECT ADVERTISING 604 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Advertising presented to you on this service can be based on limited data, such as the website or app you are using, your non-precise location, your device type or which content you are (or have been) interacting with (for example, to limit the number of times an ad is presented to you). View Illustrations * CREATE PROFILES FOR PERSONALISED ADVERTISING 491 PARTNERS CAN USE THIS PURPOSE Switch Label Information about your activity on this service (such as forms you submit, content you look at) can be stored and combined with other information about you (for example, information from your previous activity on this service and other websites or apps) or similar users. This is then used to build or improve a profile about you (that might include possible interests and personal aspects). Your profile can be used (also later) to present advertising that appears more relevant based on your possible interests by this and other entities. View Illustrations * USE PROFILES TO SELECT PERSONALISED ADVERTISING 486 PARTNERS CAN USE THIS PURPOSE Switch Label Advertising presented to you on this service can be based on your advertising profiles, which can reflect your activity on this service or other websites or apps (like the forms you submit, content you look at), possible interests and personal aspects. View Illustrations * CREATE PROFILES TO PERSONALISE CONTENT 218 PARTNERS CAN USE THIS PURPOSE Switch Label Information about your activity on this service (for instance, forms you submit, non-advertising content you look at) can be stored and combined with other information about you (such as your previous activity on this service or other websites or apps) or similar users. This is then used to build or improve a profile about you (which might for example include possible interests and personal aspects). Your profile can be used (also later) to present content that appears more relevant based on your possible interests, such as by adapting the order in which content is shown to you, so that it is even easier for you to find content that matches your interests. View Illustrations * USE PROFILES TO SELECT PERSONALISED CONTENT 191 PARTNERS CAN USE THIS PURPOSE Switch Label Content presented to you on this service can be based on your content personalisation profiles, which can reflect your activity on this or other services (for instance, the forms you submit, content you look at), possible interests and personal aspects, such as by adapting the order in which content is shown to you, so that it is even easier for you to find (non-advertising) content that matches your interests. View Illustrations * MEASURE ADVERTISING PERFORMANCE 703 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Information regarding which advertising is presented to you and how you interact with it can be used to determine how well an advert has worked for you or other users and whether the goals of the advertising were reached. For instance, whether you saw an ad, whether you clicked on it, whether it led you to buy a product or visit a website, etc. This is very helpful to understand the relevance of advertising campaigns. View Illustrations * MEASURE CONTENT PERFORMANCE 354 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Information regarding which content is presented to you and how you interact with it can be used to determine whether the (non-advertising) content e.g. reached its intended audience and matched your interests. For instance, whether you read an article, watch a video, listen to a podcast or look at a product description, how long you spent on this service and the web pages you visit etc. This is very helpful to understand the relevance of (non-advertising) content that is shown to you. View Illustrations * UNDERSTAND AUDIENCES THROUGH STATISTICS OR COMBINATIONS OF DATA FROM DIFFERENT SOURCES 443 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Reports can be generated based on the combination of data sets (like user profiles, statistics, market research, analytics data) regarding your interactions and those of other users with advertising or (non-advertising) content to identify common characteristics (for instance, to determine which target audiences are more receptive to an ad campaign or to certain contents). View Illustrations * DEVELOP AND IMPROVE SERVICES 528 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Information about your activity on this service, such as your interaction with ads or content, can be very helpful to improve products and services and to build new products and services based on user interactions, the type of audience, etc. This specific purpose does not include the development or improvement of user profiles and identifiers. View Illustrations * USE LIMITED DATA TO SELECT CONTENT 117 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Content presented to you on this service can be based on limited data, such as the website or app you are using, your non-precise location, your device type, or which content you are (or have been) interacting with (for example, to limit the number of times a video or an article is presented to you). View Illustrations List of IAB Vendors Consent Legitimate Interest USE PRECISE GEOLOCATION DATA 258 PARTNERS CAN USE THIS PURPOSE Use precise geolocation data With your acceptance, your precise location (within a radius of less than 500 metres) may be used in support of the purposes explained in this notice. List of IAB Vendors Consent Legitimate Interest ACTIVELY SCAN DEVICE CHARACTERISTICS FOR IDENTIFICATION 119 PARTNERS CAN USE THIS PURPOSE Actively scan device characteristics for identification With your acceptance, certain characteristics specific to your device might be requested and used to distinguish it from other devices (such as the installed fonts or plugins, the resolution of your screen) in support of the purposes explained in this notice. List of IAB Vendors ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS 501 PARTNERS CAN USE THIS PURPOSE Always Active Your data can be used to monitor for and prevent unusual and possibly fraudulent activity (for example, regarding advertising, ad clicks by bots), and ensure systems and processes work properly and securely. It can also be used to correct any problems you, the publisher or the advertiser may encounter in the delivery of content and ads and in your interaction with them. List of IAB Vendors | View Illustrations DELIVER AND PRESENT ADVERTISING AND CONTENT 489 PARTNERS CAN USE THIS PURPOSE Always Active Certain information (like an IP address or device capabilities) is used to ensure the technical compatibility of the content or advertising, and to facilitate the transmission of the content or ad to your device. List of IAB Vendors | View Illustrations MATCH AND COMBINE DATA FROM OTHER DATA SOURCES 347 PARTNERS CAN USE THIS PURPOSE Always Active Information about your activity on this service may be matched and combined with other information relating to you and originating from various sources (for instance your activity on a separate online service, your use of a loyalty card in-store, or your answers to a survey), in support of the purposes explained in this notice. List of IAB Vendors LINK DIFFERENT DEVICES 326 PARTNERS CAN USE THIS PURPOSE Always Active In support of the purposes explained in this notice, your device might be considered as likely linked to other devices that belong to you or your household (for instance because you are logged in to the same service on both your phone and your computer, or because you may use the same Internet connection on both devices). List of IAB Vendors IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY 474 PARTNERS CAN USE THIS PURPOSE Always Active Your device might be distinguished from other devices based on information it automatically sends when accessing the Internet (for instance, the IP address of your Internet connection or the type of browser you are using) in support of the purposes exposed in this notice. List of IAB Vendors Back Button COOKIE LIST Filter Button Consent Leg.Interest checkbox label label checkbox label label checkbox label label Clear checkbox label label Apply Cancel Confirm My Choices Reject All Allow All