slidesgo.com
Open in
urlscan Pro
2606:4700:10::ac43:912
Public Scan
Submitted URL: http://bit.ly/2PfT4lq
Effective URL: https://slidesgo.com/?utm_source=Slidesgo_template&utm_medium=referral-link&utm_campaign=SG_Credits&utm_content=slidesgo
Submission: On November 21 via manual from DE — Scanned from DE
Effective URL: https://slidesgo.com/?utm_source=Slidesgo_template&utm_medium=referral-link&utm_campaign=SG_Credits&utm_content=slidesgo
Submission: On November 21 via manual from DE — Scanned from DE
Form analysis 28 forms found in the DOM
https://slidesgo.com/search#rs=search
<form action="https://slidesgo.com/search#rs=search" x-data="searcher("en", "1", "")" x-ref="form" x-on:submit.prevent="submitSearch()" x-on:scroll-over-home-hero.window="hideSearch()" @mousedown.away="hideSearch"
class="relative w-full mb-0">
<div class="relative group bg-gray-50 focus-within:placeholder-gray-600 focus-within:text-gray-600 overflow-hidden rounded text-gray-600 hover:text-gray-600">
<div class="hidden">
<span class="flex items-center justify-center text-gray-200 text-sm font-medium sm:pl-3 sm:border-r sm:border-gray-300 sm:group-hover:text-gray-600 sm:group-focus-within:text-gray-600 lg:hidden xl:flex">
<svg class="fill-current w-5 h-5 fill-current shrink-0 sm:w-4 sm:h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.321 10.355c.001.345.28.623.625.623 0 0 1.072 0 1.486-.011 1.532-.027 2.632-1.358 2.632-3.166 0-1.9-1.08-3.178-2.686-3.178H9.935a.627.627 0 0 0-.625.627l.011 5.105Zm2.061-4.483c1.06 0 1.436 1 1.436 1.929 0 .928-.434 1.9-1.405 1.916-.2 0-.538.006-.844.009l-.005-3.853h.818ZM4.121 5.168v5.262a.625.625 0 0 0 1.25 0V8.767h.84a2.11 2.11 0 1 0 0-4.22l-.006-.004H4.74a.644.644 0 0 0-.443.193.642.642 0 0 0-.176.432Zm2.084 2.345h-.832l-.006-1.72h.838a.86.86 0 1 1 0 1.72Z">
</path>
<path
d="M19 0H5a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5h11.343a4.968 4.968 0 0 0 3.536-1.464l2.656-2.658A4.967 4.967 0 0 0 24 16.343V5a5.006 5.006 0 0 0-5-5ZM2 19V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10h-4a3 3 0 0 0-3 3v4H5a3 3 0 0 1-3-3Zm16.465 2.122c-.402.401-.91.679-1.465.8V18a1 1 0 0 1 1-1h3.925a3.016 3.016 0 0 1-.8 1.464l-2.66 2.658Z">
</path>
<path d="M16.354 8.603v1.8a.625.625 0 1 1-1.25 0V5.59a.625.625 0 0 1 .625-.625h2.012a.625.625 0 0 1 0 1.25h-1.387v1.138h1.239a.625.625 0 0 1 0 1.25h-1.24Z"></path>
<defs>
<clipPath id="a">
<path d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg> <span class="hidden sm:flex mx-2">PDF</span>
</span>
</div>
<input id="search-input" x-ref="searchinput" @focus="focused" @keyup.debounce.500="search($event)" @keydown.down.prevent="selectNext($event)" @keydown.up.prevent="selectPrev($event)" x-model="searchText" type="text" name="q" data-cy="search"
placeholder="Search a template" autocomplete="off" required="required" class="focus:ring-0 w-full outline-none appearance-none pl-4 pr-12 h-10 xl:max-w-4xl bg-gray-50 rounded hover:placeholder-gray-600 focus:placeholder-gray-600 pr-16">
<label for="search-input"></label>
<button type="submit" class="absolute top-0 right-0 bottom-0 w-10 flex items-center justify-center focus:outline-none" aria-label="Search button">
<svg alt="Search" loading="lazy" class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57">
<path d="M55.1 51.9L41.6 37.8A23 23 0 0024 0a23 23 0 1013.2 41.8L50.8 56a3 3 0 004.3.1 3 3 0 000-4.2zM24 6a17 17 0 110 34 17 17 0 010-34z"></path>
</svg> </button>
<template x-if="searchText.length > 0">
<button @click="resetSearch" type="button" title="Clear the search query." class="searchbox__reset absolute top-0 right-10 h-full w-8 flex justify-center items-center">
<svg alt="Close" class="fill-current h-3 w-3" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg">
<path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"></path>
<path d="M339.4 6.6L6.6 339.4A20.7 20.7 0 1036 368.7L368.7 35.9a20.7 20.7 0 10-29.3-29.3z"></path>
</svg> </button>
</template>
</div>
<template x-if="showResults">
<div class="search-bar">
<template x-if="searchText.length > 0 && results.length">
<div class="absolute bg-white shadow-lg left-0 right-0 py-4 rounded-b-lg -ml-4 sm:ml-0 w-screen sm:w-auto sm:-mt-2">
<div>
<template x-for="(result, key) in results">
<div @mouseover="resetOptionNavigation" @click="selectOption(result)" @keyup.enter="selectOption(result)" :class="key === selectedOption ? 'bg-gray-100' : ''"
class="autocomplete-terms flex items-center text-left py-3 px-4 text-gray-600 hover:bg-gray-100 hover:cursor-pointer">
<span :class="result.fromHistory ? 'highlighted' : ''" x-html="result.highlightResult"></span>
</div>
</template>
<template x-if="templates.length">
<div class="hidden sm:block border-t border-gray-100 mt-3 pt-3 px-4">
<h3 class="text-left font-bold text-gray-800 mb-2">Templates</h3>
<div class="grid sm:grid-cols-3 lg:grid-cols-2 gap-4 py-2">
<template x-for="(article, key) in templates">
<div class="last:hidden lg:last:flex flex justify-between">
<div class="w-full lg:w-4/12">
<a :href="article.url" class="block relative aspect-w-16 aspect-h-9">
<template x-if="article.premium && !article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium.svg" class="h-2 w-2">
</span>
</template>
<template x-if="article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium-xl.svg" class="h-2 w-2">
</span>
</template>
<img :src="article.thumb" class="absolute top-0 left-0 w-full h-full object-contain rounded" alt="related">
</a>
</div>
<div class="hidden lg:flex pl-2 w-8/12 flex-col justify-center">
<h3 class="truncate font-bold text-sm text-left">
<a :href="article.url" x-text="article.name" class="text-gray-700 no-underline hover:text-purple-700"></a>
</h3>
<p x-text="article.total_images +' slides'" class="text-gray-600 text-xs text-left"></p>
</div>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</template>
<template x-if="searchText.length === 0">
<div class="bg-white shadow-lg w-full p-4 fixed sm:absolute top-28 sm:top-auto left-0 w-screen sm:w-full sm:mt-2 sm:rounded">
<p class="text-left font-semibold mb-2 text-gray-900">Top searches</p>
<div class="flex items-center mb-4 overflow-auto sm:flex-wrap">
<a href="https://slidesgo.com/search?q=aesthetic#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
aesthetic
</a>
<a href="https://slidesgo.com/search?q=simple#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
simple
</a>
<a href="https://slidesgo.com/search?q=history#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
history
</a>
<a href="https://slidesgo.com/search?q=school#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
school
</a>
<a href="https://slidesgo.com/search?q=minimalist#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
minimalist
</a>
<a href="https://slidesgo.com/search?q=technology#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
technology
</a>
<a href="https://slidesgo.com/search?q=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=christmas#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
christmas
</a>
<a href="https://slidesgo.com/search?q=business#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
business
</a>
</div>
<p class="mb-2 text-left font-semibold text-gray-900">Trending searches</p>
<div class="flex overflow-auto sm:grid gap-x-2 gap-y-6 sm:grid-cols-2 mt-2 pb-2 pt-2 mb-4 mt-2 sm:pb-0 2xl:grid-cols-3">
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=thankgiving#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">thankgiving</h4>
<p class="text-gray-600 text-left text-xs">5 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=december#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">december</h4>
<p class="text-gray-600 text-left text-xs">94 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=qatar#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/42709788/discover-qatar1697532848.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/42709788/discover-qatar1697532848.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/42709788/discover-qatar1697532848.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">qatar</h4>
<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=advent#rs=collections-trending-searches">
<div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5">
<div class="aspect-w-16 aspect-h-9">
<img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">advent</h4>
<p class="text-gray-600 text-left text-xs">5 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=tropical+island#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/34188027/islands-and-archipelagos1681907785.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/34188027/islands-and-archipelagos1681907785.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/34188027/islands-and-archipelagos1681907785.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">tropical island</h4>
<p class="text-gray-600 text-left text-xs">31 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=louisiana#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/29325780/social-studies-subject-for-high-school-the-louisiana-purchase1671116919.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/29325780/social-studies-subject-for-high-school-the-louisiana-purchase1671116919.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/29325780/social-studies-subject-for-high-school-the-louisiana-purchase1671116919.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">louisiana</h4>
<p class="text-gray-600 text-left text-xs">8 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" id="login" class="flex text-gray-200 items-center sm:ml-5">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="sign-in-button" name="login-from">
<input type="hidden" value="en" name="language">
<input type="hidden" value="en.home" name="login-route">
<button type="submit" data-cy="log-in-button" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'navbar')" class="h-8 sm:h-10 px-3 sm:px-4 rounded text-sm sm:text-base text-gray-900 inverted:text-white
font-semibold border border-current hover:text-gray-800 inverted:hover:text-gray-100"> Log in</button>
</form>https://slidesgo.com/search#rs=search
<form action="https://slidesgo.com/search#rs=search" x-data="searcher("en", "", "")" x-ref="form" x-on:submit.prevent="submitSearch()" x-on:scroll-over-home-hero.window="hideSearch()" @mousedown.away="hideSearch"
class="relative w-full mb-0 md:w-8/12 max-w-2xl mt-6 md:mt-8 mx-auto z-15">
<div class="relative group bg-gray-50 focus-within:placeholder-gray-600 focus-within:text-gray-600 overflow-hidden rounded-lg">
<div class="hidden">
<span class="flex items-center justify-center text-gray-200 text-sm font-medium sm:pl-3 sm:border-r sm:border-gray-300 sm:group-hover:text-gray-600 sm:group-focus-within:text-gray-600 lg:hidden xl:flex">
<svg class="fill-current w-5 h-5 fill-current shrink-0 sm:w-4 sm:h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.321 10.355c.001.345.28.623.625.623 0 0 1.072 0 1.486-.011 1.532-.027 2.632-1.358 2.632-3.166 0-1.9-1.08-3.178-2.686-3.178H9.935a.627.627 0 0 0-.625.627l.011 5.105Zm2.061-4.483c1.06 0 1.436 1 1.436 1.929 0 .928-.434 1.9-1.405 1.916-.2 0-.538.006-.844.009l-.005-3.853h.818ZM4.121 5.168v5.262a.625.625 0 0 0 1.25 0V8.767h.84a2.11 2.11 0 1 0 0-4.22l-.006-.004H4.74a.644.644 0 0 0-.443.193.642.642 0 0 0-.176.432Zm2.084 2.345h-.832l-.006-1.72h.838a.86.86 0 1 1 0 1.72Z">
</path>
<path
d="M19 0H5a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5h11.343a4.968 4.968 0 0 0 3.536-1.464l2.656-2.658A4.967 4.967 0 0 0 24 16.343V5a5.006 5.006 0 0 0-5-5ZM2 19V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10h-4a3 3 0 0 0-3 3v4H5a3 3 0 0 1-3-3Zm16.465 2.122c-.402.401-.91.679-1.465.8V18a1 1 0 0 1 1-1h3.925a3.016 3.016 0 0 1-.8 1.464l-2.66 2.658Z">
</path>
<path d="M16.354 8.603v1.8a.625.625 0 1 1-1.25 0V5.59a.625.625 0 0 1 .625-.625h2.012a.625.625 0 0 1 0 1.25h-1.387v1.138h1.239a.625.625 0 0 1 0 1.25h-1.24Z"></path>
<defs>
<clipPath id="a">
<path d="M0 0h24v24H0z"></path>
</clipPath>
</defs>
</svg> <span class="hidden sm:flex mx-2">PDF</span>
</span>
</div>
<input id="search-input" x-ref="searchinput" @focus="focused" @keyup.debounce.500="search($event)" @keydown.down.prevent="selectNext($event)" @keydown.up.prevent="selectPrev($event)" x-model="searchText" type="text" name="q" data-cy="search"
placeholder="Search a template" autocomplete="off" required="required" class="focus:ring-0 w-full outline-none appearance-none pl-4 sm:pl-6 pr-16 h-12 sm:h-14 bg-white placeholder-gray-600 rounded-lg">
<label for="search-input"></label>
<button type="submit" class="absolute top-0 right-0 bottom-0 w-10 flex items-center justify-center focus:outline-none" aria-label="Search button">
<svg alt="Search" loading="lazy" class="fill-current h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57">
<path d="M55.1 51.9L41.6 37.8A23 23 0 0024 0a23 23 0 1013.2 41.8L50.8 56a3 3 0 004.3.1 3 3 0 000-4.2zM24 6a17 17 0 110 34 17 17 0 010-34z"></path>
</svg> </button>
<template x-if="searchText.length > 0">
<button @click="resetSearch" type="button" title="Clear the search query." class="searchbox__reset absolute top-0 right-10 h-full w-8 flex justify-center items-center">
<svg alt="Close" class="fill-current h-3 w-3" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg">
<path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"></path>
<path d="M339.4 6.6L6.6 339.4A20.7 20.7 0 1036 368.7L368.7 35.9a20.7 20.7 0 10-29.3-29.3z"></path>
</svg> </button>
</template>
</div>
<template x-if="showResults">
<div class="search-bar">
<template x-if="searchText.length > 0 && results.length">
<div class="absolute bg-white shadow-lg left-0 right-0 py-4 rounded-b-lg -mt-2">
<div>
<template x-for="(result, key) in results">
<div @mouseover="resetOptionNavigation" @click="selectOption(result)" @keyup.enter="selectOption(result)" :class="key === selectedOption ? 'bg-gray-100' : ''"
class="autocomplete-terms flex items-center text-left py-3 px-4 text-gray-600 hover:bg-gray-100 hover:cursor-pointer">
<span :class="result.fromHistory ? 'highlighted' : ''" x-html="result.highlightResult"></span>
</div>
</template>
<template x-if="templates.length">
<div class="hidden sm:block border-t border-gray-100 mt-3 pt-3 px-4">
<h3 class="text-left font-bold text-gray-800 mb-2">Templates</h3>
<div class="grid sm:grid-cols-3 lg:grid-cols-2 gap-4 py-2">
<template x-for="(article, key) in templates">
<div class="last:hidden lg:last:flex flex justify-between">
<div class="w-full lg:w-4/12">
<a :href="article.url" class="block relative aspect-w-16 aspect-h-9">
<template x-if="article.premium && !article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium.svg" class="h-2 w-2">
</span>
</template>
<template x-if="article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium-xl.svg" class="h-2 w-2">
</span>
</template>
<img :src="article.thumb" class="absolute top-0 left-0 w-full h-full object-contain rounded" alt="related">
</a>
</div>
<div class="hidden lg:flex pl-2 w-8/12 flex-col justify-center">
<h3 class="truncate font-bold text-sm text-left">
<a :href="article.url" x-text="article.name" class="text-gray-700 no-underline hover:text-purple-700"></a>
</h3>
<p x-text="article.total_images +' slides'" class="text-gray-600 text-xs text-left"></p>
</div>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</template>
<template x-if="searchText.length === 0">
<div class="bg-white shadow-lg w-full p-4 absolute mt-2 rounded-lg">
<p class="text-left font-semibold mb-2 text-gray-900">Top searches</p>
<div class="flex items-center mb-4 overflow-auto sm:flex-wrap">
<a href="https://slidesgo.com/search?q=aesthetic#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
aesthetic
</a>
<a href="https://slidesgo.com/search?q=simple#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
simple
</a>
<a href="https://slidesgo.com/search?q=history#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
history
</a>
<a href="https://slidesgo.com/search?q=school#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
school
</a>
<a href="https://slidesgo.com/search?q=minimalist#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
minimalist
</a>
<a href="https://slidesgo.com/search?q=technology#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
technology
</a>
<a href="https://slidesgo.com/search?q=science#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
science
</a>
</div>
<p class="mb-2 text-left font-semibold text-gray-900">Trending searches</p>
<div class="flex overflow-auto sm:grid gap-x-2 gap-y-6 sm:grid-cols-2 mt-2 pb-2 pt-2 mb-4 mt-2 sm:pb-0">
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=thankgiving#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/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">thankgiving</h4>
<p class="text-gray-600 text-left text-xs">5 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=december#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/28354828/daily-calendar-2023-december1669372555.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">december</h4>
<p class="text-gray-600 text-left text-xs">94 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=qatar#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/42709788/discover-qatar1697532848.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/42709788/discover-qatar1697532848.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/42709788/discover-qatar1697532848.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">qatar</h4>
<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=advent#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/52035516/first-advent-sunday1713263444.jpg">
<div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg">
</div>
<div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden">
<img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">advent</h4>
<p class="text-gray-600 text-left text-xs">5 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-favorites" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'favourite_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Log in </button>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=poems-story-book&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Poems+Story+Book" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33024);
gtm.microfunnel('Printable Slides', 'Go Premium', 'https://slidesgo.com/pricing?slide=poems-story-book&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Poems+Story+Book', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-limit-download" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'limit_modal');
gtm.limitModalClick('true', 'Log in', 'https://slidesgo.com/auth/login')"
class="sign-in border mr-4 lg:order-2 lg:mr-0 lg:ml-4 rounded h-10 px-4 text-base text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100"> Log in </button>
<a href="https://slidesgo.com/pricing" onclick="gtm.limitModalClick('true', 'Go Premium', 'https://slidesgo.com/pricing');
gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing', 'limit_modal')" class="flex items-center go-premium mr-2 lg:order-1 lg:mr-0 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium </a>
</form>POST
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="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=sea-animals-story-book-illustration&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Sea+Animals+Story+Book" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33292);
gtm.microfunnel('Printable Slides', 'Go Premium', 'https://slidesgo.com/pricing?slide=sea-animals-story-book-illustration&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Sea+Animals+Story+Book', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST
<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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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" 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=harvest-feast-us-thanksgiving&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Harvest+Feast%3A+US+Thanksgiving" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 25107);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=harvest-feast-us-thanksgiving&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Harvest+Feast%3A+US+Thanksgiving', '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" 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" 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" 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=learn-more-about-thanksgiving&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Learn+more+about+Thanksgiving%21" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 14023);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=learn-more-about-thanksgiving&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Learn+more+about+Thanksgiving%21', '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" 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" 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" 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=winter-wonderland-backgrounds-for-meeting&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Winter+Wonderland+Backgrounds+for+Meeting" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 17990);
gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=winter-wonderland-backgrounds-for-meeting&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Winter+Wonderland+Backgrounds+for+Meeting', '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" 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" 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" 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" 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" 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" 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=what-is-flooding-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=What+is+Flooding+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33547);
gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=what-is-flooding-infographics&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=What+is+Flooding+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" 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" 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" 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" 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" 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" 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=christopher-columbus-and-his-american-journey&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Christopher+Columbus+and+His+American+Journey" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33553);
gtm.microfunnel('Slidesclass', 'Go Premium', 'https://slidesgo.com/pricing?slide=christopher-columbus-and-his-american-journey&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Christopher+Columbus+and+His+American+Journey', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p>
</div>
</div>
</div>
</div>
</div>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-editor" name="login-from">
<input type="hidden" value="en" name="language">
<button data-cy="register" type="submit" onclick="gtm.login('Register', 'https://slidesgo.com/auth/login', 'editor_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Register
</button>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-favorites" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'favourite_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Log in </button>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-limit-download" name="login-from">
<input type="hidden" value="en" name="language">
<button type="submit" onclick="gtm.login('Log in', 'https://slidesgo.com/auth/login', 'limit_modal');
gtm.limitModalClick('true', 'Log in', 'https://slidesgo.com/auth/login')"
class="sign-in border mr-4 lg:order-2 lg:mr-0 lg:ml-4 rounded h-10 px-4 text-base text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100"> Log in </button>
<a href="https://slidesgo.com/pricing" onclick="gtm.limitModalClick('true', 'Go Premium', 'https://slidesgo.com/pricing');
gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing', 'limit_modal')" class="flex items-center go-premium mr-2 lg:order-1 lg:mr-0 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium </a>
</form>POST https://slidesgo.com/auth/login
<form method="POST" action="https://slidesgo.com/auth/login" class="flex items-center justify-center sm:justify-start">
<input type="hidden" name="_token" value="anonymous" autocomplete="off"> <input type="hidden" value="en.home" name="login-route">
<input type="hidden" value="modal-editor" name="login-from">
<input type="hidden" value="en" name="language">
<button data-cy="register" type="submit" onclick="gtm.login('Register', 'https://slidesgo.com/auth/login', 'editor_modal');" class="rounded h-12 px-6 text-lg text-white font-semibold bg-gray-900 hover:bg-gray-800 active:bg-gray-700"> Register
</button>
</form>POST https://slidesgo.com/ai-presentation-generator
<form method="post" action="https://slidesgo.com/ai-presentation-generator" x-ref="form" class="w-full" x-on:submit.prevent="submitForm()">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<input type="hidden" value="sign-in-ai" name="login-from">
<div class="flex flex-col gap-4 mb-8 text-lg">
<div class="w-full">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Topic </h3>
<input x-show="!openFromTemplate" type="text" :required="!openFromTemplate" min="10" max="255" name="topic" x-model="topic"
class="h-8 md:h-11 px-4 text-base rounded border border-gray-300 w-full appearance-none text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" placeholder="The greenhouse effect and its effects" required="required">
<textarea x-show="openFromTemplate" :required="openFromTemplate" minlength="10" maxlength="255" name="topic" x-model="topic"
class="h-30 p-3 rounded border border-gray-300 w-full appearance-none text-gray-900 font-regular text-base leading-5 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" placeholder="The greenhouse effect and its effects"
style="display: none;"></textarea>
</div>
<div class="flex justify-between gap-4 w-full flex flex-wrap flex-col md:flex-row">
<div>
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Writing tone </h3>
<select x-model="tone" name="tone" autocomplete="off" :class="{
'dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 w-full placeholder:text-gray-600 focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" class="dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 w-full placeholder:text-gray-600 focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
<option value="">Unspecified</option>
<option value="Fun"> Fun </option>
<option value="Creative"> Creative </option>
<option value="Casual"> Casual </option>
<option value="Professional"> Professional </option>
<option value="Formal"> Formal </option>
</select>
</div>
<div class="flex-1">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Language </h3>
<select x-model="language" name="language" autocomplete="off" :class="{
'dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 placeholder:text-gray-600 w-full focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" class="dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 placeholder:text-gray-600 w-full focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
<option value="">Auto</option>
<option value="zh"> 中文 </option>
<option value="en"> English </option>
<option value="es"> Español </option>
<option value="pt"> Português </option>
<option value="de"> Deutsch </option>
<option value="it"> Italiano </option>
<option value="fr"> Français </option>
<option value="hi"> हिन्दी </option>
<option value="bn"> বাংলা </option>
<option value="ru"> Русский </option>
<option value="ja"> 日本語 </option>
<option value="pa"> ਪੰਜਾਬੀ </option>
<option value="mr"> मराठी </option>
<option value="te"> తెలుగు </option>
<option value="tr"> Türkçe </option>
<option value="ko"> 한국어 </option>
<option value="vi"> Tiếng Việt </option>
<option value="ta"> தமிழ் </option>
<option value="yo"> Yorùbá </option>
<option value="ur"> اردو </option>
<option value="jv"> Basa Jawa </option>
<option value="gu"> ગુજરાતી </option>
<option value="pl"> Polski </option>
<option value="uk"> Українська </option>
<option value="ms"> Bahasa Melayu </option>
</select>
</div>
<div class="flex-1 lg:flex-0">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold"> Number of slides </h3>
<input type="number" required="" min="6" max="14" name="slides" autocomplete="off" :class="{
'pl-4 bg-white rounded border border-gray-300 w-full appearance-none placeholder:text-gray-600 focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" value="8" class="pl-4 bg-white rounded border border-gray-300 w-full appearance-none placeholder:text-gray-600 focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
</div>
</div>
</div>
<div x-show="!openFromTemplate">
<h3 class="text-left text-gray-900 font-semibold mb-2"> Style </h3>
<div class="block sm:hidden mb-4">
<select x-model="activeParentStyle" x-on:change="changeActiveStyle" name="parent_style" data-cy="styles-list" autocomplete="off" class="dsm-selector h-8 pl-4 bg-white pr-12 rounded border border-gray-300 w-full text-sm
font-semibold text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900">
<template x-for="(parentStyle, key) in elements" x-bind:key="key">
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName">
</option>
</template>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="94" data-cy="check-active-style"
selected="selected">Minimalist</option>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="69">Colorful</option>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="73">Geometric</option>
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="1">Professional</option>
</select>
</div>
<div data-cy="styles-list" class="hidden sm:inline-flex border rounded border-gray-300 text-gray-800 hover:text-gray-900 mb-4">
<template x-for="(parentStyle, key) in elements" x-bind:key="key">
<label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">
</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label>
</template><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="94" data-cy="check-active-style">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Minimalist</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="69">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Colorful</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="73">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Geometric</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId"
x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="1">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Professional</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label>
</div>
<template x-for="(parentStyle, parentStyleIndex) in elements" x-bind:key="parentStyleIndex">
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
</div>
</template>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="94"
data-cy="check-active-template">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/minimalist.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="223">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/cute.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="177">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/duotone.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="35">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/white.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="33">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/simple.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="54">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/company.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="500">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/scrapbook.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="66">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/cool.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="65">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/futuristic.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="62">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/gradient.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="90">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/portfolio.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="38">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/black.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="381">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/report.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="26">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/creative.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="635">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/german.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="278">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/math.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="30">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/purple.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="95">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/corporate.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</template>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="1">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/professional.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="36">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/elegant.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="123">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/meeting.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="296">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/research.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="154">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/consulting.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
<div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="77">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/picture.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
<path
d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z">
</path>
</svg> </span>
</label>
</div>
</div>
</div>
<button data-cy="generate-presentation" :class="{
'bg-gray-900 text-white font-bold h-14 rounded w-full text-lg hover:bg-gray-800 active:bg-gray-700': true,
'mt-6': !openFromTemplate,
'mt-2': openFromTemplate
}" class="bg-gray-900 text-white font-bold h-14 rounded w-full text-lg hover:bg-gray-800 active:bg-gray-700 mt-6">
<span x-show="!openFromTemplate" class="flex items-center justify-center gap-3">
<svg class="fill-current h-6 w-6" viewBox="0 0 23 22" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.82 4.53674L19.1052 5.83975C18.8695 6.26925 18.2601 6.25868 18.0761 5.82103L17.5072 4.49479L16.084 4.25607C15.6128 4.17902 15.4583 3.58945 15.8198 3.2587L16.9165 2.25577L16.7542 0.805169C16.6999 0.326892 17.2152 -0.0254924 17.6238 0.205908L18.8683 0.910886L20.191 0.25237C20.6264 0.0366336 21.0978 0.406983 20.9913 0.881014L20.6646 2.32201L21.6442 3.36432C21.9657 3.70649 21.7453 4.29058 21.2678 4.35103L19.82 4.53674ZM11.3838 3.17622L11.9481 4.17987C12.134 4.51081 11.8775 4.90728 11.5143 4.84908L10.4092 4.68016L9.66938 5.51845C9.42578 5.7968 8.97474 5.65703 8.90522 5.28385L8.69469 4.15185L7.67417 3.66463C7.33737 3.50451 7.31662 3.0213 7.6361 2.84735L8.60938 2.31746L8.71788 1.17788C8.75425 0.803228 9.19086 0.64482 9.459 0.908996L10.273 1.71389L11.3596 1.49642C11.7163 1.42505 12.0102 1.80915 11.8544 2.14798L11.3838 3.17622ZM14.3551 7.10097L14.9653 7.71113C15.4895 8.23534 15.7817 8.94003 15.7817 9.68339C15.7817 10.431 15.4938 11.1314 14.9653 11.66L5.87308 20.7521C5.87308 20.7521 3.99601 22.7846 1.63898 20.4274C-0.71805 18.0703 1.3141 16.1932 1.3141 16.1932L10.4063 7.10097C11.4934 6.01386 13.268 6.01386 14.3551 7.10097ZM3.14886 18.9174C3.87321 19.6417 4.66996 18.9174 4.66996 18.9174L10.8618 12.7256L9.34066 11.2045L3.14886 17.3963C3.14886 17.3963 2.42451 18.193 3.14886 18.9174ZM12.3829 11.2002L13.4442 10.1389C13.5645 10.0185 13.6289 9.85097 13.6289 9.67909C13.6289 9.50722 13.5602 9.34394 13.4399 9.22363L12.834 8.61777C12.5848 8.36855 12.1723 8.36855 11.9231 8.61777L10.8618 9.67909L12.3829 11.2002ZM17.0475 13.1394L18.1254 13.5444L18.4269 14.6343C18.5257 14.9939 18.9978 15.0987 19.2249 14.8145L19.9167 13.9487L21.0577 14.0409C21.4329 14.0706 21.6651 13.6683 21.4519 13.3582L20.8015 12.4161L21.2054 11.3842C21.338 11.0454 21.0111 10.689 20.6503 10.7832L19.5557 11.067L18.666 10.3361C18.3726 10.0952 17.9374 10.2785 17.9301 10.6483L17.9034 11.766L16.9488 12.348C16.6334 12.5372 16.6922 13.0057 17.0475 13.1394Z">
</path>
</svg> Generate presentation </span>
<span x-show="openFromTemplate" class="flex items-center justify-center gap-3" style="display: none;">
<svg class="size-4 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M19.8017 3.41409L18.6997 0.914752C18.162 -0.304917 16.4314 -0.304917 15.8938 0.914752L14.7918 3.41409C14.6376 3.76424 14.3577 4.04408 14.0076 4.1983L11.5082 5.30031C10.2886 5.83796 10.2886 7.56856 11.5082 8.10621L14.0076 9.20822C14.3577 9.36244 14.6376 9.64228 14.7918 9.99243L15.8938 12.4918C16.4314 13.7114 18.162 13.7114 18.6997 12.4918L19.8017 9.99243C19.9559 9.64228 20.2358 9.36244 20.5859 9.20822L23.0852 8.10621C24.3049 7.56856 24.3049 5.83796 23.0852 5.30031L20.5859 4.1983C20.2358 4.04408 19.9559 3.76424 19.8017 3.41409Z">
</path>
<path
d="M5.44176 9.52043L6.18143 11.1981C6.28502 11.4334 6.47299 11.6209 6.70783 11.7245L8.38546 12.4641C9.20436 12.8251 9.20436 13.9871 8.38546 14.348L6.70783 15.0877C6.47252 15.1913 6.28502 15.3792 6.18143 15.6141L5.44176 17.2917C5.08082 18.1106 3.91881 18.1106 3.55788 17.2917L2.8182 15.6141C2.71461 15.3788 2.52664 15.1913 2.2918 15.0877L0.614171 14.348C-0.204724 13.9871 -0.204724 12.8251 0.614171 12.4641L2.2918 11.7245C2.52711 11.6209 2.71461 11.4329 2.8182 11.1981L3.55788 9.52043C3.91881 8.70153 5.08082 8.70153 5.44176 9.52043Z">
</path>
<path
d="M14.3666 17.0944L14.9755 18.4758C15.0608 18.6694 15.2155 18.824 15.4091 18.9093L16.7905 19.5182C17.4645 19.8154 17.4645 20.7721 16.7905 21.0693L15.4091 21.6782C15.2155 21.7635 15.0608 21.9182 14.9755 22.1118L14.3666 23.4932C14.0694 24.1672 13.1127 24.1672 12.8156 23.4932L12.2067 22.1118C12.1213 21.9182 11.9667 21.7635 11.7731 21.6782L10.3917 21.0693C9.71763 20.7721 9.71763 19.8154 10.3917 19.5182L11.7731 18.9093C11.9667 18.824 12.1213 18.6694 12.2067 18.4758L12.8156 17.0944C13.1127 16.4203 14.0694 16.4203 14.3666 17.0944Z">
</path>
</svg> Generate content </span>
</button>
</form>Text Content
Slidesgo ist auch auf Deutsch verfügbar Anzeigen AI Tools New AI Tools AI presentation maker Create presentations in minutes with AI AI PDF to PPT converter New Turn documents into PPT with AI AI lesson plan generator Plan your lessons faster with AI AI icebreaker generator Generate icebreaker activities and ideas AI exit ticket generator Create quick formative assessments for your students AI quiz maker beta Create comprehensive quizzes from any reading material Other tools Create Slideshows Create and customize presentations online with Slidesgo's editor Addon for Google Slides Apply Slidesgo themes to your Google Slides presentations Explore all AI tools Templates By industry Business Money Technology Law Sport Architecture Fashion Medical Health Mental Health Disease Case Report Marketing Newsletter Campaign Instagram Social Media Popular Food Nature Travel Water Space By style Minimalist Aesthetic Simple Cute Professional Vintage By color Black White Gray Silver Purple Blue Green Yellow Orange Brown Gold Cream Red Pink Collections Slidesclass Ready-to-use slides for any subject to simplify your lesson planning Disney New content Templates with your favorite Disney and Pixar characters Infographics Templates for turning data and information into visual presentations Explore recent templates Education Hub By content type Coloring Page Workshop About Me Back to School Lesson Thesis Defense Printable By subject History Science Art Math Biology Chemistry Geography Psychology Literature By school level Pre-K Elementary Middle School High School University Featured resources AI tools for education Start creating with AI, for teachers and students Slidesclass Ready-to-use slides for any subject to simplify your lesson planning Smartick Discover the world of mathematics like never before with Smartick! Teacher Toolkit Ready-to-edit educational materials Explore all education templates Learn Blog Articles and other resources 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 Slidesgo Teacher Community Join a global community of teachers and educators sharing tips and tools PDF TEMPLATES Top searches aesthetic simple history school minimalist technology science christmas business Trending searches THANKGIVING 5 templates DECEMBER 94 templates QATAR 19 templates ADVENT 5 templates TROPICAL ISLAND 31 templates LOUISIANA 8 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 Plans & Pricing Pricing Discover benefits of Premium plan Slidesgo for Schools and Districts Save money when your school buys together Log in CREATE ENGAGING PRESENTATIONS, FASTER FREE TEMPLATES FOR GOOGLE SLIDES, POWERPOINT AND CANVA PDF TEMPLATES Top searches aesthetic simple history school minimalist technology science Trending searches THANKGIVING 5 templates DECEMBER 94 templates QATAR 19 templates ADVENT 5 templates OR KICK OFF YOUR NEXT PROJECT WITH AI PRESENTATION MAKER Join the Slidesgo Teacher Community for exclusive tips and the latest EdTech news! Join the Teacher Community for tips and EdTech news! Join now TRENDING SEARCHES DISNEY 322 templates CHRISTMAS 226 templates THANKSGIVING 58 templates BLACK FRIDAY 19 templates CYBER MONDAY 9 templates EDITOR’S CHOICE 3705 templates MINIMALIST 4068 templates SLIDESCLASS 588 templates MONEY 267 templates SALES 176 templates WINTER 203 templates SNOW 131 templates LATEST THEMES / Like IT SEEMS THAT YOU LIKE THIS TEMPLATE! By registering on Slidesgo, you will be able to save templates as favorites so you can easily find them later. If you are already registered, log in! Log in Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in REGISTER FOR FREE AND START DOWNLOADING NOW Register on our website to download 3 FREE templates every month, or GO Premium for unlimited downloads! Log in Go Premium POEMS STORY BOOK Download the Poems Story Book presentation for PowerPoint or Google Slides. The magic of storytelling takes a new form in this enrapturing storybook. Every bedtime, playtime, or fun classroom activity can be transformed into an enchanting journey into the realms of imagination. Match these slides to your words to stir... Printable Slides Letter / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in SEA ANIMALS STORY BOOK Download the Sea Animals Story Book presentation for PowerPoint or Google Slides. The magic of storytelling takes a new form in this enrapturing storybook. Every bedtime, playtime, or fun classroom activity can be transformed into an enchanting journey into the realms of imagination. Match these slides to your words to... Printable Slides Letter / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva CASUAL & VINTAGE WATERCOLOR COLLAGE MINITHEME Download the Casual & Vintage Watercolor Collage Minitheme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file CREATIVE LEAFY BACKGROUNDS MINITHEME Download the Creative Leafy Backgrounds Minitheme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different graphic... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file FUNNY LOOKING CARTOON CHARACTERS MINITHEME Download the Funny Looking Cartoon Characters Minitheme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva MODERN DOODLE MINITHEME Download the Modern Doodle Minitheme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different graphic resources.... Multi-purpose 16:9 Latest themes POPULAR THEMES / Like Download Customize online Customize online Generate content with AI Download and open in Google Slides Download as a PowerPoint file Download and open in Canva MERRY CHRISTMAS Christmas season is vital for many businesses. With this template we help you define a good marketing plan in the purest Christmas style. Captivate everyone with the Christmas ball graphs to explain your predictions. Use the decorated tree infographics to show the actions of your plan or the Christmas candy... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in HARVEST FEAST: US THANKSGIVING Celebrate the season of gratitude with a Google Slides and PowerPoint template. This design captures the festive spirit of Thanksgiving with a modern, cool and dark artistry. Enhanced by informative infographics, it successfully blends tradition with innovation. The template is perfect for sharing memorable family recipes, retelling historical narratives or... Multi-purpose 16:9 / Like Download Customize online Customize online Generate content with AI Generate content with AI Download and open in Google Slides Download as a PowerPoint file Download and open in Canva 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... Post 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in LEARN MORE ABOUT THANKSGIVING! You may know the general facts about Thanksgiving, but do you know all, absolutely all its traditions? That's what this template with pink gradients and colorful illustrations is for! This creative design will allow you to make a presentation about Thanksgiving facts, history and curiosities, to continue expanding knowledge about... Multi-purpose 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva CHRISTMAS LIGHTS MINITHEME How do you plan to decorate your house this Christmas? What lights are you going to use? Are you in the mood for simpler LEDs this year or do you want people to mix up your house with a building in New York? You can discuss all of this in... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in WINTER WONDERLAND BACKGROUNDS FOR MEETING Download the "Winter Wonderland Backgrounds for Meeting" presentation for PowerPoint or Google Slides. Gone are the days of dreary, unproductive meetings. Check out this sophisticated solution that offers you an innovative approach to planning and implementing meetings! Detailed yet simplified, this template ensures everyone is on the same page, contributing... 16:9 Popular themes INFOGRAPHICS / Like Download Customize online Customize online Generate content with AI Download and open in Google Slides Download as a PowerPoint file Download and open in Canva FRESH LEMON PATTERN NEWSLETTER INFOGRAPHICS Download the Fresh Lemon Pattern Newsletter Infographics template for PowerPoint or Google Slides and discover the power of infographics. An infographic resource gives you the ability to showcase your content in a more visual way, which will make it easier for your audience to understand your topic. Slidesgo infographics like... 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva COLLEGE LESSONS WITH CYCLE DIAGRAMS Download the College Lessons with Cycle Diagrams presentation for PowerPoint or Google Slides. As university curricula increasingly incorporate digital tools and platforms, this template has been designed to integrate with presentation software, online learning management systems, or referencing software, enhancing the overall efficiency and effectiveness of student work. Edit this... 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in WHAT IS FLOODING INFOGRAPHICS Download the What is Flooding 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... 16:9 See infographics EDUCATION PRESENTATION TEMPLATES SLIDESCLASS 586 templates SCIENCE 1100 templates ART 863 templates MATH 626 templates WORKSHOP 954 templates LITERACY 132 templates LESSON 824 templates SCHOOL 3993 templates THESIS DEFENSE 1019 templates MUSIC 427 templates TEACHER TOOLKIT 122 templates EDITABLE IN CANVA / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva PREMATURE NEWBORN CARE BREAKTHROUGH Download the Premature Newborn Care Breakthrough presentation for PowerPoint or Google Slides.Treating diseases involves a lot of prior research and clinical trials. But whenever there’s a new discovery, a revolutionary finding that opens the door to new treatments, vaccines or ways to prevent illnesses, it’s great news. Should there be... 16:9 / Like Download Download and open in Google Slides Download as a PowerPoint file Download and open in Canva CASUAL & VINTAGE WATERCOLOR COLLAGE MINITHEME Download the Casual & Vintage Watercolor Collage Minitheme presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using... Multi-purpose 16:9 / Like Download PREMIUM TEMPLATE Unlock this template and gain unlimited access Go Premium Are you already Premium? Log in CHRISTOPHER COLUMBUS AND HIS AMERICAN JOURNEY Download the Christopher Columbus and His American Journey 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... Slidesclass 16:9 See editable in canva themes WHAT'S NEW ON SLIDESGO See the latest website updates, new features and tools and make the most of your Slidesgo experience. MAKE PRESENTATIONS WITH AI More info TOP 8 ABOUT ME PRESENTATION TEMPLATES FOR GOING BACK TO SCHOOL More info MAKE SCHOOL FUN FROM DAY ONE WITH DISNEY AND PIXAR TEMPLATES More info BROWSE BY TAGS * Black Friday 19 templates * Cyber Monday 9 templates * Sales 176 templates * Travel 441 templates * Animal 1201 templates * Art 863 templates * Health 3839 templates * History 1455 templates * Environment 538 templates * Galaxy 195 templates * Fashion 250 templates * Biology 552 templates * Summer 254 templates * Architecture 157 templates * Music 427 templates * Research 1673 templates * Culture 2126 templates * Background 10299 templates * Back to School 211 templates * Coloring Page 352 templates WHAT DO OUR USERS SAY ABOUT US? I just wanted to thank you! I learned more about slides in one day of quarantine than in my whole life Gabriela Miranda Your slides are so unique and gorgeous! They really help me with PowerPoint presentations for school and now even my mom uses them for work Marie Dupuis I would like to thank to you for these amazing templates. I have never seen such service, especially free! They are very useful for my presentation. Ali Serdar Çelikezen Thank you Slidesgo for creating amazing templates for us. It's made my presentation become much better. Thiên Trang Nguyễn Work with us Become ambassador Suggestion box SOCIAL MEDIA CONTENT * Home * Recent * Popular * Slidesclass * Multi-purpose * Printable Slides * Resources Pack LEARN * Blog * News * Inspiration by Slidesgo * Presentation Tips * Google Slides Tutorials * PowerPoint Tutorials HELP * * FAQs * Contact * Manage Preferences * Terms & conditions * Slidesgo Educator Community * * Privacy policy * Cookies policy * About us Copyright ©2024 Freepik Company S.L. All rights reserved. English Español English Português Français Deutsch 한국어 Freepik Company Projects * Freepik * Flaticon * Slidesgo * Wepik * Videvo AI Tools New Templates Education Hub Learn Plans & Pricing More AI Tools New AI Tools AI presentation maker Create presentations in minutes with AI AI PDF to PPT converter New Turn documents into PPT with AI AI lesson plan generator Plan your lessons faster with AI AI icebreaker generator Generate icebreaker activities and ideas AI exit ticket generator Create quick formative assessments for your students AI quiz maker beta Create comprehensive quizzes from any reading material Other tools Create Slideshows Create and customize presentations online with Slidesgo's editor Addon for Google Slides Apply Slidesgo themes to your Google Slides presentations Explore all AI tools Templates By industry Business Medical Marketing Popular By style Minimalist Aesthetic Simple Cute Professional Vintage By color Black White Gray Silver Purple Blue Green Yellow Orange Brown Gold Cream Red Pink Collections Slidesclass Ready-to-use slides for any subject to simplify your lesson planning Disney New content Templates with your favorite Disney and Pixar characters Infographics Templates for turning data and information into visual presentations Explore recent templates Templates Business Money Technology Law Sport Architecture Fashion Explore recent templates Templates Medical Health Mental Health Disease Case Report Explore recent templates Templates Marketing Newsletter Campaign Instagram Social Media Explore recent templates Templates Popular Food Nature Travel Water Space Explore recent templates Education Hub By content type Coloring Page Workshop About Me Back to School Lesson Thesis Defense Printable By subject History Science Art Math Biology Chemistry Geography Psychology Literature By school level Pre-K Elementary Middle School High School University Featured resources AI tools for education Start creating with AI, for teachers and students Slidesclass Ready-to-use slides for any subject to simplify your lesson planning Smartick Discover the world of mathematics like never before with Smartick! Teacher Toolkit Ready-to-edit educational materials Explore all education templates Learn Blog Articles and other resources 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 Slidesgo Teacher Community Join a global community of teachers and educators sharing tips and tools Plans & Pricing Pricing Discover benefits of Premium plan Slidesgo for Schools and Districts Save money when your school buys together More Freepik Free vectors, photos and PSD Flaticon Free customizable icons Wepik Free online template editor Storyset Free editable illustrations Videvo Free videos and motion graphics REGISTER FOR FREE AND START EDITING ONLINE Just one quick step before editing: Sign up to Slidesgo. By registering in Slidesgo, you will be able to edit online templates and download up to 3 templates per month. If you are already registered, log in! Register IT SEEMS THAT YOU LIKE THIS TEMPLATE! By registering on Slidesgo, you will be able to save templates as favorites so you can easily find them later. If you are already registered, log in! Log in REGISTER FOR FREE AND START DOWNLOADING NOW Register on our website to download 3 FREE templates every month, or GO Premium for unlimited downloads! Log in Go Premium REGISTER FOR FREE AND START EDITING ONLINE Just one quick step before editing: Sign up to Slidesgo. By registering in Slidesgo, you will be able to edit online templates and download up to 3 templates per month. If you are already registered, log in! Register CREATE YOUR PRESENTATION CREATE PERSONALIZED PRESENTATION CONTENT TOPIC WRITING TONE Unspecified Fun Creative Casual Professional Formal LANGUAGE Auto 中文 English Español Português Deutsch Italiano Français हिन्दी বাংলা Русский 日本語 ਪੰਜਾਬੀ मराठी తెలుగు Türkçe 한국어 Tiếng Việt தமிழ் Yorùbá اردو Basa Jawa ગુજરાતી Polski Українська Bahasa Melayu NUMBER OF SLIDES STYLE MinimalistColorfulGeometricProfessional Minimalist Colorful Geometric Professional Generate presentation Generate content WE CARE ABOUT YOUR PRIVACY We and our 855 partners store and access personal data, like browsing data or unique identifiers, on your device. Selecting "I Accept" enables tracking technologies to support the purposes shown under "we and our partners process data to provide," whereas selecting "Reject All" or withdrawing your consent will disable them. If trackers are disabled, some content and ads you see may not be as relevant to you. You can resurface this menu to change your choices or withdraw consent at any time by clicking the ["privacy preferences"] link on the bottom of the webpage [or the floating icon on the bottom-left of the webpage, if applicable]. Your choices will have effect within our Website. For more details, refer to our Privacy Policy. WE AND OUR PARTNERS PROCESS DATA TO PROVIDE: Use precise geolocation data. Actively scan device characteristics for identification. Store and/or access information on a device. Personalised advertising and content, advertising and content measurement, audience research and services development. List of Partners (vendors) I Accept Reject All Show Purposes ABOUT YOUR PRIVACY * YOUR PRIVACY * PERFORMANCE COOKIES * FUNCTIONAL COOKIES * STRICTLY NECESSARY COOKIES * TARGETING COOKIES * STORE AND/OR ACCESS INFORMATION ON A DEVICE 690 PARTNERS CAN USE THIS PURPOSE * PERSONALISED ADVERTISING AND CONTENT, ADVERTISING AND CONTENT MEASUREMENT, AUDIENCE RESEARCH AND SERVICES DEVELOPMENT 821 PARTNERS CAN USE THIS PURPOSE * USE PRECISE GEOLOCATION DATA 262 PARTNERS CAN USE THIS SPECIAL FEATURE * ACTIVELY SCAN DEVICE CHARACTERISTICS FOR IDENTIFICATION 129 PARTNERS CAN USE THIS SPECIAL FEATURE * ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS 524 PARTNERS CAN USE THIS SPECIAL PURPOSE * DELIVER AND PRESENT ADVERTISING AND CONTENT 526 PARTNERS CAN USE THIS SPECIAL PURPOSE * MATCH AND COMBINE DATA FROM OTHER DATA SOURCES 366 PARTNERS CAN USE THIS FEATURE * LINK DIFFERENT DEVICES 332 PARTNERS CAN USE THIS FEATURE * IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY 502 PARTNERS CAN USE THIS FEATURE * SAVE AND COMMUNICATE PRIVACY CHOICES 330 PARTNERS CAN USE THIS SPECIAL 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. User ID: 46a1261f-4d6c-49ff-a0b3-41391bf14381 This User ID will be used as a unique identifier while storing and accessing your preferences for future. Timestamp: -- List of IAB Vendors PERFORMANCE COOKIES Performance Cookies These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not know when you have visited our site, and will not be able to monitor its performance. FUNCTIONAL COOKIES Functional Cookies These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly. STRICTLY NECESSARY COOKIES Always Active These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information. TARGETING COOKIES Targeting Cookies These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising. STORE AND/OR ACCESS INFORMATION ON A DEVICE 690 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 821 PARTNERS CAN USE THIS PURPOSE Personalised advertising and content, advertising and content measurement, audience research and services development * USE LIMITED DATA TO SELECT ADVERTISING 634 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 508 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 502 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 225 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 199 PARTNERS CAN USE THIS PURPOSE Switch Label Content presented to you on this service can be based on your content personalisation profiles, which can reflect your activity on this or other services (for instance, the forms you submit, content you look at), possible interests and personal aspects. This can for example be used to adapt the order in which content is shown to you, so that it is even easier for you to find (non-advertising) content that matches your interests. View Illustrations * MEASURE ADVERTISING PERFORMANCE 737 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 369 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 461 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 552 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 134 PARTNERS CAN USE THIS PURPOSE Switch Label Switch Label Content presented to you on this service can be based on limited data, such as the website or app you are using, your non-precise location, your device type, or which content you are (or have been) interacting with (for example, to limit the number of times a video or an article is presented to you). View Illustrations List of IAB Vendors Consent Legitimate Interest USE PRECISE GEOLOCATION DATA 262 PARTNERS CAN USE THIS SPECIAL FEATURE Use precise geolocation data With your acceptance, your precise location (within a radius of less than 500 metres) may be used in support of the purposes explained in this notice. List of IAB Vendors Consent Legitimate Interest ACTIVELY SCAN DEVICE CHARACTERISTICS FOR IDENTIFICATION 129 PARTNERS CAN USE THIS SPECIAL FEATURE Actively scan device characteristics for identification With your acceptance, certain characteristics specific to your device might be requested and used to distinguish it from other devices (such as the installed fonts or plugins, the resolution of your screen) in support of the purposes explained in this notice. List of IAB Vendors ENSURE SECURITY, PREVENT AND DETECT FRAUD, AND FIX ERRORS 524 PARTNERS CAN USE THIS SPECIAL PURPOSE Always Active Your data can be used to monitor for and prevent unusual and possibly fraudulent activity (for example, regarding advertising, ad clicks by bots), and ensure systems and processes work properly and securely. It can also be used to correct any problems you, the publisher or the advertiser may encounter in the delivery of content and ads and in your interaction with them. List of IAB Vendors | View Illustrations DELIVER AND PRESENT ADVERTISING AND CONTENT 526 PARTNERS CAN USE THIS SPECIAL PURPOSE Always Active Certain information (like an IP address or device capabilities) is used to ensure the technical compatibility of the content or advertising, and to facilitate the transmission of the content or ad to your device. List of IAB Vendors | View Illustrations MATCH AND COMBINE DATA FROM OTHER DATA SOURCES 366 PARTNERS CAN USE THIS FEATURE Always Active Information about your activity on this service may be matched and combined with other information relating to you and originating from various sources (for instance your activity on a separate online service, your use of a loyalty card in-store, or your answers to a survey), in support of the purposes explained in this notice. List of IAB Vendors LINK DIFFERENT DEVICES 332 PARTNERS CAN USE THIS FEATURE Always Active In support of the purposes explained in this notice, your device might be considered as likely linked to other devices that belong to you or your household (for instance because you are logged in to the same service on both your phone and your computer, or because you may use the same Internet connection on both devices). List of IAB Vendors IDENTIFY DEVICES BASED ON INFORMATION TRANSMITTED AUTOMATICALLY 502 PARTNERS CAN USE THIS FEATURE Always Active Your device might be distinguished from other devices based on information it automatically sends when accessing the Internet (for instance, the IP address of your Internet connection or the type of browser you are using) in support of the purposes exposed in this notice. List of IAB Vendors SAVE AND COMMUNICATE PRIVACY CHOICES 330 PARTNERS CAN USE THIS SPECIAL PURPOSE Always Active The choices you make regarding the purposes and entities listed in this notice are saved and made available to those entities in the form of digital signals (such as a string of characters). This is necessary in order to enable both this service and those entities to respect such choices. List of IAB Vendors | View Illustrations 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