- Scan ID:
- 73da8767-dca3-4707-a195-da20313e84d7Finished
- Submitted URL:
- https://slidesgo.com
- Report Finished:
Links · 17 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://slidesgo-community.circle.so/c/slidesgo-academy | Slidesgo AcademyWork faster, teach better: boost your skills with our course |
| https://www.freepik.com/ | FreepikFree vectors, photos and PSD |
| https://www.flaticon.com/ | FlaticonFree customizable icons |
| https://wepik.com/ | WepikFree online template editor |
| https://storyset.com/ | StorysetFree editable illustrations |
| https://www.videvo.net/ | VidevoFree videos and motion graphics |
| https://www.facebook.com/groups/1129415331402945/ | Join now |
| https://forms.gle/mUYJ5G2oCnGoCAQE8 | Suggestion box |
| https://www.pinterest.es/slidesgo/ | |
| https://www.tiktok.com/@slidesgotemplates |
JavaScript Variables · 117 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| 1 | object |
| 2 | object |
| 3 | object |
| 4 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dataLayer | object |
| a | function |
Console log messages · 2 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| error | network |
|
| error | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en" data-lang="en"><head>
<link rel="preload" href="/images/logos/slidesgo-white.svg" as="image">
<script type="text/javascript" async="" src="https://t.contentsquare.net/uxa/3ecc58ec701f3.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-TKX201X3BN&l=dataLayer&cx=c"></script><script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" async=""></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-59RGLRK"></script><script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({"user_id":"","internal_user_id":"","user_type":"anonymous","user_login_status":"not-logged","user_registration_date":"no-disponible"});
</script>
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});
var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-59RGLRK');
</script>
<!-- Rendered on 2024-10-08 02:41:44 -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@font-face {
font-family: 'Degular';
src: url("/fonts/degular-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Degular';
src: url("/fonts/degular-semibold.woff2") format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Degular Fallback';
src: local(Liberation Serif), local(Times New Roman), local(serif);
size-adjust: 106%;
ascent-override: 92%;
descent-override: 34%;
line-gap-override: normal;
}
@font-face {
font-family: 'Inter';
src: url("/fonts/inter-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url("/fonts/inter-semibold.woff2") format("woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter';
src: url("/fonts/inter-bold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Inter Fallback';
src: local(Liberation Sans), local(Arial), local(sans-serif);
size-adjust: 106%;
ascent-override: 92%;
descent-override: 22%;
line-gap-override: normal;
}
</style>
<link href="/fonts/degular-semibold.woff2" as="font" type="font/woff2" crossorigin="">
<link href="/fonts/inter-regular.woff2" as="font" type="font/woff2" crossorigin="">
<link href="/fonts/inter-semibold.woff2" as="font" type="font/woff2" crossorigin="">
<link href="/fonts/degular-regular.woff2" as="font" type="font/woff2" crossorigin="">
<link href="/fonts/inter-bold.woff2" as="font" type="font/woff2" crossorigin="">
<meta property="og:image" content="/og-image.jpg">
<meta name="robots" content="max-image-preview:large">
<link rel="icon" href="/favicons/favicon.ico">
<link rel="icon" type="image/png" href="/favicons/apple-favicon-120x120.png">
<link rel="icon" type="image/png" sizes="152x152" href="/favicons/apple-favicon-152x152.png">
<link rel="icon" type="image/png" sizes="120x120" href="/favicons/apple-favicon-120x120.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-favicon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-favicon-152x152.png">
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-favicon-120x120.png">
<link rel="apple-touch-icon" href="/favicons/apple-favicon-180x180.png">
<link rel="apple-touch-icon-precomposed" href="/favicons/apple-favicon-180x180.png">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicons/apple-favicon-152x152.png">
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/favicons/apple-favicon-120x120.png">
<link rel="manifest" href="/favicons/site.webmanifest">
<meta name="msapplication-TileColor" content="#765186">
<meta name="theme-color" content="#765186">
<script>
function a(){try{return document.cookie.match(new RegExp("(^| )_gid=([^;]+)"))[2]}catch{}return null}function l(n){var e=[];for(var r in n)n.hasOwnProperty(r)&&e.push(encodeURIComponent(r)+"="+encodeURIComponent(n[r]));return e.join("&")}window.trackCustom=(n,e)=>{let r=a();const i=new URL(window.location).pathname.match("^\\/[a-z]{2}(-[a-z]{2})?\\/");let t=i===null?"en":i[0].replaceAll("/","");["en","es","pt","fr","de","ko"].includes(t)||(t="en");const s=new URLSearchParams(window.location.search);let u=window.slg.nextSearchExpression||s.get("q"),g=s.get("page")||1;const w=window.location.hash.substr(1).split("&").reduce((c,m)=>{const[p,f]=m.split("=");return c[p]=f,c},{}),d=new Image;e.path=window.location.pathname.substr(1),e.ga_client_id=r||"",e.lang=t,e.user_type=window.slg.userType,e.user_id=window.slg.fpUserId,e.slidesgo_user_id=window.slg.userId,e.referrer=document.referrer||"",e.filters=l({color:s.get("color")===null?"":s.get("color"),order:s.get("order")===null?"":s.get("order"),premium:s.get("premium")===null?"":s.get("premium")}),e.content_group=window.slg.viewTag||"",e.tag=window.slg.contentTag||"",e.search=e.search||u||"",e.page=g||1,e.totalResults=window.slg.totalResults||"",e.referral_source=w.rs||"",e.original_search=s.get("q"),d.src=`/track?event=${n}&${l(e)}`};window.trackAll=trackAll=()=>{const n=Object.values(window.views).filter(e=>!(e.tracked||(e.visibleSince&&(e.timeOnScreen+=new Date-e.visibleSince),e.timeOnScreen<2e3)));if(n.length){const e=n.map(r=>r.el.dataset.id);n.forEach(r=>r.tracked=!0),trackCustom("impression",{articles:e})}};window.createIntersectionObserver=()=>new IntersectionObserver((n,e)=>{n.forEach(r=>{let i=r.target,t=window.views[i.dataset.slug]||{el:i,timeOnScreen:0,visibleSince:null,tracked:!1};r.isIntersecting?t.visibleSince=new Date:t.visibleSince&&(t.timeOnScreen+=new Date-t.visibleSince,t.visibleSince=null),window.views[i.dataset.slug]=t})},{threshold:1});window.trackAnalytic=function(n,e,r,i=null){if(n==="premium"||n==="subscription"&&e==="onload_EndProcess"){let t=a();const o=new Image,s={ga_client_id:t||"",user_id:window.slg.fpUserId,slidesgo_user_id:window.slg.userId,category:n,action:n==="subscription"?"onload_end-process":e,label:r};r==="detailp-gopremium"&&i&&(s.item_id=i),o.src=`/track?event=${n}&${l(s)}`}};
</script>
<meta name="p:domain_verify" content="728b70bf6f2ea14d45a79774bb890f10">
<title>Free Google Slides themes and Powerpoint templates | Slidesgo</title>
<meta name="description" content="Discover the best Google Slides themes and PowerPoint templates you can use in your presentations - 100% Free for any use.">
<link rel="preload" as="style" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/app-FgseFRTM.css"><link rel="stylesheet" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/app-FgseFRTM.css" data-navigate-track="reload"><style>
.below-the-fold {
content-visibility: auto;
contain-intrinsic-size: 377px;
}
</style>
<meta name="robots" content="index,follow">
<link rel="alternate" hreflang="pt" href="https://slidesgo.com/pt/">
<link rel="alternate" hreflang="es" href="https://slidesgo.com/es/">
<link rel="alternate" hreflang="en" href="https://slidesgo.com">
<link rel="alternate" hreflang="fr" href="https://slidesgo.com/fr/">
<link rel="alternate" hreflang="de" href="https://slidesgo.com/de/">
<link rel="alternate" hreflang="ko" href="https://slidesgo.com/ko/">
<link rel="alternate" hreflang="x-default" href="https://slidesgo.com">
<link rel="canonical" href="https://slidesgo.com">
<script>
if( window.innerWidth > 768 ) {
const scrollPaginationActive = 'home' === 'search';
var ssmCodes = document.createElement('script');
ssmCodes.type = 'text/javascript';
ssmCodes.src = scrollPaginationActive ? 'https://ssm.codes/smart-tag/slidesgosearch.js' : 'https://ssm.codes/smart-tag/slidesgocom.js?v=1';
ssmCodes.async = true;
document.getElementsByTagName('head')[0].appendChild(ssmCodes);
}
</script><script type="text/javascript" src="https://ssm.codes/smart-tag/slidesgocom.js?v=1" async=""></script>
<!-- Livewire Styles --><style>[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style>
<link rel="preload" imagesrcset="https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_459_258.jpg 459w" imagesizes="(min-width: 1200px) 363px, (min-width: 992px) 298px, (min-width: 768px) 345px, calc(100vw - 2rem)" as="image">
<style id="googleidentityservice_button_styles">.qJTHM{-moz-user-select:none;color:#202124;direction:ltr;font-family:"Roboto-Regular",arial,sans-serif;font-weight:400;margin:0;overflow:hidden}.ynRLnc{left:-9999px;position:absolute;top:-9999px}.L6cTce{display:none}.bltWBb{word-break:break-all}.hSRGPd{color:#1a73e8;cursor:pointer;font-weight:500;text-decoration:none}.Bz112c-W3lGp{height:16px;width:16px}.Bz112c-E3DyYd{height:20px;width:20px}.Bz112c-r9oPif{height:24px;width:24px}.Bz112c-uaxL4e{-moz-border-radius:10px;border-radius:10px}.LgbsSe-Bz112c{display:block}.S9gUrf-YoZ4jf,.S9gUrf-YoZ4jf *{border:none;margin:0;padding:0}.fFW7wc-ibnC6b>.aZ2wEe>div{border-color:#4285f4}.P1ekSe-ZMv3u>div:nth-child(1){background-color:#1a73e8!important}.P1ekSe-ZMv3u>div:nth-child(2),.P1ekSe-ZMv3u>div:nth-child(3){background-image:linear-gradient(to right,rgba(255,255,255,.7),rgba(255,255,255,.7)),linear-gradient(to right,#1a73e8,#1a73e8)!important}.haAclf{display:inline-block}.nsm7Bb-HzV7m-LgbsSe{border-radius:4px;box-sizing:border-box;transition:background-color .218s,border-color .218s;-moz-user-select:none;background-color:#fff;background-image:none;border:1px solid #dadce0;color:#3c4043;cursor:pointer;font-family:"Google Sans",arial,sans-serif;font-size:14px;height:40px;letter-spacing:0.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}@media screen and (-ms-high-contrast:active){.nsm7Bb-HzV7m-LgbsSe{border:2px solid windowText;color:windowText}}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe{font-size:14px;height:32px;letter-spacing:0.25px;padding:0 10px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe{font-size:11px;height:20px;letter-spacing:0.3px;padding:0 8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe{padding:0;width:40px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe{width:32px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe{width:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK{border-radius:20px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.pSzOP-SxQuSe{border-radius:16px}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK.purZT-SxQuSe{border-radius:10px}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc{border:none;color:#fff}.nsm7Bb-HzV7m-LgbsSe.MFS4be-v3pZbf-Ia7Qfc{background-color:#1a73e8}.nsm7Bb-HzV7m-LgbsSe.MFS4be-JaPV2b-Ia7Qfc{background-color:#202124;color:#e8eaed}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:18px;margin-right:8px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:14px;min-width:14px;width:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{height:10px;min-width:10px;width:10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin-left:8px;margin-right:-4px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:10px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:8px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c{padding:4px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:3px;border-bottom-left-radius:3px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;background-color:#fff;height:36px;margin-left:-10px;margin-right:12px;min-width:36px;width:36px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c,.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf .nsm7Bb-HzV7m-LgbsSe-Bz112c{margin:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:28px;margin-left:-8px;margin-right:10px;min-width:28px;width:28px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{height:16px;margin-left:-6px;margin-right:8px;min-width:16px;width:16px}.nsm7Bb-HzV7m-LgbsSe.Bz112c-LgbsSe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:3px;margin-left:2px;margin-right:0;padding:0}.nsm7Bb-HzV7m-LgbsSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.nsm7Bb-HzV7m-LgbsSe.pSzOP-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:14px}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:8px}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-bN97Pc-sM5MNb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;flex-direction:row;justify-content:space-between;flex-wrap:nowrap;height:100%;position:relative;width:100%}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX{justify-content:center}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{flex-grow:1;font-family:"Google Sans",arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.nsm7Bb-HzV7m-LgbsSe.purZT-SxQuSe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-weight:300}.nsm7Bb-HzV7m-LgbsSe .oXtfBe-l4eHX .nsm7Bb-HzV7m-LgbsSe-BPrWId{flex-grow:0}.nsm7Bb-HzV7m-LgbsSe .nsm7Bb-HzV7m-LgbsSe-MJoBVe{transition:background-color .218s;bottom:0;left:0;position:absolute;right:0;top:0}.nsm7Bb-HzV7m-LgbsSe:hover,.nsm7Bb-HzV7m-LgbsSe:focus{box-shadow:none;border-color:#d2e3fc;outline:none}.nsm7Bb-HzV7m-LgbsSe:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.04)}.nsm7Bb-HzV7m-LgbsSe:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(66,133,244,.1)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:hover .nsm7Bb-HzV7m-LgbsSe-MJoBVe,.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:focus .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.24)}.nsm7Bb-HzV7m-LgbsSe.MFS4be-Ia7Qfc:active .nsm7Bb-HzV7m-LgbsSe-MJoBVe{background:rgba(255,255,255,.32)}.nsm7Bb-HzV7m-LgbsSe .n1UuX-DkfjY{border-radius:50%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:20px;margin-left:-4px;margin-right:8px;min-width:20px;width:20px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId{font-family:"Roboto";font-size:12px;text-align:left}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .ssJRIf,.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .fmcmS{overflow:hidden;text-overflow:ellipsis}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;color:#5f6368;fill:#5f6368;font-size:11px;font-weight:400}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.MFS4be-Ia7Qfc .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff{color:#e8eaed;fill:#e8eaed}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-BPrWId .K4efff .Bz112c{height:18px;margin:-3px -3px -3px 2px;min-width:18px;width:18px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px;margin-left:12px;margin-right:-10px}.nsm7Bb-HzV7m-LgbsSe.jVeSEe.JGcpL-RbRzK .nsm7Bb-HzV7m-LgbsSe-Bz112c-haAclf{border-radius:18px}.L5Fo6c-sM5MNb{border:0;display:block;left:0;position:relative;top:0}.L5Fo6c-bF1uUb{-moz-border-radius:4px;border-radius:4px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.L5Fo6c-bF1uUb:focus{border:none;outline:none}sentinel{}</style><script async="" src="https://static.hotjar.com/c/hotjar-1330819.js?sv=6"></script><style>/* Make clicks pass-through */
#nprogress {
pointer-events: none;
}
#nprogress .bar {
background: var(--livewire-progress-bar-color, #29d);
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px var(--livewire-progress-bar-color, #29d), 0 0 5px var(--livewire-progress-bar-color, #29d);
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 15px;
right: 15px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: var(--livewire-progress-bar-color, #29d);
border-left-color: var(--livewire-progress-bar-color, #29d);
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
overflow: hidden;
position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style><link id="googleidentityservice" type="text/css" media="all" href="https://accounts.google.com/gsi/style" rel="stylesheet"><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><script src="https://securepubads.g.doubleclick.net/pagead/managed/js/gpt/m202410030101/pubads_impl.js" async=""></script><script async="" src="https://script.hotjar.com/modules.c455055d4255707cc766.js" charset="utf-8"></script><script src="https://script.hotjar.com/browser-perf.8417c6bba72228fa2e29.js"></script></head>
<body class="bg-background text-gray-600 font-base min-h-screen flex flex-col overflow-y-scroll relative">
<script>
function gtmPush() {
}
addEventListener("load", gtmPush);
</script>
<noscript>
<iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-59RGLRK"
height="0"
width="0"
style="display:none;visibility:hidden"
></iframe>
</noscript>
<div x-data="barLang('{"en":{"home.bar_lang":"Slidesgo is also available in English!","home.bar_lang_llevame":"Show me","url":"https:\/\/slidesgo.com"},"es":{"home.bar_lang":"\u00a1Slidesgo tambi\u00e9n est\u00e1 disponible en castellano!","home.bar_lang_llevame":"Vis\u00edtanos","url":"https:\/\/slidesgo.com\/es"},"pt":{"home.bar_lang":"Slidesgo tamb\u00e9m est\u00e1 dispon\u00edvel em portugu\u00eas!","home.bar_lang_llevame":"Vamos l\u00e1!","url":"https:\/\/slidesgo.com\/pt"},"fr":{"home.bar_lang":"Slidesgo est aussi disponible en fran\u00e7ais!","home.bar_lang_llevame":"C\u2019est parti!","url":"https:\/\/slidesgo.com\/fr"},"de":{"home.bar_lang":"Slidesgo ist auch auf Deutsch verf\u00fcgbar","home.bar_lang_llevame":"Anzeigen","url":"https:\/\/slidesgo.com\/de"},"ko":{"home.bar_lang":"Slidesgo\ub294 \ud55c\uad6d\uc5b4\ub85c\ub3c4 \uc81c\uacf5\ub429\ub2c8\ub2e4!","home.bar_lang_llevame":"\ubcf4\uc5ec\uc8fc\uc138\uc694","url":"https:\/\/slidesgo.com\/ko"}}')">
<template x-if="browserLanguage">
<div x-show="showModal" class="bar-lang bar-lang-en bg-gray-900 text-white font-medium text-base sm:text-lg whitespace-nowrap h-10 flex flex-col justify-center sm:items-center bottom-0 left-0 bg-opacity-75 sm:mb-16 opacity-0 rounded pl-2 sm:pl-4 pr-8 sm:pr-10 z-20">
<p class="flex items-center pl-2 sm:pl-0">
<span x-text="translations[browserLanguage]['home.bar_lang']"></span>
<a x-bind:href="translations[browserLanguage]['url']" x-bind:hreflang="browserLanguage" class="font-semibold ml-1 sm:ml-2 underline hover:text-blue-400" x-text="translations[browserLanguage]['home.bar_lang_llevame']"></a>
</p>
<button aria-label="Close Button" @click="window.localStorage.ignoreLanguage = 1; showModal = false;" class="absolute right-0 h-8 w-8 sm:w-10 flex items-center justify-center opacity-75 hover:opacity-100">
<svg alt="Close icon" loading="lazy" class="fill-current h-3 w-3 fill-current" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg"><path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"></path><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>
</div>
</template>
</div>
<div x-data="" class="flex sticky top-0 left-0 right-0 z-30">
<header class="home-topnav parent-inverted transition-all duration-200 header flex flex-1 items-center xl:block h-16 left-0 right-0 text-base bg-white border-gray-100 border-b parent-inverted:bg-purple-600 parent-inverted:border-transparent [.scrolled&]:shadow-md [.scrolled&]:sm:shadow-none">
<div class="flex items-center justify-between h-16 w-full h-full px-4 sm:px-6">
<button @click="$dispatch('display-nav-menu')" class="mr-0 md:mr-4 xl:hidden sm:ml-5 sm:order-last" aria-label="Menu button">
<svg class="h-5 w-5 inverted:text-white fill-current" alt="Menu icon" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.757576 3.61494H13.2424C13.6608 3.61494 14 3.27576 14 2.85737C14 2.43897 13.6608 2.09979 13.2424 2.09979H0.757576C0.339182 2.09979 0 2.43897 0 2.85737C0 3.27576 0.339182 3.61494 0.757576 3.61494ZM13.2424 7.85732H0.757576C0.339182 7.85732 0 7.51814 0 7.09974C0 6.68135 0.339182 6.34217 0.757576 6.34217H13.2424C13.6608 6.34217 14 6.68135 14 7.09974C14 7.51814 13.6608 7.85732 13.2424 7.85732ZM13.2424 12.0997H0.757576C0.339182 12.0997 0 11.7605 0 11.3421C0 10.9237 0.339182 10.5845 0.757576 10.5845H13.2424C13.6608 10.5845 14 10.9237 14 11.3421C14 11.7605 13.6608 12.0997 13.2424 12.0997Z"></path>
</svg>
</button>
<div class="sm:translate-x-0 sm:relative sm:left-auto sm:px-2 text-center mr-4 xl:mr-9">
<a href="https://slidesgo.com" class="logo">
<img id="header-logo" src="/images/logos/slidesgo.svg" alt="Slidesgo" height="24" width="157.14" loading="lazy">
</a>
</div>
<div class="hidden xl:flex justify-between">
<div class="flex items-center">
<div class="hidden xl:flex justify-between h-full">
<div class="flex items-center">
<div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer">
<div class="flex items-center">
<span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900
inverted:text-white inverted:group-hover:text-gray-100">
Create </span>
<div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800">
<svg class="absolute h-full w-4 inline-block rotate-90
transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
<svg class="absolute h-full w-4 inline-block -rotate-90
-translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100
group-hover:text-gray-900 group-hover:translate-y-0
inverted:group-hover:text-gray-100 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
</div>
</div>
<div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 leading-relaxed text-gray-800">
<svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current">
<use xlink:href="#icon-nav-caret-dropdown-menu"></use>
</svg>
<div class="absolute left-0 top-10 -translate-x-56 2xl:-translate-x-20 py-5 px-6
flex w-[1200px] min-h-[348px] bg-white rounded shadow-md lg:w-screen-lg">
<div class="w-7/12 box-content pr-8">
<div class="pl-1.5 pb-2.5 flex items-center border-b border-gray-75">
<svg class="h-4 w-auto text-gray-400 fill-current" width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
<path d="M9.96875 12.375H6.03125V9.14062H9.96875V12.375Z"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4607 4.74701C10.4607 5.23217 10.8544 5.62592 11.3396 5.62592H15.2422V15.3633C15.2422 16.6219 14.2156 17.6484 12.957 17.6484H3.04297C1.78438 17.6484 0.757812 16.6219 0.757812 15.3633V2.63672C0.757812 1.37813 1.78438 0.351562 3.04297 0.351562H10.4607L10.4607 4.74701ZM5.1875 5.625H7.33203C7.81719 5.625 8.21094 5.23125 8.21094 4.74609C8.21094 4.26094 7.81719 3.86719 7.33203 3.86719H5.1875C4.70234 3.86719 4.30859 4.26094 4.30859 4.74609C4.30859 5.23125 4.70234 5.625 5.1875 5.625ZM10.8477 7.38281H5.15234C4.66719 7.38281 4.27344 7.77656 4.27344 8.26172V13.2539C4.27344 13.7391 4.66719 14.1328 5.15234 14.1328H10.8477C11.3328 14.1328 11.7266 13.7391 11.7266 13.2539V8.26172C11.7266 7.77656 11.3328 7.38281 10.8477 7.38281Z"></path>
<path d="M12.2185 1.35677V3.8681H14.7298L12.2185 1.35677Z"></path>
</svg>
<span class="ml-2 text-base font-semibold whitespace-nowrap">
By content type </span>
</div>
<div class="grid grid-cols-3 my-1.5 gap-x-4">
<a href="https://slidesgo.com/social-media#from_element=main_menu" data-option="create.content_type.social_media" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Social Media</span>
</a>
<a href="https://slidesgo.com/marketing-plan#from_element=main_menu" data-option="create.content_type.marketing_plan" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Marketing Plan</span>
</a>
<a href="https://slidesgo.com/calendar-weather#from_element=main_menu" data-option="create.content_type.calendar_weather" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Calendar & Weather</span>
</a>
<a href="https://slidesgo.com/background#from_element=main_menu" data-option="create.content_type.background" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Background</span>
</a>
<a href="https://slidesgo.com/research#from_element=main_menu" data-option="create.content_type.research" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Research</span>
</a>
<a href="https://slidesgo.com/pitch-deck#from_element=main_menu" data-option="create.content_type.pitch_deck" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Pitch Deck</span>
</a>
<a href="https://slidesgo.com/infographics#from_element=main_menu" data-option="create.content_type.infographics" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Infographics</span>
</a>
<a href="https://slidesgo.com/planner#from_element=main_menu" data-option="create.content_type.planner" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Planner</span>
</a>
<a href="https://slidesgo.com/notebook#from_element=main_menu" data-option="create.content_type.notebook" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Notebook</span>
</a>
<a href="https://slidesgo.com/a4#from_element=main_menu" data-option="create.content_type.a4" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>A4</span>
</a>
<a href="https://slidesgo.com/portfolio#from_element=main_menu" data-option="create.content_type.portfolio" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Portfolio</span>
</a>
<a href="https://slidesgo.com/lesson#from_element=main_menu" data-option="create.content_type.lesson" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Lesson</span>
</a>
<a href="https://slidesgo.com/school#from_element=main_menu" data-option="create.content_type.school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>School</span>
</a>
<a href="https://slidesgo.com/meeting#from_element=main_menu" data-option="create.content_type.meeting" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Meeting</span>
</a>
<a href="https://slidesgo.com/newsletter#from_element=main_menu" data-option="create.content_type.newsletter" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Newsletter</span>
</a>
<a href="https://slidesgo.com/thesis-defense#from_element=main_menu" data-option="create.content_type.thesis_defense" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Thesis Defense</span>
</a>
<a href="https://slidesgo.com/project-proposal#from_element=main_menu" data-option="create.content_type.project_proposal" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Project Proposal</span>
</a>
<a href="https://slidesgo.com/presentation-maker#from_element=main_menu" data-option="create.presentation_maker" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 whitespace-nowrap">
<span>
Editable templates </span>
</a>
</div>
</div>
<div class="w-2/12 box-content px-8">
<div class="pl-1.5 pb-2.5 flex items-center border-b border-gray-75">
<svg class="h-4 w-auto text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73171 2.6748H12.1504C13.1691 2.6748 14 3.50569 14 4.52439V6.26755C13.7855 7.01555 13.0043 7.57237 12.0777 7.57237H1.92232C0.99572 7.57237 0.214545 7.01555 0 6.26754V4.52439C0 3.50569 0.830894 2.6748 1.84959 2.6748H4.26829V1.84959C4.26829 0.830894 5.09919 0 6.11789 0H7.88211C8.90081 0 9.73171 0.830894 9.73171 1.84959V2.6748ZM6.11786 1.42277C5.88169 1.42277 5.69103 1.61342 5.69103 1.84959V2.6748H8.30892V1.84959C8.30892 1.61342 8.11827 1.42277 7.88209 1.42277H6.11786Z"></path>
<path d="M0 7.82692V12.1504C0 13.1691 0.830894 14 1.84959 14H12.1504C13.1691 14 14 13.1691 14 12.1504V7.82693C13.7854 8.50778 13.0043 9.01461 12.0777 9.01461H7.68359V9.43003C7.68359 9.80738 7.37734 10.1136 7 10.1136C6.62266 10.1136 6.31641 9.80738 6.31641 9.43003V9.01461H1.92232C0.99572 9.01461 0.214545 8.50777 0 7.82692Z"></path>
</svg>
<span class="ml-2 text-base font-semibold whitespace-nowrap">
By industry </span>
</div>
<div class="my-1.5">
<a href="https://slidesgo.com/education#from_element=main_menu" data-option="create.industry.education" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Education</span>
</a>
<a href="https://slidesgo.com/business#from_element=main_menu" data-option="create.industry.business" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Business</span>
</a>
<a href="https://slidesgo.com/marketing#from_element=main_menu" data-option="create.industry.marketing" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Marketing</span>
</a>
<a href="https://slidesgo.com/technology#from_element=main_menu" data-option="create.industry.technology" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Technology</span>
</a>
<a href="https://slidesgo.com/medical#from_element=main_menu" data-option="create.industry.medical" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span>Medical</span>
</a>
</div>
</div>
<div class="w-3/12 box-content pl-8">
<div class="pl-1.5 pb-2.5 flex items-center border-b border-gray-75">
<svg class="h-4 w-auto text-gray-400 fill-current" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7146_114172)">
<path d="M17.5765 7.4505L16.193 7.14975C16.0727 6.78143 15.9237 6.42218 15.7478 6.07611L16.5137 4.88478C16.6505 4.67192 16.6204 4.39246 16.4416 4.21365L14.2863 2.05841C14.1075 1.87961 13.8281 1.84953 13.6152 1.98631L12.4239 2.7522C12.0778 2.57628 11.7186 2.42728 11.3503 2.30698L11.0495 0.923523C10.9958 0.676331 10.7769 0.5 10.5239 0.5H7.47606C7.2231 0.5 7.0042 0.676331 6.9505 0.923523L6.64975 2.30698C6.28143 2.42728 5.92218 2.57628 5.57611 2.7522L4.38478 1.98631C4.17192 1.84953 3.89246 1.87961 3.71365 2.05841L1.55841 4.21365C1.37961 4.39246 1.34953 4.67192 1.48631 4.88478L2.2522 6.07611C2.07628 6.42218 1.92728 6.78143 1.80698 7.14975L0.423523 7.4505C0.176331 7.50433 0 7.7231 0 7.97606V11.0239C0 11.2769 0.176331 11.4957 0.423523 11.5495L1.80698 11.8503C1.92728 12.2186 2.07628 12.5778 2.2522 12.9239L1.48631 14.1152C1.34953 14.3281 1.37961 14.6075 1.55841 14.7863L3.71365 16.9416C3.89246 17.1204 4.17192 17.1505 4.38478 17.0137L5.57611 16.2478C5.92218 16.4237 6.28143 16.5727 6.64975 16.693L6.9505 18.0765C7.0042 18.3237 7.2231 18.5 7.47606 18.5H10.5239C10.7769 18.5 10.9958 18.3237 11.0495 18.0765L11.3503 16.693C11.7186 16.5727 12.0778 16.4237 12.4239 16.2478L13.6152 17.0137C13.8281 17.1505 14.1075 17.1205 14.2863 16.9416L16.4416 14.7863C16.6204 14.6075 16.6505 14.3281 16.5137 14.1152L15.7478 12.9239C15.9237 12.5778 16.0727 12.2186 16.193 11.8503L17.5765 11.5495C17.8237 11.4957 18 11.2769 18 11.0239V7.97606C18 7.7231 17.8237 7.50433 17.5765 7.4505ZM12.2271 9.5C12.2271 11.2794 10.7794 12.7271 9 12.7271C7.22063 12.7271 5.7729 11.2794 5.7729 9.5C5.7729 7.72063 7.22063 6.2729 9 6.2729C10.7794 6.2729 12.2271 7.72063 12.2271 9.5Z" fill="#B1B1B1"></path>
</g>
<defs>
<clipPath id="clip0_7146_114172">
<rect width="18" height="18" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
<span class="ml-2 text-base font-semibold whitespace-nowrap">
Tools </span>
</div>
<div class="my-1.5">
<a href="https://slidesgo.com/ai-presentations#from_element=main_menu" data-option="create.ai_presentations" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<div>
<span>AI presentation maker</span>
</div>
<span class="text-gray-600">Create presentations in minutes with AI</span>
</a>
<a href="https://slidesgo.com/slideshow-maker#from_element=main_menu" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<div>
<span>Create Slideshows</span>
</div>
<span class="text-gray-600">Online editor from scratch</span>
</a>
<a href="https://slidesgo.com/ai#from_element=main_menu" data-option="create.content_type.ai_tools_for_education" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<div>
<span>AI tools for education</span>
</div>
<span class="text-gray-600">Start creating with AI, for teachers and students</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer">
<div class="flex items-center">
<span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900
inverted:text-white inverted:group-hover:text-gray-100">
Explore </span>
<div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800">
<svg class="absolute h-full w-4 inline-block rotate-90
transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
<svg class="absolute h-full w-4 inline-block -rotate-90
-translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100
group-hover:text-gray-900 group-hover:translate-y-0
inverted:group-hover:text-gray-100 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
</div>
</div>
<div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-800">
<svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current">
<use xlink:href="#icon-nav-caret-dropdown-menu"></use>
</svg>
<div class="absolute top-10 left-0 -translate-x-52 2xl:-translate-x-20 flex
w-[1060px] lg:w-screen-lg bg-white rounded shadow-md">
<div class="w-full flex my-5 mx-7">
<div class="flex-auto">
<div class="pl-1.5 pb-2.5 flex items-center border-b border-gray-75">
<svg class="h-4 w-auto text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.90869 13.9425C5.78466 13.9425 5.65973 13.9295 5.53558 13.9031C3.99148 13.5743 2.5873 12.7169 1.5817 11.489C0.561723 10.2434 0 8.66927 0 7.05667C0 5.18939 0.72647 3.43318 2.04559 2.11158C3.36452 0.790192 5.11898 0.0604141 6.98576 0.056668L6.9999 0.0566406C10.8421 0.0566406 13.9809 3.17801 13.9999 7.02129C14.0001 7.05908 14 7.09684 13.9996 7.13457C13.9898 8.03136 13.6296 8.87232 12.9855 9.50251C12.3448 10.1294 11.4981 10.4747 10.6013 10.4747H8.64064C8.11293 10.4747 7.6836 10.904 7.6836 11.4317V12.1646C7.6836 12.7035 7.44336 13.2071 7.02448 13.5461C6.70415 13.8054 6.31147 13.9425 5.90869 13.9425ZM7.00001 4.1582C6.54769 4.1582 6.1797 3.79021 6.1797 3.33789C6.1797 2.88557 6.54769 2.51758 7.00001 2.51758C7.45233 2.51758 7.82032 2.88557 7.82032 3.33789C7.82032 3.79021 7.45233 4.1582 7.00001 4.1582ZM9.62915 5.24782C9.17683 5.24782 8.80883 4.87983 8.80883 4.42751C8.80883 3.97519 9.17683 3.6072 9.62915 3.6072C10.0815 3.6072 10.4495 3.97519 10.4495 4.42751C10.4495 4.87983 10.0815 5.24782 9.62915 5.24782ZM2.46094 7.05664C2.46094 7.50896 2.82893 7.87695 3.28125 7.87695C3.73358 7.87695 4.10157 7.50896 4.10157 7.05664C4.10157 6.60432 3.73358 6.23633 3.28125 6.23633C2.82893 6.23633 2.46094 6.60432 2.46094 7.05664ZM4.37087 5.24782C3.91855 5.24782 3.55056 4.87983 3.55056 4.42751C3.55056 3.97519 3.91855 3.6072 4.37087 3.6072C4.82319 3.6072 5.19118 3.97519 5.19118 4.42751C5.19118 4.87983 4.82319 5.24782 4.37087 5.24782Z"></path>
</svg>
<span class="ml-2 font-semibold">
By color </span>
</div>
<div class="my-2 grid grid-rows-7 grid-flow-col">
<a href="https://slidesgo.com/purple#from_element=main_menu" data-option="explore.color.purple" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #4949e7"></span>
<span>Purple</span>
</a>
<a href="https://slidesgo.com/red#from_element=main_menu" data-option="explore.color.red" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ec3a3b"></span>
<span>Red</span>
</a>
<a href="https://slidesgo.com/blue#from_element=main_menu" data-option="explore.color.blue" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #5EB2FC"></span>
<span>Blue</span>
</a>
<a href="https://slidesgo.com/green#from_element=main_menu" data-option="explore.color.green" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #69E781"></span>
<span>Green</span>
</a>
<a href="https://slidesgo.com/white#from_element=main_menu" data-option="explore.color.white" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-gray-200" style="background: #ffffff"></span>
<span>White</span>
</a>
<a href="https://slidesgo.com/black#from_element=main_menu" data-option="explore.color.black" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #1d262d"></span>
<span>Black</span>
</a>
<a href="https://slidesgo.com/yellow#from_element=main_menu" data-option="explore.color.yellow" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fcbd24"></span>
<span>Yellow</span>
</a>
<a href="https://slidesgo.com/pink#from_element=main_menu" data-option="explore.color.pink" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ff7893"></span>
<span>Pink</span>
</a>
<a href="https://slidesgo.com/orange#from_element=main_menu" data-option="explore.color.orange" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #eb7d16"></span>
<span>Orange</span>
</a>
<a href="https://slidesgo.com/brown#from_element=main_menu" data-option="explore.color.brown" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #60341a"></span>
<span>Brown</span>
</a>
<a href="https://slidesgo.com/cream#from_element=main_menu" data-option="explore.color.cream" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fff8df"></span>
<span>Cream</span>
</a>
<a href="https://slidesgo.com/gray#from_element=main_menu" data-option="explore.color.gray" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #869FB2"></span>
<span>Gray</span>
</a>
<a href="https://slidesgo.com/gold#from_element=main_menu" data-option="explore.color.gold" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ccae4e"></span>
<span>Gold</span>
</a>
<a href="https://slidesgo.com/silver#from_element=main_menu" data-option="explore.color.silver" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #c0c0c0"></span>
<span>Silver</span>
</a>
</div>
</div>
<div class="w-1/5 ml-12">
<div class="pl-1.5 pb-2.5 flex items-center border-b border-gray-75">
<svg class="h-4 w-auto text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path d="M13.043 5.61914C12.6656 5.61914 12.3594 5.92539 12.3594 6.30273V11.4297C12.3594 11.4898 12.3457 11.55 12.3211 11.602L10.2457 9.52656C10.1172 9.39805 9.94492 9.32695 9.76172 9.32695C9.57852 9.32695 9.40625 9.39805 9.27773 9.52656L8.36719 10.4344L5.15977 7.22695C4.8918 6.95898 4.45977 6.95898 4.1918 7.22695L1.64062 9.77813V3.71875C1.64062 3.4918 1.82383 3.30859 2.05078 3.30859H7.82031C8.19766 3.30859 8.50391 3.00234 8.50391 2.625C8.50391 2.24766 8.19766 1.94141 7.82031 1.94141H2.05078C1.07188 1.94141 0.273438 2.73984 0.273438 3.71875V11.4297C0.273438 11.4406 0.273438 11.4516 0.273438 11.4625C0.292578 12.4277 1.08008 13.207 2.05078 13.207H11.9492C12.9281 13.207 13.7266 12.4086 13.7266 11.4297V6.30273C13.7266 5.92539 13.4203 5.61914 13.043 5.61914Z"></path>
<path d="M13.7786 2.38164L12.7751 1.99883C12.6821 1.96328 12.611 1.89219 12.5755 1.79922L12.1927 0.795703C12.0806 0.500391 11.6622 0.500391 11.5501 0.795703L11.1673 1.79922C11.1317 1.89219 11.0606 1.96328 10.9677 1.99883L9.96416 2.38164C9.66885 2.49375 9.66885 2.91211 9.96416 3.02422L10.9677 3.40703C11.0606 3.44258 11.1317 3.51367 11.1673 3.60664L11.5501 4.61016C11.6622 4.90547 12.0806 4.90547 12.1927 4.61016L12.5755 3.60664C12.611 3.51367 12.6821 3.44258 12.7751 3.40703L13.7786 3.02422C14.0739 2.91211 14.0739 2.49375 13.7786 2.38164Z"></path>
<path d="M8.03369 6.45293L8.61885 6.67715C8.70635 6.70996 8.77745 6.78106 8.81026 6.86856L9.03448 7.45372C9.14385 7.73809 9.54854 7.73809 9.65518 7.45372L9.8794 6.86856C9.91221 6.78106 9.98331 6.70996 10.0708 6.67715L10.656 6.45293C10.9403 6.34356 10.9403 5.93887 10.656 5.83223L10.0708 5.60801C9.98331 5.5752 9.91221 5.5041 9.8794 5.4166L9.65518 4.83145C9.54581 4.54707 9.14112 4.54707 9.03448 4.83145L8.81026 5.4166C8.77745 5.5041 8.70635 5.5752 8.61885 5.60801L8.03369 5.83223C7.74658 5.9416 7.74658 6.34629 8.03369 6.45293Z"></path>
</svg>
<span class="ml-2 font-semibold">
By style </span>
</div>
<div class="my-2">
<a href="https://slidesgo.com/creative#from_element=main_menu" data-option="explore.style.creative" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Creative</span>
</a>
<a href="https://slidesgo.com/simple#from_element=main_menu" data-option="explore.style.simple" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Simple</span>
</a>
<a href="https://slidesgo.com/illustration#from_element=main_menu" data-option="explore.style.illustration" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Illustration</span>
</a>
<a href="https://slidesgo.com/minimalist#from_element=main_menu" data-option="explore.style.minimalist" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Minimalist</span>
</a>
<a href="https://slidesgo.com/vintage#from_element=main_menu" data-option="explore.style.vintage" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Vintage</span>
</a>
<a href="https://slidesgo.com/aesthetic#from_element=main_menu" data-option="explore.style.aesthetic" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Aesthetic</span>
</a>
<a href="https://slidesgo.com/cute#from_element=main_menu" data-option="explore.style.cute" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center">
<span>Cute</span>
</a>
</div>
</div>
<div class="w-1/3 ml-12">
<div class="pl-1.5 pb-2.5 flex items-center border-b border-gray-75">
<svg class="h-4 w-auto text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8824 13.3556C10.7738 13.3556 10.6648 13.3297 10.565 13.2772L6.98637 11.3958L3.40772 13.2772C3.17782 13.3981 2.89927 13.3779 2.68921 13.2253C2.4791 13.0726 2.37387 12.814 2.41778 12.558L3.10124 8.5731L0.206055 5.751C0.020098 5.56974 -0.0468455 5.2986 0.0334157 5.05163C0.11365 4.80462 0.327197 4.62464 0.584192 4.58728L4.58524 4.00588L6.37457 0.380292C6.48952 0.147423 6.72667 0 6.98639 0C7.24612 0 7.48327 0.147423 7.59819 0.38032L9.38752 4.00591L13.3886 4.58731C13.6456 4.62464 13.8591 4.80465 13.9393 5.05165C14.0196 5.29863 13.9527 5.56976 13.7667 5.75103L10.8715 8.57313L11.555 12.558C11.5989 12.814 11.4937 13.0727 11.2835 13.2253C11.1647 13.3117 11.0239 13.3556 10.8824 13.3556Z"></path>
</svg>
<span class="ml-2 font-semibold">
By featured content </span>
</div>
<div class="my-2">
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.disney" data-gtm-event="main_menu" href="https://slidesgo.com/disney#from_element=main_menu">
<span class="block h-6">Disney</span>
<span class="block text-gray-600">Templates with your favorite Disney and Pixar characters</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.slidesclass" data-gtm-event="main_menu" href="https://slidesgo.com/slidesclass#from_element=main_menu">
<span class="block h-6">Slidesclass</span>
<span class="block text-gray-600">Ready-to-go classes on many topics for everyone</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.editors_choice" data-gtm-event="main_menu" href="https://slidesgo.com/editors-choice#from_element=main_menu">
<span class="block h-6">Editor’s Choice</span>
<span class="block text-gray-600">Our favorite slides</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.multi_purpose" data-gtm-event="main_menu" href="https://slidesgo.com/multi-purpose#from_element=main_menu">
<span class="block h-6">Multi-purpose</span>
<span class="block text-gray-600">Presentations that suit any project</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.teacher_toolkit" data-gtm-event="main_menu" href="https://slidesgo.com/teacher-toolkit#from_element=main_menu">
<span class="block h-6">Teacher Toolkit</span>
<span class="block text-gray-600">Content for teachers</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.interactive_animated" data-gtm-event="main_menu" href="https://slidesgo.com/interactive-animated#from_element=main_menu">
<span class="block h-6">Interactive & Animated</span>
<span class="block text-gray-600">Templates to create engaging presentations</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.printable_slides" data-gtm-event="main_menu" href="https://slidesgo.com/printable-slides#from_element=main_menu">
<span class="block h-6">Printable Slides</span>
<span class="block text-gray-600">Presentations that suit any project</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.resources_pack" data-gtm-event="main_menu" href="https://slidesgo.com/resources-pack#from_element=main_menu">
<span class="block h-6">Resources Pack</span>
<span class="block text-gray-600">Presentations that suit any project</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer">
<div class="flex items-center">
<span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900
inverted:text-white inverted:group-hover:text-gray-100">
AI </span>
<span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase">
New </span>
<div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800">
<svg class="absolute h-full w-4 inline-block rotate-90
transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
<svg class="absolute h-full w-4 inline-block -rotate-90
-translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100
group-hover:text-gray-900 group-hover:translate-y-0
inverted:group-hover:text-gray-100 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
</div>
</div>
<div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 leading-relaxed text-gray-800">
<svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current">
<use xlink:href="#icon-nav-caret-dropdown-menu"></use>
</svg>
<div class="absolute top-10 left-0 -translate-x-52 2xl:-translate-x-40 w-max">
<div class="flex w-full lg:w-screen-lg bg-white rounded shadow-md">
<div class="w-full flex my-5 mx-7">
<div class="flex flex-col">
<a href="https://slidesgo.com/ai-presentations#from_element=main_menu" data-option="create.ai_presentations" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<div>
<span>AI presentation maker</span>
</div>
<span class="text-gray-600">Create presentations in minutes with AI</span>
</a>
<a href="https://slidesgo.com/ai-icebreaker-generator#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block">AI icebreaker generator</span>
<span class="text-gray-600">Generate icebreaker activities and ideas</span>
</a>
<a href="https://slidesgo.com/ai-exit-ticket-generator#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block">AI exit ticket</span>
<span class="text-gray-600">Create assessments for your students</span>
</a>
<a href="https://slidesgo.com/ai-lesson-plan-generator#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block">AI lesson plan generator</span>
<span class="text-gray-600">Plan your lessons faster with AI</span>
</a>
<a href="https://slidesgo.com/ai-pdf-to-ppt-converter#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block">AI PDF to PPT converter</span>
<span class="text-gray-600">Turn documents into PPT with AI</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer">
<div class="flex items-center">
<span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900
inverted:text-white inverted:group-hover:text-gray-100">
Learn </span>
<div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800">
<svg class="absolute h-full w-4 inline-block rotate-90
transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
<svg class="absolute h-full w-4 inline-block -rotate-90
-translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100
group-hover:text-gray-900 group-hover:translate-y-0
inverted:group-hover:text-gray-100 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
</div>
</div>
<div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-800">
<svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current">
<use xlink:href="#icon-nav-caret-dropdown-menu"></use>
</svg>
<div class="absolute top-10 left-0 -translate-x-52 2xl:-translate-x-40 w-max">
<div class="flex w-full lg:w-screen-lg bg-white rounded shadow-md">
<div class="w-full flex my-5 mx-7">
<div class="flex flex-col">
<a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials#from_element=main_menu" data-option="learn.powerpoint_tutorials" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block h-6">PowerPoint Tutorials</span>
<span class="block text-gray-600">Learn how to work with Microsoft PowerPoint</span>
</a>
<a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials#from_element=main_menu" data-option="learn.google_slides_tutorials" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block h-6">Google Slides Tutorials</span>
<span class="block text-gray-600">Discover the secrets of Google Slides</span>
</a>
<a href="https://slidesgo.com/slidesgo-school/presentation-tips#from_element=main_menu" data-option="learn.presentation_tips" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50">
<span class="block h-6">Presentation Tips</span>
<span class="block text-gray-600">The best tips on how to make an excellent presentation</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.school" data-gtm-event="main_menu" onclick="gtm.navbarGtm('tutorial', 'https://slidesgo.com/slidesgo-school');" href="https://slidesgo.com/slidesgo-school">
<span class="block h-6">Blog</span>
<span class="block text-gray-600">Articles and other resources</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.academy" data-gtm-event="main_menu" onclick="gtm.navbarGtm('academy', 'https://slidesgo-community.circle.so/c/slidesgo-academy');" href="https://slidesgo-community.circle.so/c/slidesgo-academy" target="_blank">
<span class="block h-6">
Slidesgo Academy <svg alt="External link" class="inline h-2.5 w-2.5 fill-current" viewBox="0 0 515.283 515.283" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="m372.149 515.283h-286.268c-22.941 0-44.507-8.934-60.727-25.155s-25.153-37.788-25.153-60.726v-286.268c0-22.94 8.934-44.506 25.154-60.726s37.786-25.154 60.727-25.154h114.507c15.811 0 28.627 12.816 28.627 28.627s-12.816 28.627-28.627 28.627h-114.508c-7.647 0-14.835 2.978-20.241 8.384s-8.385 12.595-8.385 20.242v286.268c0 7.647 2.978 14.835 8.385 20.243 5.406 5.405 12.594 8.384 20.241 8.384h286.267c7.647 0 14.835-2.978 20.242-8.386 5.406-5.406 8.384-12.595 8.384-20.242v-114.506c0-15.811 12.817-28.626 28.628-28.626s28.628 12.816 28.628 28.626v114.507c0 22.94-8.934 44.505-25.155 60.727-16.221 16.22-37.788 25.154-60.726 25.154zm-171.76-171.762c-7.327 0-14.653-2.794-20.242-8.384-11.179-11.179-11.179-29.306 0-40.485l237.397-237.398h-102.648c-15.811 0-28.626-12.816-28.626-28.627s12.815-28.627 28.626-28.627h171.761c3.959 0 7.73.804 11.16 2.257 3.201 1.354 6.207 3.316 8.837 5.887.001.001.001.001.002.002.019.019.038.037.056.056.005.005.012.011.017.016.014.014.03.029.044.044.01.01.019.019.029.029.011.011.023.023.032.032.02.02.042.041.062.062.02.02.042.042.062.062.011.01.023.023.031.032.011.01.019.019.029.029.016.015.03.029.044.045.005.004.012.011.016.016.019.019.038.038.056.057 0 .001.001.001.002.002 2.57 2.632 4.533 5.638 5.886 8.838 1.453 3.43 2.258 7.2 2.258 11.16v171.761c0 15.811-12.817 28.627-28.628 28.627s-28.626-12.816-28.626-28.627v-102.648l-237.4 237.399c-5.585 5.59-12.911 8.383-20.237 8.383z"></path>
</svg>
</span>
<span class="block text-gray-600">Work faster, teach better: boost your skills with our course</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative p-2.5 py-3 text-gray-800">
<a class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900
inverted:text-white inverted:group-hover:text-gray-100" href="https://slidesgo.com/for-education">
Education </a>
</div>
</div>
</div>
</div>
</div>
<div class="hidden">
<svg id="icon-nav-caret-drop" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg>
<svg id="icon-nav-caret-dropdown-menu" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0L20 10H0L10 0Z"></path>
</svg>
</div>
<div class="flex sm:flex-1 justify-end items-center">
<div id="topnav-search" class="absolute top-16 left-0 right-0 max-w-none justify-center px-4 py-2 bg-white shadow-md
sm:relative sm:shadow-none sm:bg-transparent sm:top-0 sm:left-auto sm:right-auto sm:py-0 sm:pr-0 sm:mr-2.5
flex sm:flex-1 sm:max-w-sm lg:max-w-lg 2xl:max-w-md 3xl:max-w-3xl inverted:opacity-0">
<div class="searcher transition-opacity duration-300 flex-1 z-0">
<form action="https://slidesgo.com/search#rs=search" x-data="searcher("en", "1", "")" x-ref="form" x-on:submit.prevent="submitSearch()" x-on:scroll-over-home-hero.window="hideSearch()" @mousedown.away="hideSearch" class="relative w-full mb-0">
<div class="relative group bg-gray-50 focus-within:placeholder-gray-600 focus-within:text-gray-600 overflow-hidden rounded text-gray-600 hover:text-gray-600">
<div class="hidden">
<span class="flex items-center justify-center text-gray-200 text-sm font-medium sm:pl-3 sm:border-r sm:border-gray-300 sm:group-hover:text-gray-600 sm:group-focus-within:text-gray-600 lg:hidden xl:flex">
<svg class="fill-current w-5 h-5 fill-current shrink-0 sm:w-4 sm:h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.321 10.355c.001.345.28.623.625.623 0 0 1.072 0 1.486-.011 1.532-.027 2.632-1.358 2.632-3.166 0-1.9-1.08-3.178-2.686-3.178H9.935a.627.627 0 0 0-.625.627l.011 5.105Zm2.061-4.483c1.06 0 1.436 1 1.436 1.929 0 .928-.434 1.9-1.405 1.916-.2 0-.538.006-.844.009l-.005-3.853h.818ZM4.121 5.168v5.262a.625.625 0 0 0 1.25 0V8.767h.84a2.11 2.11 0 1 0 0-4.22l-.006-.004H4.74a.644.644 0 0 0-.443.193.642.642 0 0 0-.176.432Zm2.084 2.345h-.832l-.006-1.72h.838a.86.86 0 1 1 0 1.72Z"></path><path d="M19 0H5a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5h11.343a4.968 4.968 0 0 0 3.536-1.464l2.656-2.658A4.967 4.967 0 0 0 24 16.343V5a5.006 5.006 0 0 0-5-5ZM2 19V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10h-4a3 3 0 0 0-3 3v4H5a3 3 0 0 1-3-3Zm16.465 2.122c-.402.401-.91.679-1.465.8V18a1 1 0 0 1 1-1h3.925a3.016 3.016 0 0 1-.8 1.464l-2.66 2.658Z"></path><path d="M16.354 8.603v1.8a.625.625 0 1 1-1.25 0V5.59a.625.625 0 0 1 .625-.625h2.012a.625.625 0 0 1 0 1.25h-1.387v1.138h1.239a.625.625 0 0 1 0 1.25h-1.24Z"></path><defs><clipPath id="a"><path d="M0 0h24v24H0z"></path></clipPath></defs></svg> <span class="hidden sm:flex mx-2">PDF</span>
</span>
</div>
<input id="search-input" x-ref="searchinput" @focus="focused" @keyup.debounce.500="search($event)" @keydown.down.prevent="selectNext($event)" @keydown.up.prevent="selectPrev($event)" x-model="searchText" type="text" name="q" data-cy="search" placeholder="Search a template" autocomplete="off" required="required" class="focus:ring-0 w-full outline-none appearance-none pl-4 pr-12 h-10 xl:max-w-4xl bg-gray-50 rounded hover:placeholder-gray-600 focus:placeholder-gray-600 pr-16">
<label for="search-input"></label>
<button type="submit" class="absolute top-0 right-0 bottom-0 w-10 flex items-center justify-center focus:outline-none" aria-label="Search button">
<svg alt="Search" loading="lazy" class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57"><path d="M55.1 51.9L41.6 37.8A23 23 0 0024 0a23 23 0 1013.2 41.8L50.8 56a3 3 0 004.3.1 3 3 0 000-4.2zM24 6a17 17 0 110 34 17 17 0 010-34z"></path></svg> </button>
<template x-if="searchText.length > 0">
<button @click="resetSearch" type="button" title="Clear the search query." class="searchbox__reset absolute top-0 right-10 h-full w-8 flex justify-center items-center">
<svg alt="Close" class="fill-current h-3 w-3" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg"><path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"></path><path d="M339.4 6.6L6.6 339.4A20.7 20.7 0 1036 368.7L368.7 35.9a20.7 20.7 0 10-29.3-29.3z"></path></svg> </button>
</template>
</div>
<template x-if="showResults">
<div class="search-bar">
<template x-if="searchText.length > 0 && results.length">
<div class="absolute bg-white shadow-lg left-0 right-0 py-4 rounded-b-lg -ml-4 sm:ml-0 w-screen sm:w-auto sm:-mt-2">
<div>
<template x-for="(result, key) in results">
<div @mouseover="resetOptionNavigation" @click="selectOption(result)" @keyup.enter="selectOption(result)" :class="key === selectedOption ? 'bg-gray-100' : ''" class="autocomplete-terms flex items-center text-left py-3 px-4 text-gray-600 hover:bg-gray-100 hover:cursor-pointer">
<span :class="result.fromHistory ? 'highlighted' : ''" x-html="result.highlightResult"></span>
</div>
</template>
<template x-if="templates.length">
<div class="hidden sm:block border-t border-gray-100 mt-3 pt-3 px-4">
<h3 class="text-left font-bold text-gray-800 mb-2">Templates</h3>
<div class="grid sm:grid-cols-3 lg:grid-cols-2 gap-4 py-2">
<template x-for="(article, key) in templates">
<div class="last:hidden lg:last:flex flex justify-between">
<div class="w-full lg:w-4/12">
<a :href="article.url" class="block relative aspect-w-16 aspect-h-9">
<template x-if="article.premium && !article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium.svg" class="h-2 w-2">
</span>
</template>
<template x-if="article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium-xl.svg" class="h-2 w-2">
</span>
</template>
<img :src="article.thumb" class="absolute top-0 left-0 w-full h-full object-contain rounded" alt="related">
</a>
</div>
<div class="hidden lg:flex pl-2 w-8/12 flex-col justify-center">
<h3 class="truncate font-bold text-sm text-left">
<a :href="article.url" x-text="article.name" class="text-gray-700 no-underline hover:text-purple-700"></a>
</h3>
<p x-text="article.total_images +' slides'" class="text-gray-600 text-xs text-left"></p>
</div>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</template>
<template x-if="searchText.length === 0">
<div class="bg-white shadow-lg w-full p-4 fixed sm:absolute top-28 sm:top-auto left-0 w-screen sm:w-full sm:mt-2 sm:rounded">
<p class="text-left font-semibold mb-2 text-gray-900">Top searches</p>
<div class="flex items-center mb-4 overflow-auto sm:flex-wrap">
<a href="https://slidesgo.com/search?q=aesthetic#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
aesthetic
</a>
<a href="https://slidesgo.com/search?q=simple#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
simple
</a>
<a href="https://slidesgo.com/search?q=school#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
school
</a>
<a href="https://slidesgo.com/search?q=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=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=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>
<a href="https://slidesgo.com/search?q=medical#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
medical
</a>
</div>
<p class="mb-2 text-left font-semibold text-gray-900">Trending searches</p>
<div class="flex overflow-auto sm:grid gap-x-2 gap-y-6 sm:grid-cols-2 mt-2 pb-2 pt-2 mb-4 mt-2 sm:pb-0 2xl:grid-cols-3">
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=fall+pumpkin#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/18844724/pumpkins-characteristics-activities-for-pre-k1647957422.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/18844724/pumpkins-characteristics-activities-for-pre-k1647957422.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/18844724/pumpkins-characteristics-activities-for-pre-k1647957422.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">fall pumpkin</h4>
<p class="text-gray-600 text-left text-xs">61 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=fall+background#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/26520296/boho-autumn-leaves-personal-organizer-for-elementary1666340705.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/26520296/boho-autumn-leaves-personal-organizer-for-elementary1666340705.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/26520296/boho-autumn-leaves-personal-organizer-for-elementary1666340705.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">fall background</h4>
<p class="text-gray-600 text-left text-xs">24 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=hallowen#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/10816513/halloween-zoom-backgrounds1631793521.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/10816513/halloween-zoom-backgrounds1631793521.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/10816513/halloween-zoom-backgrounds1631793521.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">hallowen</h4>
<p class="text-gray-600 text-left text-xs">15 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=renewable+energy#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/15743092/renewable-energy-infographics1640599469.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/15743092/renewable-energy-infographics1640599469.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/15743092/renewable-energy-infographics1640599469.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">renewable energy</h4>
<p class="text-gray-600 text-left text-xs">20 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=pulmonary#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/34888012/pulmonary-edema-treatment-breakthrough1683108248.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/34888012/pulmonary-edema-treatment-breakthrough1683108248.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/34888012/pulmonary-edema-treatment-breakthrough1683108248.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">pulmonary</h4>
<p class="text-gray-600 text-left text-xs">11 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=spinal+cord#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/17015490/lumbar-spinal-stenosis-breakthrough1644241565.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/17015490/lumbar-spinal-stenosis-breakthrough1644241565.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/17015490/lumbar-spinal-stenosis-breakthrough1644241565.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">spinal cord</h4>
<p class="text-gray-600 text-left text-xs">31 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</form>
</div>
<div id="mobile-filter-btn"></div>
</div>
<div class="flex justify-end">
<div class="hidden xl:flex items-center">
<div class="relative group p-2.5 py-3 text-gray-800 cursor-pointer">
<div class="flex items-center">
<span class="text-base font-semibold transition-all duration-500 group-hover:text-gray-900
inverted:text-white inverted:group-hover:text-gray-100">
More </span>
<div class="relative h-4 w-4 ml-1 inverted:text-white text-gray-800">
<svg class="absolute h-full w-4 inline-block rotate-90
transition-all duration-500 group-hover:translate-y-4 group-hover:opacity-0 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
<svg class="absolute h-full w-4 inline-block -rotate-90
-translate-y-4 opacity-0 transition-all duration-500 group-hover:opacity-100
group-hover:text-gray-900 group-hover:translate-y-0
inverted:group-hover:text-gray-100 fill-current">
<use xlink:href="#icon-nav-caret-drop"></use>
</svg>
</div>
</div>
<div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500">
<svg class="h-3 w-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current">
<use xlink:href="#icon-nav-caret-dropdown-menu"></use>
</svg>
<div class="absolute -translate-x-11 top-10 w-max">
<div class="flex w-full lg:w-screen-lg bg-white rounded shadow-md">
<div class="w-full my-5 mx-7">
<a class="block p-2.5 rounded hover:bg-gray-50" href="https://www.freepik.com/" @click="gtm.navbarGtm('Freepik', 'https://www.freepik.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Freepik</span>
<span class="block text-gray-600">Free vectors, photos and PSD</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" href="https://www.flaticon.com/" @click="gtm.navbarGtm('Flaticon', 'https://www.flaticon.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Flaticon</span>
<span class="block text-gray-600">Free customizable icons</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" href="https://wepik.com/" @click="gtm.navbarGtm('Wepik', 'https://wepik.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Wepik</span>
<span class="block text-gray-600">Free online template editor</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" href="https://storyset.com/" @click="gtm.navbarGtm('Storyset', 'https://storyset.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Storyset</span>
<span class="block text-gray-600">Free editable illustrations</span>
</a>
<a class="block p-2.5 rounded hover:bg-gray-50" href="https://www.videvo.net/" @click="gtm.navbarGtm('Videvo', 'https://www.videvo.net/')" target="_blank" rel="noreferrer">
<span class="block h-6">Videvo</span>
<span class="block text-gray-600">Free videos and motion graphics</span>
</a>
</div>
</div>
</div>
</div>
</div>
<a href="https://slidesgo.com/pricing" onclick="trackAnalytic('premium', 'click', 'prices-individual'); gtm.microfunnel('', 'Simple plans for you', 'https://slidesgo.com/pricing', 'header_menu')" class="mx-2.5 py-2.5 rounded text-yellow-800 flex items-center inverted:text-yellow-400 hover:text-yellow-700 inverted:hover:text-yellow-500 focus:outline-none" aria-label="Pricing">
<span class="text-base font-semibold">
Premium plans </span>
</a>
</div>
<div class="items-center flex">
<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>
</div>
<div class="hidden">
<svg id="icon-nav-caret-drop" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg>
<svg id="icon-nav-caret-dropdown-menu" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0L20 10H0L10 0Z"></path>
</svg>
</div>
</div>
</div>
</div>
</header>
</div>
<style>
#hero-home{position:relative;box-sizing:content-box;display:flex;height:auto;align-items:flex-end;justify-content:center;overflow-x:clip;--tw-bg-opacity: 1;background-color:rgb(141 99 158 / var(--tw-bg-opacity));padding-left:0;padding-right:0;padding-bottom:3rem;padding-top:2rem}@media (min-width: 576px){#hero-home{margin-top:-4rem;height:380px;align-items:center;padding-left:1.5rem;padding-right:1.5rem;padding-bottom:0;padding-top:4rem}}#hero-home #hero-content{width:100%}@media (min-width: 320px){#hero-home #hero-content{max-width:320px}}@media (min-width: 576px){#hero-home #hero-content{max-width:576px}}@media (min-width: 768px){#hero-home #hero-content{max-width:768px}}@media (min-width: 992px){#hero-home #hero-content{max-width:992px}}@media (min-width: 1200px){#hero-home #hero-content{max-width:1200px}}@media (min-width: 1400px){#hero-home #hero-content{max-width:1400px}}@media (min-width: 1600px){#hero-home #hero-content{max-width:1600px}}#hero-home #hero-content{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}@media (min-width: 768px){#hero-home #hero-content{max-width:100%}}#hero-home #home-claim{position:relative;margin-bottom:1rem;width:100%;text-wrap:pretty;font-family:Degular,Degular Fallback;font-size:2rem;font-weight:600;line-height:2.5rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 576px){#hero-home #home-claim{font-size:2.25rem}}@media (min-width: 768px){#hero-home #home-claim{font-size:2.75rem}}@media (min-width: 1400px){#hero-home #home-claim{width:66.666667%}}#hero-home h2{position:relative;margin-bottom:1rem;font-family:Inter,Inter Fallback;font-size:1.25rem;font-weight:400;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 576px){#hero-home h2{margin-bottom:0}}@media (min-width: 768px){#hero-home h2{font-size:1.5rem}}#hero-home #search{width:100%}#hero-home h3{margin-top:1.5rem;display:inline-flex;flex-direction:column;align-items:center;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}@media (min-width: 768px){#hero-home h3{flex-direction:row}}
</style>
<div id="hero-home">
<div class="hidden md:block absolute left-0 bottom-0 -ml-64 2xl:ml-0">
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="381" fill="none">
<g clip-path="url(#a)">
<path fill="#B07CC6" fill-rule="evenodd" d="M.366-67.99v466.332h417.679L.366-67.99Z" clip-rule="evenodd"></path>
<path fill="#6A4A77" d="M205.869-73.5H-1.129v469.685h206.998z"></path>
<circle cx="61.572" cy="61.572" r="61.572" fill="#80E6E0" transform="matrix(-1 0 0 1 406.998 312)"></circle>
<circle cx="61.572" cy="61.572" r="61.572" fill="#6A4A77" transform="matrix(-1 0 0 1 527 339.312)"></circle>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M-2-74h602v601H-2z"></path>
</clipPath>
</defs>
</svg>
</div>
<div class="hidden 2xl:block">
<div class="relative">
<div class="w-[100px] h-[100px] absolute left-[131px] -top-[158px]" id="loader-lottieContainer210920763" style="display: none;">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 244 244" width="244" height="244" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;" preserveAspectRatio="xMidYMid meet">
<g clip-path="url(#__lottie_element_2)">
<g style="display: block;" transform="matrix(1.020840048789978,0,0,0.8510000109672546,121.44999694824219,122.18499755859375)" opacity="1">
<g opacity="1" transform="matrix(0.7040147185325623,-0.7101853489875793,0.7101853489875793,0.7040147185325623,-8.107000350952148,0.1599999964237213)">
<path fill="rgb(176,124,198)" fill-opacity="1" d=" M34.88800048828125,-122.29499816894531 C34.88800048828125,-122.29499816894531 61.676998138427734,-15.467000007629395 61.676998138427734,-15.467000007629395 C61.676998138427734,-15.467000007629395 88.46700286865234,91.36100006103516 88.46700286865234,91.36100006103516 C88.46700286865234,91.36100006103516 -17.444000244140625,61.14799880981445 -17.444000244140625,61.14799880981445 C-17.444000244140625,61.14799880981445 -123.3550033569336,30.93400001525879 -123.3550033569336,30.93400001525879 C-123.3550033569336,30.93400001525879 -44.233001708984375,-45.680999755859375 -44.233001708984375,-45.680999755859375 C-44.233001708984375,-45.680999755859375 34.88800048828125,-122.29499816894531 34.88800048828125,-122.29499816894531z"></path>
</g>
</g>
</g>
</svg>
</div>
<div id="lottieContainer210920763" class="w-[100px] h-[100px] absolute left-[131px] -top-[158px]"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122 122" width="122" height="122" preserveAspectRatio="xMidYMid meet" style="width: 100%; height: 100%; transform: translate3d(0px, 0px, 0px); content-visibility: visible;"><defs><clipPath id="__lottie_element_2"><rect width="122" height="122" x="0" y="0"></rect></clipPath><clipPath id="__lottie_element_4"><path fill="#ffffff" clip-rule="nonzero" d=" M60.662288665771484,79.24848937988281 C60.662288665771484,79.24848937988281 -0.5,0 -0.5,0 C-0.5,0 140.5,-4.515999794006348 140.5,-4.515999794006348 C140.5,-4.515999794006348 131.9199981689453,132.48500061035156 131.9199981689453,132.48500061035156 C131.9199981689453,132.48500061035156 60.662288665771484,79.24848937988281 60.662288665771484,79.24848937988281" fill-opacity="1"></path></clipPath><clipPath id="__lottie_element_7"><path fill="#ffffff" clip-rule="nonzero" d=" M88.35113525390625,56.549583435058594 C88.35113525390625,56.549583435058594 -0.5,0 -0.5,0 C-0.5,0 -0.5,145.48399353027344 -0.5,145.48399353027344 C-0.5,145.48399353027344 131.9199981689453,132.48399353027344 131.9199981689453,132.48399353027344 C131.9199981689453,132.48399353027344 88.35113525390625,56.549583435058594 88.35113525390625,56.549583435058594" fill-opacity="1"></path></clipPath></defs><g clip-path="url(#__lottie_element_2)"><g style="display: block;" transform="matrix(0.5123999714851379,0,0,0.42715001106262207,60.95000076293945,60.935001373291016)" opacity="1"><g opacity="1" transform="matrix(0.7040147185325623,-0.7101853489875793,0.7101853489875793,0.7040147185325623,-8.107000350952148,0.1599999964237213)"><path fill="rgb(176,124,198)" fill-opacity="1" d=" M17.43899917602539,-123.78299713134766 C53.36600112915039,-127.00599670410156 84.58399963378906,-115.38500213623047 106.01499938964844,-93.99099731445312 C127.44599914550781,-72.59700012207031 139.08999633789062,-41.42900085449219 135.86599731445312,-5.559000015258789 C132.64199829101562,30.31100082397461 115.16200256347656,64.09300231933594 89.50599670410156,89.71199798583984 C63.849998474121094,115.33100128173828 30.01799964904785,132.78799438476562 -5.9079999923706055,136.01199340820312 C-77.76100158691406,142.45899963378906 -130.7830047607422,89.52899932861328 -124.33599853515625,17.788000106811523 C-117.88899993896484,-53.952999114990234 -54.41400146484375,-117.33599853515625 17.43899917602539,-123.78299713134766z"></path></g></g><g clip-path="url(#__lottie_element_7)" style="display: block;" transform="matrix(0.4955799877643585,0,0,0.5100399851799011,61.5,60.5)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0.44999998807907104,0.1850000023841858)"><path fill="rgb(106,74,119)" fill-opacity="1" d="M0 0"></path></g><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(106,74,119)" fill-opacity="1" d=" M121.5,-1 C121.54100036621094,-1.9989999532699585 -0.5,-1 -0.5,-1 C-0.5,-1 -0.5,121 -0.5,121 C-0.5,121 116.5,121 121.5,-1z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="1" d="M0 0"></path></g></g><g clip-path="url(#__lottie_element_4)" style="display: block;" transform="matrix(-0.5022600293159485,0,0,0.5038400292396545,61.5,60.75)" opacity="1"><g opacity="1" transform="matrix(1,0,0,1,0.44999998807907104,0.1850000023841858)"><path fill="rgb(128,230,224)" fill-opacity="1" d="M0 0"></path></g><g opacity="1" transform="matrix(1,0,0,1,0,0)"><path fill="rgb(128,230,224)" fill-opacity="1" d=" M121.5,-1 C121.54100036621094,-1.9989999532699585 -0.5,-1 -0.5,-1 C-0.5,-1 -0.5,121 -0.5,121 C-0.5,121 116.5,121 121.5,-1z"></path><path stroke-linecap="butt" stroke-linejoin="miter" fill-opacity="0" stroke-miterlimit="4" stroke="rgb(255,255,255)" stroke-opacity="1" stroke-width="1" d="M0 0"></path></g></g></g></svg></div>
</div>
</div>
<div class="hidden md:block absolute right-0 bottom-0 -mr-64 2xl:mr-0 svg-container">
<svg xmlns="http://www.w3.org/2000/svg" width="567" height="377" fill="none">
<path fill="#B07CC6" fill-rule="evenodd" d="M567.25 0V468.43L0 468.43 567.25 0Z" clip-rule="evenodd"></path>
<path fill="#6A4A77" d="M361.062 170.25h207.505V346.5H361.062z"></path>
<ellipse cx="464" cy="275.703" fill="#80E6E0" rx="103" ry="105.36"></ellipse>
<path fill="#FAF6E7" fill-rule="evenodd" d="M361.25 266.376V320H179.734l181.516-53.624Z" clip-rule="evenodd"></path>
<path fill="#8D639E" d="M361.062 266.375h206.596V346.5H361.062z"></path>
<path fill="#80E6E0" d="M179.75 320h398.555v57H179.75z"></path>
<circle cx="465.744" cy="269.887" r="50.113" fill="#B07CC6"></circle>
</svg>
</div>
<div id="hero-content">
<h1 id="home-claim">
Create engaging presentations, faster
</h1>
<h2>
Free templates for Google Slides, PowerPoint and Canva
</h2>
<div id="search">
<div class="searcher transition-opacity duration-300 flex-1 z-0">
<form action="https://slidesgo.com/search#rs=search" x-data="searcher("en", "", "")" x-ref="form" x-on:submit.prevent="submitSearch()" x-on:scroll-over-home-hero.window="hideSearch()" @mousedown.away="hideSearch" class="relative w-full mb-0 md:w-8/12 max-w-2xl mt-6 md:mt-8 mx-auto z-15">
<div class="relative group bg-gray-50 focus-within:placeholder-gray-600 focus-within:text-gray-600 overflow-hidden rounded-lg">
<div class="hidden">
<span class="flex items-center justify-center text-gray-200 text-sm font-medium sm:pl-3 sm:border-r sm:border-gray-300 sm:group-hover:text-gray-600 sm:group-focus-within:text-gray-600 lg:hidden xl:flex">
<svg class="fill-current w-5 h-5 fill-current shrink-0 sm:w-4 sm:h-4" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M9.321 10.355c.001.345.28.623.625.623 0 0 1.072 0 1.486-.011 1.532-.027 2.632-1.358 2.632-3.166 0-1.9-1.08-3.178-2.686-3.178H9.935a.627.627 0 0 0-.625.627l.011 5.105Zm2.061-4.483c1.06 0 1.436 1 1.436 1.929 0 .928-.434 1.9-1.405 1.916-.2 0-.538.006-.844.009l-.005-3.853h.818ZM4.121 5.168v5.262a.625.625 0 0 0 1.25 0V8.767h.84a2.11 2.11 0 1 0 0-4.22l-.006-.004H4.74a.644.644 0 0 0-.443.193.642.642 0 0 0-.176.432Zm2.084 2.345h-.832l-.006-1.72h.838a.86.86 0 1 1 0 1.72Z"></path><path d="M19 0H5a5.006 5.006 0 0 0-5 5v14a5.006 5.006 0 0 0 5 5h11.343a4.968 4.968 0 0 0 3.536-1.464l2.656-2.658A4.967 4.967 0 0 0 24 16.343V5a5.006 5.006 0 0 0-5-5ZM2 19V5a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10h-4a3 3 0 0 0-3 3v4H5a3 3 0 0 1-3-3Zm16.465 2.122c-.402.401-.91.679-1.465.8V18a1 1 0 0 1 1-1h3.925a3.016 3.016 0 0 1-.8 1.464l-2.66 2.658Z"></path><path d="M16.354 8.603v1.8a.625.625 0 1 1-1.25 0V5.59a.625.625 0 0 1 .625-.625h2.012a.625.625 0 0 1 0 1.25h-1.387v1.138h1.239a.625.625 0 0 1 0 1.25h-1.24Z"></path><defs><clipPath id="a"><path d="M0 0h24v24H0z"></path></clipPath></defs></svg> <span class="hidden sm:flex mx-2">PDF</span>
</span>
</div>
<input id="search-input" x-ref="searchinput" @focus="focused" @keyup.debounce.500="search($event)" @keydown.down.prevent="selectNext($event)" @keydown.up.prevent="selectPrev($event)" x-model="searchText" type="text" name="q" data-cy="search" placeholder="Search a template" autocomplete="off" required="required" class="focus:ring-0 w-full outline-none appearance-none pl-4 sm:pl-6 pr-16 h-12 sm:h-14 bg-white placeholder-gray-600 rounded-lg">
<label for="search-input"></label>
<button type="submit" class="absolute top-0 right-0 bottom-0 w-10 flex items-center justify-center focus:outline-none" aria-label="Search button">
<svg alt="Search" loading="lazy" class="fill-current h-5 w-5 text-gray-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 57 57"><path d="M55.1 51.9L41.6 37.8A23 23 0 0024 0a23 23 0 1013.2 41.8L50.8 56a3 3 0 004.3.1 3 3 0 000-4.2zM24 6a17 17 0 110 34 17 17 0 010-34z"></path></svg> </button>
<template x-if="searchText.length > 0">
<button @click="resetSearch" type="button" title="Clear the search query." class="searchbox__reset absolute top-0 right-10 h-full w-8 flex justify-center items-center">
<svg alt="Close" class="fill-current h-3 w-3" viewBox="0 0 375 375" xmlns="http://www.w3.org/2000/svg"><path d="M368.7 339.4L35.9 6.6A20.7 20.7 0 006.6 36l332.8 332.8a20.7 20.7 0 1029.3-29.3z"></path><path d="M339.4 6.6L6.6 339.4A20.7 20.7 0 1036 368.7L368.7 35.9a20.7 20.7 0 10-29.3-29.3z"></path></svg> </button>
</template>
</div>
<template x-if="showResults">
<div class="search-bar">
<template x-if="searchText.length > 0 && results.length">
<div class="absolute bg-white shadow-lg left-0 right-0 py-4 rounded-b-lg -mt-2">
<div>
<template x-for="(result, key) in results">
<div @mouseover="resetOptionNavigation" @click="selectOption(result)" @keyup.enter="selectOption(result)" :class="key === selectedOption ? 'bg-gray-100' : ''" class="autocomplete-terms flex items-center text-left py-3 px-4 text-gray-600 hover:bg-gray-100 hover:cursor-pointer">
<span :class="result.fromHistory ? 'highlighted' : ''" x-html="result.highlightResult"></span>
</div>
</template>
<template x-if="templates.length">
<div class="hidden sm:block border-t border-gray-100 mt-3 pt-3 px-4">
<h3 class="text-left font-bold text-gray-800 mb-2">Templates</h3>
<div class="grid sm:grid-cols-3 lg:grid-cols-2 gap-4 py-2">
<template x-for="(article, key) in templates">
<div class="last:hidden lg:last:flex flex justify-between">
<div class="w-full lg:w-4/12">
<a :href="article.url" class="block relative aspect-w-16 aspect-h-9">
<template x-if="article.premium && !article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium.svg" class="h-2 w-2">
</span>
</template>
<template x-if="article.xl">
<span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1">
<img src="/images/icons/premium-xl.svg" class="h-2 w-2">
</span>
</template>
<img :src="article.thumb" class="absolute top-0 left-0 w-full h-full object-contain rounded" alt="related">
</a>
</div>
<div class="hidden lg:flex pl-2 w-8/12 flex-col justify-center">
<h3 class="truncate font-bold text-sm text-left">
<a :href="article.url" x-text="article.name" class="text-gray-700 no-underline hover:text-purple-700"></a>
</h3>
<p x-text="article.total_images +' slides'" class="text-gray-600 text-xs text-left"></p>
</div>
</div>
</template>
</div>
</div>
</template>
</div>
</div>
</template>
<template x-if="searchText.length === 0">
<div class="bg-white shadow-lg w-full p-4 absolute mt-2 rounded-lg">
<p class="text-left font-semibold mb-2 text-gray-900">Top searches</p>
<div class="flex items-center mb-4 overflow-auto sm:flex-wrap">
<a href="https://slidesgo.com/search?q=aesthetic#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
aesthetic
</a>
<a href="https://slidesgo.com/search?q=simple#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
simple
</a>
<a href="https://slidesgo.com/search?q=school#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100">
school
</a>
<a href="https://slidesgo.com/search?q=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=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=fall+pumpkin#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/18844724/pumpkins-characteristics-activities-for-pre-k1647957422.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/18844724/pumpkins-characteristics-activities-for-pre-k1647957422.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/18844724/pumpkins-characteristics-activities-for-pre-k1647957422.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">fall pumpkin</h4>
<p class="text-gray-600 text-left text-xs">61 templates</p>
</div>
</a>
<a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=fall+background#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/26520296/boho-autumn-leaves-personal-organizer-for-elementary1666340705.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/26520296/boho-autumn-leaves-personal-organizer-for-elementary1666340705.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/26520296/boho-autumn-leaves-personal-organizer-for-elementary1666340705.jpg">
</div>
</div>
</div>
<div class="w-1/2 sm:w-auto">
<h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">fall background</h4>
<p class="text-gray-600 text-left text-xs">24 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=hallowen#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/10816513/halloween-zoom-backgrounds1631793521.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/10816513/halloween-zoom-backgrounds1631793521.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/10816513/halloween-zoom-backgrounds1631793521.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">hallowen</h4>
<p class="text-gray-600 text-left text-xs">15 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=renewable+energy#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/15743092/renewable-energy-infographics1640599469.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/15743092/renewable-energy-infographics1640599469.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/15743092/renewable-energy-infographics1640599469.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">renewable energy</h4>
<p class="text-gray-600 text-left text-xs">20 templates</p>
</div>
</a>
</div>
</div>
</template>
</div>
</template>
</form>
</div>
</div>
<h3>
<span class="mr-3 text-lg font-semibold">Or kick off your next project with</span>
<button id="ai-animated" type="button" x-data="" @click="$dispatch("display-ai-presentation-maker-modal", {"location": "home_banner"});
gtm.startGeneratingPresentation("AI presentation maker", "home_banner");" class="group relative overflow-hidden rounded h-10 px-4 mt-4 md:mt-0 text-base text-gray-900
font-semibold bg-white active:bg-gray-200 active:text-gray-700 transition-all duration-500">
<span style="background: linear-gradient(90deg, #FFF 0%, #E4D1EB 100%)" class="absolute inset-0 transition-all duration-500 opacity-0 group-hover:opacity-100 z-0">
</span>
<span class="relative flex items-center transition-all duration-500 text-gray-900 z-10">
<svg class="size-4 mr-2 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8017 3.41409L18.6997 0.914752C18.162 -0.304917 16.4314 -0.304917 15.8938 0.914752L14.7918 3.41409C14.6376 3.76424 14.3577 4.04408 14.0076 4.1983L11.5082 5.30031C10.2886 5.83796 10.2886 7.56856 11.5082 8.10621L14.0076 9.20822C14.3577 9.36244 14.6376 9.64228 14.7918 9.99243L15.8938 12.4918C16.4314 13.7114 18.162 13.7114 18.6997 12.4918L19.8017 9.99243C19.9559 9.64228 20.2358 9.36244 20.5859 9.20822L23.0852 8.10621C24.3049 7.56856 24.3049 5.83796 23.0852 5.30031L20.5859 4.1983C20.2358 4.04408 19.9559 3.76424 19.8017 3.41409Z"></path>
<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>
AI presentation maker </span>
</button>
</h3>
</div>
</div>
<div class="flex justify-center items-center lg:py-0 h-20 overflow-hidden bg-offwhite-500 text-gray-800">
<div class="flex items-center justify-center mx-4 md:mx-0">
<p class="flex text-lg font-semibold text-center lg:text-left">
<span class="hidden md:block text-left text-balance xs:text-wrap">
Join the Slidesgo Teacher Community for exclusive tips and the latest EdTech news! </span>
<span class="md:hidden text-left text-balance xs:text-wrap">
Join the Teacher Community for tips and EdTech news! </span>
</p>
<a href="https://www.facebook.com/groups/1129415331402945/" target="_blank" onclick="gtm.promotionBanner('facebook_community', 'home')" class="flex items-center ml-4 md:ml-10 rounded h-10 md:h-12 px-4 md:px-6 text-base text-pretty md:text-lg font-semibold whitespace-nowrap bg-gray-900 text-white hover:bg-gray-800 active:bg-gray-100">
Join now </a>
</div>
</div>
<main class="pt-8 sm:pt-16 relative z-0">
<div class="container mx-auto px-4 mb-12 below-the-fold">
<h3 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">
Trending searches </h3>
<div class="-mx-4 relative">
<div x-data="collection" class="relative z-0">
<div x-ref="container" class="collections pt-5 overflow-x-scroll relative flex">
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/inside-out-disney" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Inside Out Disney','https://slidesgo.com/inside-out-disney');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Inside Out Disney" srcset="https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_1131_1600.jpg 1131w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_946_1338.jpg 946w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_791_1119.jpg 791w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_662_937.jpg 662w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_554_784.jpg 554w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_463_655.jpg 463w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_387_547.jpg 387w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_324_458.jpg 324w, https://media.slidesgo.com/storage/57116370/responsive-images/inside-out-2-emotions-worksheet1721900993___media_library_original_271_383.jpg 271w" src="https://media.slidesgo.com/storage/57116370/conversions/inside-out-2-emotions-worksheet1721900993-thumb.jpg" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="29vw">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/57116370/conversions/inside-out-2-emotions-worksheet1721900993-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/57116370/conversions/inside-out-2-emotions-worksheet1721900993-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Inside Out Disney</h3>
<p class="text-gray-700 text-base">11 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/disney" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Disney','https://slidesgo.com/disney');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Disney" srcset="https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/61268877/responsive-images/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232___media_library_original_324_458.jpg 324w" src="https://media.slidesgo.com/storage/61268877/conversions/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232-thumb.jpg" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="29vw">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61268877/conversions/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61268877/conversions/tim-burtons-the-nightmare-before-christmas-monthly-calendar1727774232-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Disney</h3>
<p class="text-gray-700 text-base">281 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/slidesclass" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Slidesclass','https://slidesgo.com/slidesclass');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Slidesclass" srcset="https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_1600_1131.jpg 1600w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_1338_946.jpg 1338w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_1120_792.jpg 1120w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_937_662.jpg 937w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_783_553.jpg 783w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_655_463.jpg 655w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_548_387.jpg 548w" src="https://media.slidesgo.com/storage/61548753/conversions/concrete-and-abstract-nouns1728042455-thumb.jpg" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="29vw">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548753/conversions/concrete-and-abstract-nouns1728042455-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548753/conversions/concrete-and-abstract-nouns1728042455-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Slidesclass</h3>
<p class="text-gray-700 text-base">420 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/education" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Education','https://slidesgo.com/education');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Education" srcset="https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/61368392/responsive-images/monsters-inc-lesson-plan1727866906___media_library_original_388_548.jpg 388w" src="https://media.slidesgo.com/storage/61368392/conversions/monsters-inc-lesson-plan1727866906-thumb.jpg" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="29vw">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61368392/conversions/monsters-inc-lesson-plan1727866906-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61368392/conversions/monsters-inc-lesson-plan1727866906-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Education</h3>
<p class="text-gray-700 text-base">9578 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/halloween" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Halloween','https://slidesgo.com/halloween');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Halloween" srcset="https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_354_458.jpg 354w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_297_384.jpg 297w, https://media.slidesgo.com/storage/61560683/responsive-images/spooky-stories-for-a-chilling-night1728051502___media_library_original_248_321.jpg 248w" src="https://media.slidesgo.com/storage/61560683/conversions/spooky-stories-for-a-chilling-night1728051502-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61560683/conversions/spooky-stories-for-a-chilling-night1728051502-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61560683/conversions/spooky-stories-for-a-chilling-night1728051502-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Halloween</h3>
<p class="text-gray-700 text-base">119 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/editors-choice" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Editor’s Choice','https://slidesgo.com/editors-choice');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Editor’s Choice" srcset="https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_354_458.jpg 354w, https://media.slidesgo.com/storage/60794299/responsive-images/motivational-quotes-coloring-book1727250442___media_library_original_297_384.jpg 297w" src="https://media.slidesgo.com/storage/60794299/conversions/motivational-quotes-coloring-book1727250442-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60794299/conversions/motivational-quotes-coloring-book1727250442-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60794299/conversions/motivational-quotes-coloring-book1727250442-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Editor’s Choice</h3>
<p class="text-gray-700 text-base">3704 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/event" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Event','https://slidesgo.com/event');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Event" srcset="https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/61557955/responsive-images/easy-thanksgiving-recipe1728049788___media_library_original_459_258.jpg 459w" src="https://media.slidesgo.com/storage/61557955/conversions/easy-thanksgiving-recipe1728049788-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61557955/conversions/easy-thanksgiving-recipe1728049788-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61557955/conversions/easy-thanksgiving-recipe1728049788-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Event</h3>
<p class="text-gray-700 text-base">3197 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/presentation-maker" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Presentation Maker','https://slidesgo.com/presentation-maker');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Presentation Maker" srcset="https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/52869516/responsive-images/teacher-on-special-assignment-tosa-resume1714464183___media_library_original_324_458.jpg 324w" src="https://media.slidesgo.com/storage/52869516/conversions/teacher-on-special-assignment-tosa-resume1714464183-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/52869516/conversions/teacher-on-special-assignment-tosa-resume1714464183-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/52869516/conversions/teacher-on-special-assignment-tosa-resume1714464183-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Presentation Maker</h3>
<p class="text-gray-700 text-base">1954 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/fall" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Fall','https://slidesgo.com/fall');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Fall" srcset="https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_354_458.jpg 354w, https://media.slidesgo.com/storage/58654331/responsive-images/thanksgiving-coloring-book1724676530___media_library_original_297_384.jpg 297w" src="https://media.slidesgo.com/storage/58654331/conversions/thanksgiving-coloring-book1724676530-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/58654331/conversions/thanksgiving-coloring-book1724676530-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/58654331/conversions/thanksgiving-coloring-book1724676530-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Fall</h3>
<p class="text-gray-700 text-base">108 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/social-media" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Social Media','https://slidesgo.com/social-media');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Social Media" srcset="https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/52877458/responsive-images/competitor-comparison-for-social-media1714475542___media_library_original_459_258.jpg 459w" src="https://media.slidesgo.com/storage/52877458/conversions/competitor-comparison-for-social-media1714475542-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/52877458/conversions/competitor-comparison-for-social-media1714475542-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/52877458/conversions/competitor-comparison-for-social-media1714475542-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Social Media</h3>
<p class="text-gray-700 text-base">702 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/coloring-page" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home', 'Coloring Page','https://slidesgo.com/coloring-page');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Coloring Page" src="https://media.slidesgo.com/storage/37300043/conversions/Sheep-Says-Baa!-by-Slidesgo-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/37300043/conversions/Sheep-Says-Baa!-by-Slidesgo-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/37300043/conversions/Sheep-Says-Baa!-by-Slidesgo-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Coloring Page</h3>
<p class="text-gray-700 text-base">352 templates</p>
</a>
</div>
</div>
<div class="w-10 absolute top-0 right-0 sm:bottom-20 xl:bottom-16 -mr-1 z-20 hidden sm:flex items-center justify-center">
<button x-on:click="next()" :class="lastIndex === currentActive ? 'opacity-0' : ''" class="w-10 h-10 rounded-full shadow flex items-center justify-center bg-white transition duration-300 hover:shadow-md focus:outline-none hover:text-gray-800 cursor-pointer">
<svg alt="Next slide" loading="lazy" class="fill-current h-4 w-4 -mr-1 rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M5 9l6.5 6.2c.7.6.7 1.7 0 2.3-.7.7-1.8.7-2.5 0l-7.6-7.3a1.6 1.6 0 010-2.4L9 .5c.7-.7 1.8-.7 2.5 0 .7.6.7 1.7 0 2.3L5 9z"></path></svg> </button>
</div>
<div class="w-10 absolute top-0 left-0 sm:bottom-20 xl:bottom-16 -mr-1 z-20 hidden sm:flex items-center justify-center">
<div x-on:click="previous()" :class="currentActive !== 0 ? 'opacity-100' : ''" class="w-10 h-10 opacity-0 rounded-full shadow flex items-center justify-center bg-white transition duration-300 hover:shadow-md focus:outline-none hover:text-gray-800 cursor-pointer">
<svg alt="Previous slide" loading="lazy" class="fill-current h-4 w-4 -ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M5 9l6.5 6.2c.7.6.7 1.7 0 2.3-.7.7-1.8.7-2.5 0l-7.6-7.3a1.6 1.6 0 010-2.4L9 .5c.7-.7 1.8-.7 2.5 0 .7.6.7 1.7 0 2.3L5 9z"></path></svg> </div>
</div>
</div>
</div>
</div>
<div class="container mx-auto px-4 mb-16 below-the-fold">
<h3 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">
Latest themes </h3>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="theme_post" data-id="15962" data-slug="modern-doodle-minitheme" @toggle-fav-15962.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'modern-doodle-minitheme', ["https:\/\/media.slidesgo.com\/storage\/57012691\/conversions\/0-modern-doodle-minitheme-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/57012693\/conversions\/1-modern-doodle-minitheme-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/modern-doodle-minitheme#position-1&rs=home-latest" x-on:click="handleEvents("15962",
"Modern Doodle Minitheme",
"Multi-purpose",
"",
"https://slidesgo.com/theme/modern-doodle-minitheme#position-1&rs=home-latest&rs=home-latest",
"home-latest")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-15962" style="" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Modern Doodle Minitheme presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/57012873/responsive-images/modern-doodle-minitheme1721732092___media_library_original_459_258.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOXdrblZHd2FramNPdVJVVXR2dmFuSW5sZFR4VjJqYlFyU3g1OThSd2dSQ3h3YTRPQ3dTZTBNd2tISGJOZHA4VUFaWWtDR3ZNYkVYRUNsV2tPMDlxOWJDMzlta2pXR3g5UUdxZDRma29vcnlZZkVZeDNQT1BpQi9xNDY4OEZGRmUxaHY0YU9pT3gvL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/57012873/modern-doodle-minitheme1721732092.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Modern Doodle Minitheme presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Modern Doodle Minitheme presentation template " src="https://media.slidesgo.com/storage/57012693/conversions/1-modern-doodle-minitheme-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":15962,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"zNI2ClQgKixzMDqunX78","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"79ab5fb0734f8fa9fa75fb2a2e08c39d151da5b6c4824283ad8f34ba845870f6"}" wire:effects="[]" wire:id="zNI2ClQgKixzMDqunX78" x-data="favorite([])" x-init="article = 'modern-doodle-minitheme', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', '', 'thumbnail', '15962', 'Modern Doodle Minitheme');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
<template x-teleport="#slidesgo-modal-teleport" data-teleport-template="true">
<div x-data="{modalOpen: false, closeable: true}" x-cloak="x-cloak" x-show="modalOpen" x-on:show-guest-favorite-modal.window="modalOpen = true" x-on:keyup.escape.window="modalOpen = false" x-ref="self">
<div x-cloak="" x-show="modalOpen" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="origin-center fixed inset-0 z-30 flex items-center justify-center px-4 overflow-auto">
<div class="bg-opacity-50 bg-gray-900 fixed inset-0 z-10" x-on:click="modalOpen = false" data-testid="out-premium-modal">
</div>
<div class="bg-white relative z-15 flex flex-col items-center justify-center p-6 sm:p-8 rounded max-w-sm sm:max-w-lg" id="modal-favorite" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<div class="relative landscape:hidden lg:landscape:flex h-auto w-auto flex justify-center items-center">
<img src="/images/illustrations/brush-purple.svg" loading="lazy" class="h-24 w-24 sm:w-44 sm:h-44">
<img src="/images/icons/heart-icon.svg" loading="lazy" class="absolute h-6 w-6 sm:h-12 sm:w-12 xl:h-16 xl:w-16 z-10">
</div>
<h3 class="text-center text-4xl font-semibold font-title mb-3 leading-tight text-gray-900 sm:text-6xl">
It seems that you like this template!
</h3>
<div class="mb-4 text-gray-800 text-lg text-center leading-relaxed w-full">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!</div>
<div class="flex items-center justify-center w-full"><button x-on:click="modalOpen = false;" class="group absolute top-0 right-0 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-10 h-10 mt-2 mr-2 flex items-center justify-center">
<svg class="fill-current w-3.5 h-3.5 text-gray-600 group-hover:text-gray-800 transition-all duration-300" 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>
<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></div>
</div>
</div>
</div>
</template>
</div>
<div x-data="download(
15962,
'modern-doodle-minitheme',
'Modern Doodle Minitheme',
0,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/modern-doodle-minitheme/download',
false,
{"search":false,"nextSearchExpression":false,"position":1,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-15962.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
<template x-teleport="#slidesgo-modal-teleport" data-teleport-template="true">
<div x-data="{modalOpen: false, closeable: true}" x-cloak="x-cloak" x-show="modalOpen" x-on:show-guest-download-modal.window="modalOpen = true;gtm.limitModal('true')" x-on:keyup.escape.window="modalOpen = false" data-anonymous="1" x-ref="self">
<div x-cloak="" x-show="modalOpen" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="origin-center fixed inset-0 z-30 flex items-center justify-center px-4 overflow-auto">
<div class="bg-opacity-50 bg-gray-900 fixed inset-0 z-10" x-on:click="modalOpen = false" data-testid="out-premium-modal">
</div>
<div class="bg-white relative z-15 flex flex-col items-center justify-center p-6 sm:p-8 rounded max-w-sm sm:max-w-lg" id="modal-limit" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<button type="button" x-on:click="modalOpen = false; return false;" class="group absolute top-0 right-0 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-10 h-10 mt-2 mr-2 flex items-center justify-center">
<svg class="fill-current w-3.5 h-3.5 text-gray-600 group-hover:text-gray-800 transition-all duration-300" 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>
<div class="relative landscape:hidden lg:landscape:flex h-auto w-auto flex justify-center items-center">
<img src="/images/illustrations/premium-creativity.png" loading="lazy" class="object-contain mb-4 hidden md:flex w-3/4 h-3/4 2xl:w-full 2xl:h-full">
</div>
<h3 class="text-center text-4xl font-semibold font-title mb-3 leading-tight text-gray-900 sm:text-6xl mt-4">
Register for free and start downloading now
</h3>
<div class="mb-4 text-gray-800 text-lg text-center leading-relaxed w-full">Register on our website to download 5 FREE templates every month, or GO Premium for unlimited downloads!</div>
<div class="flex items-center justify-center w-full"><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></div>
</div>
</div>
</div>
</template>
</div>
<div class="hidden">
<svg id="icon-download" alt="Download icon" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg id="icon-close" alt="close icon" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75248 8.4965L12.4041 5.84485C12.8923 5.3567 12.8923 4.56525 12.4041 4.0771C11.9159 3.58895 11.1245 3.58895 10.6364 4.0771L7.98473 6.7287L5.33308 4.07705C4.84493 3.5889 4.05348 3.5889 3.56533 4.07705C3.07718 4.5652 3.07718 5.35665 3.56533 5.8448L6.21703 8.4965L3.56533 11.1482C3.07718 11.6363 3.07718 12.4278 3.56533 12.9159C4.05348 13.4041 4.84493 13.4041 5.33308 12.9159L7.98473 10.2643L10.6364 12.9159C11.1245 13.4041 11.916 13.4041 12.4041 12.9159C12.8923 12.4278 12.8923 11.6363 12.4041 11.1482L9.75248 8.4965Z"></path>
</svg>
<svg id="icon-googleslides-button" alt="Google Slides" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="path81" d="m 12.545898,8.5 c -2.1233,0 -3.8437495,1.743331 -3.8437495,3.894531 v 23.210938 c 0,2.1513 1.7206495,3.894531 3.8437495,3.894531 h 22.90625 c 2.1233,0 3.845703,-1.743431 3.845703,-3.894531 V 12.394531 C 39.298051,10.243131 37.575448,8.5 35.452148,8.5 Z m 1.830078,7.164063 h 19.080078 c 0.7044,0 1.275391,0.581428 1.275391,1.298828 v 14.142578 c 0,0.7174 -0.570991,1.298828 -1.275391,1.298828 H 14.375976 c -0.7044,0 -1.275391,-0.581428 -1.275391,-1.298828 V 16.962891 c 10e-7,-0.7174 0.570991,-1.298829 1.275391,-1.298828 z" fill="white"></path>
</svg>
<svg id="icon-powerpoint-button" alt="PowerPoint" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="g829" transform="translate(3.5076754e-4,-0.76487413)">
<path d="m 31.7923,15.9062 c -0.3912,0 -0.7083,0.3052 -0.7083,0.6816 v 4.0895 c 0,0.3764 0.3171,0.6816 0.7083,0.6816 h 4.25 c 0.3912,0 0.7084,-0.3052 0.7084,-0.6816 -1e-4,-2.6349 -2.22,-4.7711 -4.9584,-4.7711 z" fill="#ffffff" id="path786"></path>
<path d="m 31.7919,22.7268 c -1.1736,0 -2.125,-0.9154 -2.125,-2.0447 v -3.3383 c -2.7049,0.3702 -4.5857,2.7803 -4.201,5.383 0.3848,2.6028 2.8895,4.4126 5.5944,4.0423 2.179,-0.2982 3.891,-1.9456 4.201,-4.0423 z" fill="#ffffff" id="path788"></path>
<path d="m 26.567,9.23854 c 0.1689,0.12978 0.267,0.32652 0.2663,0.53438 V 39.7625 c 0,0.0345 -0.0028,0.0691 -0.0082,0.1033 -0.0595,0.372 -0.4211,0.6272 -0.8078,0.57 L 7.60068,37.7095 C 7.25523,37.6584 7.00016,37.3724 7.00003,37.0361 V 13.8624 c -0.00312,-0.32 0.22558,-0.599 0.54971,-0.6707 L 25.9664,9.10225 c 0.2113,-0.04531 0.4325,0.00492 0.6006,0.13629 z M 13.375,30.9019 c 0.3913,0 0.7084,-0.3052 0.7084,-0.6818 v -3.4078 h 2.125 c 1.956,0 3.5416,-1.5258 3.5416,-3.4079 v -1.3631 c 0,-1.8822 -1.5856,-3.4079 -3.5416,-3.4079 H 13.375 c -0.3912,0 -0.7083,0.3052 -0.7083,0.6816 v 10.9053 c 0,0.3764 0.3171,0.6816 0.7083,0.6816 z m 0.7084,-5.4527 v -5.4526 h 2.125 c 1.1736,0 2.125,0.9155 2.125,2.0447 v 1.3632 c 0,1.1292 -0.9514,2.0447 -2.125,2.0447 z" fill="#ffffff" id="path790"></path>
<path d="M 40.2911,37.7203 H 26.1244 c -0.3912,0 -0.7084,-0.3052 -0.7084,-0.6816 0,-0.3765 0.3172,-0.6816 0.7084,-0.6816 H 39.5827 V 13.1834 H 26.1244 c -0.3912,0 -0.7084,-0.3051 -0.7084,-0.6816 0,-0.3764 0.3172,-0.6815 0.7084,-0.6815 H 40.291 c 0.3912,0 0.7083,0.3052 0.7083,0.6816 v 24.5368 c 0,0.3764 -0.317,0.6816 -0.7082,0.6816 z" fill="#ffffff" id="path792"></path>
<path d="m 36.0411,33.6288 h -9.9167 c -0.3912,0 -0.7084,-0.3052 -0.7084,-0.6816 0,-0.3764 0.3172,-0.6816 0.7084,-0.6816 h 9.9166 c 0.3912,0 0.7084,0.3052 0.7084,0.6816 0,0.3765 -0.3171,0.6816 -0.7083,0.6816 z" fill="#ffffff" id="path794"></path>
<path d="m 36.0411,29.5351 h -9.9167 c -0.3912,0 -0.7084,-0.3052 -0.7084,-0.6816 0,-0.3764 0.3172,-0.6816 0.7084,-0.6816 h 9.9166 c 0.3912,0 0.7084,0.3052 0.7084,0.6816 0,0.3765 -0.3171,0.6816 -0.7083,0.6816 z" fill="#ffffff" id="path796"></path>
</g>
</svg>
<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
<svg id="icon-canva-button" alt="Canva" viewBox="0 0 45 45" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="m 39.7541,24.5603 c -0.0594,0 -0.1137,0.0389 -0.1414,0.1188 -0.3585,1.0235 -0.8431,1.6331 -1.2427,1.6331 -0.2295,0 -0.3217,-0.2551 -0.3217,-0.6557 0,-1.003 0.6004,-3.1288 0.9026,-4.098 0.0348,-0.1178 0.0574,-0.2223 0.0574,-0.3115 0,-0.2817 -0.1537,-0.42 -0.5358,-0.42 -0.4109,0 -0.8545,0.1608 -1.2847,0.9149 -0.1486,-0.6649 -0.5984,-0.9559 -1.2264,-0.9559 -0.7263,0 -1.4281,0.4672 -2.0059,1.2253 -0.5779,0.7582 -1.2571,1.0061 -1.7673,0.8842 0.3678,-0.8995 0.504,-1.5716 0.504,-2.0705 0,-0.7828 -0.3872,-1.2551 -1.0111,-1.2551 -0.9508,0 -1.4979,0.9067 -1.4979,1.8605 0,0.7366 0.334,1.4948 1.0696,1.8626 -0.6157,1.3933 -1.5152,2.6534 -1.8564,2.6534 -0.4405,0 -0.5706,-2.1576 -0.546,-3.7015 0.0153,-0.8852 0.0891,-0.9313 0.0891,-1.1987 0,-0.1536 -0.0994,-0.2592 -0.5,-0.2592 -0.9343,0 -1.2232,0.791 -1.2673,1.6997 -0.0143,0.3452 -0.0686,0.6874 -0.1608,1.0204 -0.3903,1.3933 -1.1956,2.4496 -1.7201,2.4496 -0.2429,0 -0.3094,-0.2428 -0.3094,-0.5615 0,-1.0029 0.5614,-2.2559 0.5614,-3.3255 0,-0.7858 -0.3443,-1.2827 -0.9938,-1.2827 -0.7643,0 -1.7765,0.9098 -2.7334,2.6146 0.3146,-1.3052 0.4447,-2.5695 -0.4886,-2.5695 -0.2029,0.0031 -0.4006,0.0543 -0.5789,0.1506 -0.1219,0.0574 -0.1967,0.1834 -0.1885,0.3186 0.0891,1.3893 -1.1198,4.9494 -2.2662,4.9494 -0.208,0 -0.3094,-0.2254 -0.3094,-0.5901 0,-1.004 0.5983,-3.1258 0.8995,-4.097 0.039,-0.126 0.0594,-0.2346 0.0594,-0.3288 0,-0.2664 -0.1649,-0.4027 -0.5368,-0.4027 -0.4098,0 -0.8544,0.1557 -1.2827,0.9098 -0.1506,-0.6649 -0.6003,-0.9559 -1.2283,-0.9559 -1.0307,0 -2.1822,1.0901 -2.6883,2.5111 -0.6772,1.8973 -2.0419,3.7292 -3.8798,3.7292 -1.6679,0 -2.54794,-1.3882 -2.54794,-3.5807 0,-3.1657 2.32354,-5.7525 4.04784,-5.7525 0.8247,0 1.2181,0.5245 1.2181,1.3298 0,0.9743 -0.544,1.4281 -0.544,1.799 0,0.1137 0.0942,0.2254 0.2817,0.2254 0.7489,0 1.631,-0.8801 1.631,-2.0808 0,-1.2007 -0.9743,-2.0787 -2.6985,-2.0787 C 7.86655,16.8878 5,19.7544 5,23.4272 c 0,2.9229 1.4425,4.685 3.93613,4.685 1.70067,0 3.18727,-1.3226 3.98837,-2.8665 0.0912,1.2796 0.6721,1.9475 1.5572,1.9475 0.7879,0 1.4241,-0.4692 1.9107,-1.2929 0.1875,0.8627 0.6844,1.2847 1.3298,1.2847 0.7397,0 1.3596,-0.4692 1.9497,-1.34 -0.0082,0.6844 0.1475,1.3288 0.7407,1.3288 0.2797,0 0.6147,-0.0646 0.6741,-0.3094 0.6249,-2.5828 2.1678,-4.6922 2.6412,-4.6922 0.1403,0 0.1782,0.1352 0.1782,0.294 0,0.7018 -0.4948,2.1402 -0.4948,3.0592 0,0.9917 0.4221,1.6484 1.2929,1.6484 0.9661,0 1.9476,-1.1833 2.6022,-2.9116 0.2049,1.6156 0.6475,2.9188 1.3401,2.9188 0.8503,0 2.3604,-1.7898 3.2763,-3.6852 0.3586,0.0451 0.8975,0.0328 1.4159,-0.3329 -0.2203,0.5583 -0.3504,1.1689 -0.3504,1.7795 0,1.7591 0.8401,2.2519 1.5624,2.2519 0.7858,0 1.423,-0.4693 1.9107,-1.293 0.1608,0.7438 0.5727,1.2827 1.3288,1.2827 1.1833,0 2.2098,-1.2089 2.2098,-2.2016 0,-0.2623 -0.1117,-0.4221 -0.2428,-0.4221 z M 15.1989,26.22 c -0.4774,0 -0.6649,-0.4815 -0.6649,-1.1987 0,-1.2458 0.8524,-3.3265 1.7539,-3.3265 0.3935,0 0.543,0.4641 0.543,1.0306 0,1.2653 -0.8104,3.4946 -1.631,3.4946 z m 16.3643,-3.719 c -0.2848,-0.3391 -0.3882,-0.8011 -0.3882,-1.213 0,-0.5071 0.1854,-0.9364 0.4077,-0.9364 0.2223,0 0.291,0.2193 0.291,0.5236 0,0.5091 -0.1824,1.2529 -0.3094,1.6258 z m 3.7057,3.719 c -0.4775,0 -0.6649,-0.5533 -0.6649,-1.1987 0,-1.2028 0.8523,-3.3265 1.76,-3.3265 0.3935,0 0.5338,0.46 0.5338,1.0306 0,1.2653 -0.796,3.4946 -1.6289,3.4946 z" fill="#ffffff" id="path696"></path>
</svg>
<svg id="icon-pdf" alt="PDF" 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>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/modern-doodle-minitheme#position-1&rs=home-latest&rs=home-latest" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Modern Doodle Minitheme
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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....</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="hidden">
<svg class="size-3 fill-current" id="powerpoint" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.563 9.55439H18.5627C18.4267 11.7273 17.5072 13.7846 15.9649 15.3382C17.4581 13.8342 18.4242 11.8062 18.563 9.55439ZM15.9175 15.3856C14.2304 17.0599 11.9495 18 9.57167 18C12.047 18 14.2892 17.0016 15.9175 15.3856ZM9.57167 18C7.18243 18 4.89104 17.0509 3.20159 15.3614C2.96626 15.1261 2.74529 14.8791 2.53926 14.6218H2.53887C4.18985 16.6813 6.72676 18 9.57167 18ZM2.53887 3.36094H2.53929C2.73717 3.11378 2.9483 2.87679 3.17195 2.65104C2.94878 2.87629 2.73742 3.11326 2.53887 3.36094ZM4.05502 3.36094H9.00863V1.12891C8.16621 1.18923 7.33769 1.38466 6.55514 1.7088C5.62356 2.09467 4.7749 2.6556 4.05502 3.36094ZM10.1347 1.12891V4.05438L10.1347 4.06094V8.4283L17.4341 8.4283C17.3738 7.58588 17.1784 6.75736 16.8542 5.97481C16.4581 5.01846 15.8775 4.14949 15.1455 3.41752C14.4135 2.68556 13.5446 2.10493 12.5882 1.7088C11.8057 1.38466 10.9771 1.18923 10.1347 1.12891ZM17.4341 9.55439L10.1347 9.55439V13.9218C10.1347 14.3084 9.82134 14.6218 9.43474 14.6218H4.05502C5.52759 16.0646 7.50791 16.8739 9.57167 16.8739C11.6623 16.8739 13.6672 16.0434 15.1455 14.5652C16.4905 13.2202 17.2992 11.4392 17.4341 9.55439ZM18.563 8.42831C18.424 6.17457 17.4564 4.14504 15.9611 2.64065C16.7885 3.47312 17.4453 4.45933 17.8946 5.54388C18.2753 6.46311 18.5007 7.43785 18.5627 8.42831H18.563ZM15.9273 2.60683C14.4224 1.10871 12.3909 0.139132 10.1347 0V0.000302682C11.1252 0.0623264 12.0999 0.287675 13.0191 0.668433C14.1058 1.11855 15.0938 1.7771 15.9273 2.60683ZM9.00863 0C6.7603 0.138647 4.73511 1.10196 3.23181 2.59119C4.062 1.76882 5.04436 1.11572 6.12421 0.668433C7.04344 0.287674 8.01818 0.0623263 9.00863 0.000302659V0ZM0.750533 4.48702H8.25812C8.45717 4.48702 8.64808 4.56609 8.78883 4.70684C8.92958 4.84759 9.00865 5.0385 9.00865 5.23755V12.7451C9.00865 12.9442 8.92958 13.1351 8.78883 13.2758C8.64808 13.4166 8.45717 13.4957 8.25812 13.4957H0.750533C0.55148 13.4957 0.360578 13.4166 0.219826 13.2758C0.0790738 13.1351 0 12.9442 0 12.7451V5.23755C0 5.0385 0.0790738 4.84759 0.219826 4.70684C0.360578 4.56609 0.55148 4.48702 0.750533 4.48702ZM4.50253 6.17605C5.05694 6.13873 5.60661 6.29934 6.0537 6.6293C6.23707 6.79293 6.38082 6.99612 6.47407 7.2235C6.56733 7.45088 6.60764 7.69649 6.59196 7.94175C6.59811 8.2602 6.50504 8.57268 6.32564 8.83586C6.14304 9.12674 5.88026 9.35863 5.56892 9.50363C5.21297 9.66889 4.82394 9.75055 4.43158 9.74236H3.35618V11.8065H2.25206V6.17605H4.50253ZM3.35562 8.81277H4.30546C4.60662 8.83492 4.90547 8.74599 5.14552 8.56279C5.2409 8.50142 5.31773 8.4152 5.36773 8.31341C5.41774 8.21161 5.43902 8.0981 5.42929 7.98511C5.42929 7.36238 5.0665 7.05102 4.34093 7.05102H3.35562V8.81277Z"></path>
</svg>
<svg class="size-3 fill-current" id="infographics" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7013 24H3.37662C1.51475 24 0 22.4852 0 20.6234V1.2987C0 0.581455 0.581455 0 1.2987 0C2.01595 0 2.5974 0.581455 2.5974 1.2987V20.6234C2.5974 21.053 2.94696 21.4026 3.37662 21.4026H22.7013C23.4185 21.4026 24 21.9841 24 22.7013C24 23.4185 23.4185 24 22.7013 24ZM5.97401 19.3247C5.25676 19.3247 4.67531 18.7432 4.67531 18.026V12C4.67531 11.2828 5.25676 10.7013 5.97401 10.7013C6.69126 10.7013 7.27271 11.2828 7.27271 12V18.026C7.27271 18.7432 6.69126 19.3247 5.97401 19.3247ZM9.35062 18.026C9.35062 18.7432 9.93207 19.3247 10.6493 19.3247C11.3666 19.3247 11.948 18.7432 11.948 18.026V5.97403C11.948 5.25678 11.3666 4.67533 10.6493 4.67533C9.93207 4.67533 9.35062 5.25678 9.35062 5.97403V18.026ZM15.3247 19.3247C14.6075 19.3247 14.026 18.7432 14.026 18.026V12C14.026 11.2828 14.6075 10.7013 15.3247 10.7013C16.042 10.7013 16.6234 11.2828 16.6234 12V18.026C16.6234 18.7432 16.042 19.3247 15.3247 19.3247ZM18.7013 18.026C18.7013 18.7432 19.2828 19.3247 20 19.3247C20.7173 19.3247 21.2987 18.7432 21.2987 18.026V5.97403C21.2987 5.25678 20.7173 4.67533 20 4.67533C19.2828 4.67533 18.7013 5.25678 18.7013 5.97403V18.026Z"></path>
</svg>
<svg class="size-3 fill-current" id="slidesclass" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M16.0125 5.99374v-.0125c0-.0125-.0031-.02813-.0031-.04063v-.00937c-.0063-.03438-.0125-.06563-.0219-.1v-.00313c-.0125-.05-.0344-.09687-.0563-.14375 0 0 .0001-.00312-.0031-.00312-.0156-.02813-.0312-.05938-.05-.08438-.0031-.00312-.0031-.00625-.0062-.00625-.0063-.00937-.0156-.02187-.025-.03125-.0031-.00312-.0031-.00625-.0063-.00937-.0093-.0125-.0187-.025-.0312-.03438-.0032-.00312-.0063-.00625-.0063-.00625-.0093-.00937-.0156-.01875-.025-.025-.0031-.00312-.0062-.00625-.0093-.00937-.0094-.00938-.0188-.01875-.0313-.02813l-.0031-.00312c-.0125-.00938-.025-.01875-.0375-.02813-.0032-.00312-.0063-.00312-.0094-.00625-.0125-.00937-.025-.01562-.0375-.025l-.0031-.00312c-.0156-.00938-.0313-.01875-.0469-.025l-7.21875-3.8125c-.22812-.12188-.5-.12188-.73125 0L.43125 5.35624c-.25625.13437-.415625.4-.415625.69062 0 .29063.159375.55625.415625.69063l2.39687 1.2625v3.73121c0 .1375.03438.2719.10313.3907.05625.1 1.45313 2.4531 5.02187 2.4531 4.02498 0 5.13748-2.425 5.18438-2.5281.0437-.1.0656-.2063.0656-.3157V7.99999l1.25-.65938v4.32809c0 .4313.35.7813.7813.7813.4312 0 .7812-.35.7812-.7813V6.04374c0-.01875 0-.03438-.0031-.05Zm-4.3719 5.53436c-.2406.3625-1.1843 1.4844-3.68748 1.4844-2.18125 0-3.24062-1.1063-3.5625-1.525V8.82499L7.65 10.5469c.11563.0593.24062.0906.36562.0906s.25001-.0313.36563-.0906l3.25935-1.72191v2.70311ZM8.01562 8.97186 2.46875 6.04374l5.54687-2.92813 5.54688 2.92813-5.54688 2.92812Z"></path></svg>
<svg class="size-3 fill-current" id="coloring-page" viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"><path d="M33.688 1.312a4.578 4.578 0 0 0-6.315 0L11.029 17.645a8.095 8.095 0 0 0-1.543-.145 7.958 7.958 0 0 0-5.665 2.346C1.849 21.82.458 27.113.045 29.987a4.375 4.375 0 0 0 4.97 4.967c2.875-.412 8.167-1.804 10.141-3.775a8.013 8.013 0 0 0 2.188-7.206L33.687 7.627a4.474 4.474 0 0 0 0-6.315ZM13.09 29.117c-1.057 1.057-5.104 2.463-8.493 2.95a1.48 1.48 0 0 1-1.253-.413 1.459 1.459 0 0 1-.41-1.253c.485-3.387 1.895-7.437 2.948-8.493a5.104 5.104 0 0 1 7.208 7.209ZM31.628 5.565 16.14 21.055a7.842 7.842 0 0 0-2.187-2.2L29.435 3.372a1.584 1.584 0 0 1 2.188 0 1.55 1.55 0 0 1 .005 2.194Z"></path><defs><clipPath id="a"><path d="M0 0h35v35H0z"></path></clipPath></defs></svg>
<svg class="size-3 fill-current" id="marketing" viewBox="0 0 35 35" xmlns="http://www.w3.org/2000/svg"><path d="M2.504 21.438 8.531 35h3.582a4.014 4.014 0 0 0 3.666-5.64l-3.326-7.485h3.589a7.3 7.3 0 0 1 7.291 7.292h2.917V0h-2.917a7.3 7.3 0 0 1-7.291 7.292H4.375A4.375 4.375 0 0 0 0 11.667V17.5a4.375 4.375 0 0 0 2.504 3.938Zm10.61 9.104a1.095 1.095 0 0 1-1.001 1.541h-1.686L5.89 21.875h3.37l3.853 8.667ZM2.916 11.667a1.458 1.458 0 0 1 1.458-1.459h11.667a10.167 10.167 0 0 0 7.291-3.078v14.907a10.168 10.168 0 0 0-7.291-3.079H4.375A1.458 1.458 0 0 1 2.917 17.5v-5.833ZM32.51 22.906l-3.337-3.337 2.062-2.062 3.337 3.337-2.062 2.062Zm-1.22-11.302L29.23 9.542l3.282-3.281 2.062 2.062-3.282 3.281Zm-.666 1.521H35v2.917h-4.375v-2.917Z"></path><clipPath id="a"><path d="M0 0h35v35H0z"></path></clipPath></svg>
<svg class="size-3 fill-current" id="multi-purpose" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><path d="M27.708 0h-8.75a7.3 7.3 0 0 0-7.291 7.292v.146a7.305 7.305 0 0 0-5.834 7.145v.146A7.305 7.305 0 0 0 0 21.875v5.833A7.3 7.3 0 0 0 7.292 35h8.75a7.3 7.3 0 0 0 7.291-7.292v-.145a7.305 7.305 0 0 0 5.834-7.146v-.146A7.305 7.305 0 0 0 35 13.125V7.292A7.3 7.3 0 0 0 27.708 0ZM2.917 21.875A4.375 4.375 0 0 1 7.292 17.5h8.75a4.358 4.358 0 0 1 3.847 2.333l-5.039 5.05-.692-.698a2.905 2.905 0 0 0-3.95-.162L3.47 29.798a4.316 4.316 0 0 1-.552-2.09v-5.833Zm17.5 5.833a4.375 4.375 0 0 1-4.375 4.375h-8.75a4.331 4.331 0 0 1-1.63-.322l6.425-5.511.694.701a2.917 2.917 0 0 0 4.124 0l3.512-3.518v4.275Zm5.833-7.291a4.375 4.375 0 0 1-2.917 4.106v-2.648a7.3 7.3 0 0 0-7.291-7.292H8.75a4.375 4.375 0 0 1 4.375-4.375h8.75a4.375 4.375 0 0 1 4.375 4.375v5.834Zm5.833-7.292a4.375 4.375 0 0 1-2.916 4.107v-2.649a7.3 7.3 0 0 0-7.292-7.291h-7.292a4.375 4.375 0 0 1 4.375-4.375h8.75a4.375 4.375 0 0 1 4.375 4.375v5.833Zm-26.25 8.75a1.458 1.458 0 1 1 2.917 0 1.458 1.458 0 0 1-2.917 0Z"></path></svg>
<svg class="size-3 fill-current" id="medical" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 35 35"><path d="M27.708 7.291h-4.375V5.833a4.375 4.375 0 0 0-4.375-4.375h-2.916a4.375 4.375 0 0 0-4.375 4.375v1.458H7.292A7.3 7.3 0 0 0 0 14.583V26.25a7.3 7.3 0 0 0 7.292 7.291h20.416A7.3 7.3 0 0 0 35 26.25V14.583a7.3 7.3 0 0 0-7.292-7.292ZM14.583 5.833a1.458 1.458 0 0 1 1.459-1.458h2.916a1.458 1.458 0 0 1 1.459 1.458v1.458h-5.834V5.833Zm17.5 20.417a4.375 4.375 0 0 1-4.375 4.375H7.292a4.375 4.375 0 0 1-4.375-4.375V14.583a4.375 4.375 0 0 1 4.375-4.375h20.416a4.375 4.375 0 0 1 4.375 4.375V26.25Zm-8.75-5.834a1.458 1.458 0 0 1-1.458 1.459h-2.917v2.916a1.458 1.458 0 1 1-2.916 0v-2.916h-2.917a1.458 1.458 0 1 1 0-2.917h2.917v-2.917a1.458 1.458 0 1 1 2.916 0v2.917h2.917a1.458 1.458 0 0 1 1.458 1.458Z"></path><clipPath id="a"><path d="M0 0h35v35H0z"></path></clipPath></svg>
<svg class="size-3 fill-current" id="education" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path d="M14.1853 0H4.039C2.69412 0 1.59998 1.09415 1.59998 2.43902V13.561C1.59998 14.9059 2.69412 16 4.039 16H14.1853C14.6344 16 14.9984 15.636 14.9984 15.187V0.813008C14.9984 0.363968 14.6344 0 14.1853 0ZM13.3723 11.1219H6.15283V1.626H13.3723V11.1219ZM4.03899 1.626H4.52679V11.1219H4.03899C3.75398 11.1219 3.48045 11.1715 3.22598 11.2618V2.43901C3.22598 1.99071 3.5907 1.626 4.03899 1.626ZM4.03899 14.374C3.5907 14.374 3.22598 14.0093 3.22598 13.561C3.22598 13.1127 3.5907 12.748 4.03899 12.748H13.3723V14.374H4.03899Z"></path>
</svg>
<svg class="size-3 fill-current" id="business" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg">
<path d="M12.6667 3.16667H11.9333C11.7786 2.41428 11.3692 1.73823 10.7742 1.25248C10.1791 0.766727 9.4348 0.50097 8.66667 0.5L7.33333 0.5C6.5652 0.50097 5.82088 0.766727 5.22583 1.25248C4.63079 1.73823 4.2214 2.41428 4.06667 3.16667H3.33333C2.4496 3.16773 1.60237 3.51925 0.97748 4.14415C0.352588 4.76904 0.00105857 5.61627 0 6.5L0 13.1667C0.00105857 14.0504 0.352588 14.8976 0.97748 15.5225C1.60237 16.1474 2.4496 16.4989 3.33333 16.5H12.6667C13.5504 16.4989 14.3976 16.1474 15.0225 15.5225C15.6474 14.8976 15.9989 14.0504 16 13.1667V6.5C15.9989 5.61627 15.6474 4.76904 15.0225 4.14415C14.3976 3.51925 13.5504 3.16773 12.6667 3.16667ZM7.33333 1.83333H8.66667C9.07884 1.83504 9.48042 1.96406 9.81647 2.20273C10.1525 2.44139 10.4066 2.77806 10.544 3.16667H5.456C5.59339 2.77806 5.84749 2.44139 6.18353 2.20273C6.51958 1.96406 6.92116 1.83504 7.33333 1.83333ZM3.33333 4.5H12.6667C13.1971 4.5 13.7058 4.71071 14.0809 5.08579C14.456 5.46086 14.6667 5.96957 14.6667 6.5V8.5H1.33333V6.5C1.33333 5.96957 1.54405 5.46086 1.91912 5.08579C2.29419 4.71071 2.8029 4.5 3.33333 4.5ZM12.6667 15.1667H3.33333C2.8029 15.1667 2.29419 14.956 1.91912 14.5809C1.54405 14.2058 1.33333 13.6971 1.33333 13.1667V9.83333H7.33333V10.5C7.33333 10.6768 7.40357 10.8464 7.5286 10.9714C7.65362 11.0964 7.82319 11.1667 8 11.1667C8.17681 11.1667 8.34638 11.0964 8.47141 10.9714C8.59643 10.8464 8.66667 10.6768 8.66667 10.5V9.83333H14.6667V13.1667C14.6667 13.6971 14.456 14.2058 14.0809 14.5809C13.7058 14.956 13.1971 15.1667 12.6667 15.1667Z"></path>
</svg>
<svg class="size-3 fill-current" id="multilingual" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M15.364 2.636A8.941 8.941 0 0 0 9 0a8.941 8.941 0 0 0-6.364 2.636A8.941 8.941 0 0 0 0 9c0 2.404.936 4.664 2.636 6.364A8.941 8.941 0 0 0 9 18a8.941 8.941 0 0 0 6.364-2.636A8.941 8.941 0 0 0 18 9a8.941 8.941 0 0 0-2.636-6.364ZM16.242 9c0 1.62-.534 3.117-1.436 4.325l-.706-.481a.88.88 0 0 0-.495-.153h-1.968v-1.09a2.288 2.288 0 0 0-2.285-2.285H6.398V6.82h.985a.879.879 0 0 0 .879-.879V4.254h2.11a2.218 2.218 0 0 0 2.125-1.594A7.248 7.248 0 0 1 16.242 9ZM1.758 9c0-.53.058-1.046.166-1.544l4.316 4.316v1.2c0 .486.394.88.88.88h1.775v2.389C4.95 16.184 1.758 12.958 1.758 9Z"></path></svg>
</div>
<div class="theme_post" data-id="12404" data-slug="funny-looking-cartoon-characters-minitheme" @toggle-fav-12404.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'funny-looking-cartoon-characters-minitheme', ["https:\/\/media.slidesgo.com\/storage\/23308717\/conversions\/0-funny-looking-cartoon-characters-minitheme-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/23308718\/conversions\/1-funny-looking-cartoon-characters-minitheme-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/funny-looking-cartoon-characters-minitheme#position-2&rs=home-latest" x-on:click="handleEvents("12404",
"Funny Looking Cartoon Characters Minitheme",
"Multi-purpose",
"",
"https://slidesgo.com/theme/funny-looking-cartoon-characters-minitheme#position-2&rs=home-latest&rs=home-latest",
"home-latest")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-12404" style="" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Funny Looking Cartoon Characters Minitheme presentation template " loading="eager" decoding="sync" srcset="https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/23308768/responsive-images/funny-looking-cartoon-characters-minitheme1659344177___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErKzlEMGQ5SXNOcFl5a2VsTWZ4RE5CY0dONHlBSzUzdzM4VGJlemhkYmc1SS92VmhlSXZpdkF1cXBzdERKRTNWbEhGZk00YkUwS3RPTlNwZFhQcFhHdk9UVk9Day91TzdqOFJUM1UvbHh4azFQY2E1RHBHR3VNb3pkalhLYUg4UjlLam5SdkwydWZXazhYNi9CcjhrVHhLRGpvQlhUV3FVYVVQYVJmbVp3bE56VWExTzNvZVhlS1Bra08zNWVPMVdOSlJYMElsbERIMUlvb3JnZis3VS9SbnFRL2hTS0VJeGVMaXUzMFlBdEhrWm9vcU1YdlQvQU1KbFgrejZILy9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/23308768/funny-looking-cartoon-characters-minitheme1659344177.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Funny Looking Cartoon Characters Minitheme presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Funny Looking Cartoon Characters Minitheme presentation template " src="https://media.slidesgo.com/storage/23308718/conversions/1-funny-looking-cartoon-characters-minitheme-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":12404,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"TqR7VWZxz5O8n7Z9A0OH","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"44bb6ecf6aaaf4bef703603b2f0e042098cead46662a40e6959b6c42c4e05b5b"}" wire:effects="[]" wire:id="TqR7VWZxz5O8n7Z9A0OH" x-data="favorite([])" x-init="article = 'funny-looking-cartoon-characters-minitheme', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', '', 'thumbnail', '12404', 'Funny Looking Cartoon Characters Minitheme');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
12404,
'funny-looking-cartoon-characters-minitheme',
'Funny Looking Cartoon Characters Minitheme',
0,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/funny-looking-cartoon-characters-minitheme/download',
false,
{"search":false,"nextSearchExpression":false,"position":2,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-12404.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center -inset-x-24">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/funny-looking-cartoon-characters-minitheme#position-2&rs=home-latest&rs=home-latest" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Funny Looking Cartoon Characters Minitheme
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="12402" data-slug="creative-leafy-backgrounds-minitheme" @toggle-fav-12402.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'creative-leafy-backgrounds-minitheme', ["https:\/\/media.slidesgo.com\/storage\/59150219\/conversions\/0-creative-leafy-backgrounds-minitheme-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/59150224\/conversions\/1-creative-leafy-backgrounds-minitheme-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/creative-leafy-backgrounds-minitheme#position-3&rs=home-latest" x-on:click="handleEvents("12402",
"Creative Leafy Backgrounds Minitheme",
"Multi-purpose",
"",
"https://slidesgo.com/theme/creative-leafy-backgrounds-minitheme#position-3&rs=home-latest&rs=home-latest",
"home-latest")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-12402" style="" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Creative Leafy Backgrounds Minitheme presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/59150458/responsive-images/creative-leafy-backgrounds-minitheme1725365524___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBNnkzU0MrWXdTdU9SVExYd2JwMXRkUElDY3RYbnZoeldMdWZYWXQ4aEM1NXIyTjdpeEVhRnBnQ1I2MU1hWHM0MmU3T2l2akpWNmprdElyWTVpNzhCNlpQS1pNbkpyTE9tTHBzN1cwS25hSzlCaXVMRWMrYUQrTllXcWVWUGNGNHdNZXRGU3RhTmlNUGdGaVp0cG5rbWhjYXFLN1M4WnNyOHgvT2lpcGw4UzlET3QvQ2YrSW10bWJjUG1QNTFwdVQ1Um9vckRFN0k5RGg3YWZxZi85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/59150458/creative-leafy-backgrounds-minitheme1725365524.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Creative Leafy Backgrounds Minitheme presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Creative Leafy Backgrounds Minitheme presentation template " src="https://media.slidesgo.com/storage/59150224/conversions/1-creative-leafy-backgrounds-minitheme-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":12402,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"s9LaAP7U9M9TOzJ2bsCR","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"7a64c7d53130df92a205afe52ecf78add5e5c081b54b5d28ebdc43ee722c8b92"}" wire:effects="[]" wire:id="s9LaAP7U9M9TOzJ2bsCR" x-data="favorite([])" x-init="article = 'creative-leafy-backgrounds-minitheme', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', '', 'thumbnail', '12402', 'Creative Leafy Backgrounds Minitheme');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
12402,
'creative-leafy-backgrounds-minitheme',
'Creative Leafy Backgrounds Minitheme',
0,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/creative-leafy-backgrounds-minitheme/download',
false,
{"search":false,"nextSearchExpression":false,"position":3,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-12402.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center -inset-x-24">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/creative-leafy-backgrounds-minitheme#position-3&rs=home-latest&rs=home-latest" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Creative Leafy Backgrounds Minitheme
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="33020" data-slug="halloween-fantasy-story-book-creative" @toggle-fav-33020.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'halloween-fantasy-story-book-creative', ["https:\/\/media.slidesgo.com\/storage\/60707135\/conversions\/0-halloween-fantasy-story-book-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/60707145\/conversions\/1-halloween-fantasy-story-book-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="afour">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/halloween-fantasy-story-book-creative#position-4&rs=home-latest" x-on:click="handleEvents("33020",
"Halloween Fantasy Story Book",
"A4, Printable Slides",
"premium",
"https://slidesgo.com/theme/halloween-fantasy-story-book-creative#position-4&rs=home-latest&rs=home-latest",
"home-latest")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full p-3 object-contain object-center user-select-none cover-image-33020" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Halloween Fantasy Story Book presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/60707135/responsive-images/0-halloween-fantasy-story-book___media_library_original_354_458.jpg 354w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTIzNyAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTIzNyIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0ErUTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0JrWldaaGRXeDBJSEYxWVd4cGRIa0svOXNBUXdBSUJnWUhCZ1VJQndjSENRa0lDZ3dVRFF3TEN3d1pFaE1QRkIwYUh4NGRHaHdjSUNRdUp5QWlMQ01jSENnM0tTd3dNVFEwTkI4bk9UMDRNand1TXpReS85c0FRd0VKQ1FrTUN3d1lEUTBZTWlFY0lUSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5LzhBQUVRZ0FLUUFnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEE5eWtSQzRlUWdFVk9KNGdQdmlvYnEwRndPcEI5cXgzdEowY2puSGFxU3VLeHV0UEgvZUZWeXpzeEtITlphVzA3T0F3T1BXdGUxdGZKR2R4TlA0UnBpeHlzVjVGY3pybXJ6MnR3RTNCUm10eThhV1JCOW1OYzFySGgyNTFDZU9RdWNqcldsT0VaU1Ric2FSa2wwTkd3MWw3cERFQjh3SFd0MnhhUm9mM25XcW1sNlpGWld5NVViOGNtcnBjcU1LS21UVDBSTHQwTStPUVc2NUo0cTRseEhNZzJ0V1hlZjZrMHRsOXdWcEtDWlAyckdpd2tQM1RtbndpVGQ4dzRwMXY5MnJBckI2T3dILy9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/60707135/0-halloween-fantasy-story-book.jpg" height="1600">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none p-3" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Halloween Fantasy Story Book presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none p-3" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Halloween Fantasy Story Book presentation template " src="https://media.slidesgo.com/storage/60707145/conversions/1-halloween-fantasy-story-book-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":33020,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"A4, Printable Slides"},"memo":{"id":"MwjapEqYI9HBybrZJud5","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d712f3183b86d5a82d503c62d0115c4005a59d3e07205b6a9417bec0e6d67e9b"}" wire:effects="[]" wire:id="MwjapEqYI9HBybrZJud5" x-data="favorite([])" x-init="article = 'halloween-fantasy-story-book-creative', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('A4, Printable Slides', 'premium', 'thumbnail', '33020', 'Halloween Fantasy Story Book');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
33020,
'halloween-fantasy-story-book-creative',
'Halloween Fantasy Story Book',
1,
'A4, Printable Slides',
'en',
'https://slidesgo.com/theme/halloween-fantasy-story-book-creative/download',
false,
{"search":false,"nextSearchExpression":false,"position":4,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-33020.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<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=halloween-fantasy-story-book-creative&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Halloween+Fantasy+Story+Book" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33020);
gtm.microfunnel('A4, Printable Slides', 'Go Premium', 'https://slidesgo.com/pricing?slide=halloween-fantasy-story-book-creative&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Halloween+Fantasy+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>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/halloween-fantasy-story-book-creative#position-4&rs=home-latest&rs=home-latest" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Halloween Fantasy Story Book
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">Download the Halloween Fantasy 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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/a4" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">A4</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
A4
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="12407" data-slug="casual-vintage-watercolor-collage-minitheme" @toggle-fav-12407.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'casual-vintage-watercolor-collage-minitheme', ["https:\/\/media.slidesgo.com\/storage\/23313399\/conversions\/0-casual-vintage-watercolor-collage-minitheme-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/23313402\/conversions\/1-casual-vintage-watercolor-collage-minitheme-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme#position-5&rs=home-latest" x-on:click="handleEvents("12407",
"Casual \u0026 Vintage Watercolor Collage Minitheme",
"Multi-purpose",
"",
"https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme#position-5&rs=home-latest&rs=home-latest",
"home-latest")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-12407" style="" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Casual & Vintage Watercolor Collage Minitheme presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErNU5lMXFXenVOc2ZTcVVXdlh0d0FGQnpYSzNuaTBwclFndTRpQVR3Mks3bUQ3TGJhYjlzTEFSZ1p6WGpVcThhamFYUTl1cFM5bkZOakxHNHZKcEdXYzdWSXJobXRJMThWU2Z2ZWM5SzdmVDlRdHZFMFROWlQvY3lEaXNUVGZEa2NtdFRTeVNCblUrdGJ6bGVONEJRNU5YSXdmR1NMOXBqTzBaOWNWczZ1eEh3L213VC9xNktLOFdsL0VuNkhUaVA0Y1RuUGdHN05wOTlsaWZtUFUxMCtrT3g4UjNJeWNaOWFLSzlERC93VWNNTjJmL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/23313480/casual-vintage-watercolor-collage-minitheme1659358592.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Casual & Vintage Watercolor Collage Minitheme presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Casual & Vintage Watercolor Collage Minitheme presentation template " src="https://media.slidesgo.com/storage/23313402/conversions/1-casual-vintage-watercolor-collage-minitheme-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":12407,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"TxNI6ZhIRllevvNlTiP4","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e75ce968eb7280344bfa3270e998320bd6f0c59062bf8cf4db4ecc41b1c9e614"}" wire:effects="[]" wire:id="TxNI6ZhIRllevvNlTiP4" x-data="favorite([])" x-init="article = 'casual-vintage-watercolor-collage-minitheme', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', '', 'thumbnail', '12407', 'Casual & Vintage Watercolor Collage Minitheme');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
12407,
'casual-vintage-watercolor-collage-minitheme',
'Casual & Vintage Watercolor Collage Minitheme',
0,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme/download',
false,
{"search":false,"nextSearchExpression":false,"position":5,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-12407.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme#position-5&rs=home-latest&rs=home-latest" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Casual & Vintage Watercolor Collage Minitheme
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="33024" data-slug="poems-story-book" @toggle-fav-33024.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'poems-story-book', ["https:\/\/media.slidesgo.com\/storage\/60707156\/conversions\/0-poems-story-book-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/60707169\/conversions\/1-poems-story-book-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="letter">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/poems-story-book#position-6&rs=home-latest" x-on:click="handleEvents("33024",
"Poems Story Book",
"Printable Slides, Letter",
"premium",
"https://slidesgo.com/theme/poems-story-book#position-6&rs=home-latest&rs=home-latest",
"home-latest")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full p-3 object-contain object-center user-select-none cover-image-33024" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Poems Story Book presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/60707156/responsive-images/0-poems-story-book___media_library_original_354_458.jpg 354w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTIzNyAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTIzNyIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0ErUTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0JrWldaaGRXeDBJSEYxWVd4cGRIa0svOXNBUXdBSUJnWUhCZ1VJQndjSENRa0lDZ3dVRFF3TEN3d1pFaE1QRkIwYUh4NGRHaHdjSUNRdUp5QWlMQ01jSENnM0tTd3dNVFEwTkI4bk9UMDRNand1TXpReS85c0FRd0VKQ1FrTUN3d1lEUTBZTWlFY0lUSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5LzhBQUVRZ0FLUUFnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEE5T3NMRi9Nd1I4cHJvSTNoczBFWk9LV0dOVmpJVHJWR2VDVm1PNDVyR25RaFRmdWpjNVNXcG94VFJUTmhXelJjdXR2SHZOWmtOdktrZ0tHclYvZEpCYmdTakpyU2MrV04yeFJpbTdGYlFubmRTWmpXbk15S2ZtV3NpTFdMV0VnSVJXdkhQRlBBSkRqRlRDVWRrN2xOUGRvU0JrWnZsV3FtbzJIMnFRRm0rV3RDRm8yR1V4VVZ3ck4wTk9jRk5XWXVaeDFSNWZIT0JKbEdKRmRCYitJQkRhaUorQjYxeWRwMWFwYm4vVVY0MUdwSlMwT2x1OGRUcng0b2d0N2NoVGtudlVWcjR0RFNGWkRrR3VMZi9qMUZKYi82d1YxKzNtUnlvLy9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/60707156/0-poems-story-book.jpg" height="1600">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none p-3" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Poems Story Book presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none p-3" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Poems Story Book presentation template " src="https://media.slidesgo.com/storage/60707169/conversions/1-poems-story-book-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":33024,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Printable Slides, Letter"},"memo":{"id":"lTICgbkKJRZjuLwaWRLT","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9e9385790be5c8149c33db9a933602d8f4ac7e7232bd358174d875b34c02587c"}" wire:effects="[]" wire:id="lTICgbkKJRZjuLwaWRLT" x-data="favorite([])" x-init="article = 'poems-story-book', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Printable Slides, Letter', 'premium', 'thumbnail', '33024', 'Poems Story Book');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
33024,
'poems-story-book',
'Poems Story Book',
1,
'Printable Slides, Letter',
'en',
'https://slidesgo.com/theme/poems-story-book/download',
false,
{"search":false,"nextSearchExpression":false,"position":6,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-33024.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<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, Letter', '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>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/poems-story-book#position-6&rs=home-latest&rs=home-latest" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Poems Story Book
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/printable-slides" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Printable Slides</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
Letter
</span>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-8">
<a href="https://slidesgo.com/recent" data-cy="see-more-recent" class="inline-block rounded px-6 py-3 text-lg text-white font-bold bg-gray-900 hover:bg-gray-800 active:bg-gray-700">
Latest themes </a>
</div>
</div>
<div class="container mx-auto px-4 mb-16 below-the-fold">
<h3 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">
Popular themes </h3>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="theme_post" data-id="13223" data-slug="steps-for-studying-a-text" @toggle-fav-13223.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'steps-for-studying-a-text', ["https:\/\/media.slidesgo.com\/storage\/52189364\/conversions\/0-steps-for-studying-a-text-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/52189374\/conversions\/1-steps-for-studying-a-text-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/steps-for-studying-a-text#position-1&rs=home-popular" x-on:click="handleEvents("13223",
"Steps for Studying a Text",
"Education, Notebook, Slidesclass",
"",
"https://slidesgo.com/theme/steps-for-studying-a-text#position-1&rs=home-popular&rs=home-popular",
"home-popular")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-13223" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Steps for Studying a Text presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/52189364/responsive-images/0-steps-for-studying-a-text___media_library_original_459_258.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErd3ZoN29WdHJWbEw1cThqdlcyTkcwRFJwQ2s1M09UVkQ0VlgxdGFXc3d1SlZqRGVwcnFwOUQwYS9sTXJYS0VubmxxNGFxbDdkemJkajU3QlVxTXNKQmNxdjVsV3kwenc5ZlNpTkZ3eDZackErSjNoZXkwblJ2T2lYQlBRMTFTNmJwTm82bGJoTXIwSU5jcjhUTmNqdWRFYUxlcnFEaGNHbkNjblVTdXk4VGg2S3c4L2RWN0hscVN1a0IydXcraHEzQmRUYkIrK2svNzZORkZlcFBkbnltSC9BSWFKQmN6RW45Ni8vZlJySzFtYVJvY003RWU1b29yR1A4VTNyZndXZi8vWiI+Cgk8L2ltYWdlPgo8L3N2Zz4= 32w" src="https://media.slidesgo.com/storage/52189364/0-steps-for-studying-a-text.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Steps for Studying a Text presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Steps for Studying a Text presentation template " src="https://media.slidesgo.com/storage/52189374/conversions/1-steps-for-studying-a-text-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":13223,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Education, Notebook, Slidesclass"},"memo":{"id":"tFsMxaQ8tgX6LpCP0wzp","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"7da86c4a98ea860049113eb39a53ba741c48216c0adba86b7fc9fe62e02d0b41"}" wire:effects="[]" wire:id="tFsMxaQ8tgX6LpCP0wzp" x-data="favorite([])" x-init="article = 'steps-for-studying-a-text', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Education, Notebook, Slidesclass', '', 'thumbnail', '13223', 'Steps for Studying a Text');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
13223,
'steps-for-studying-a-text',
'Steps for Studying a Text',
0,
'Education, Notebook, Slidesclass',
'en',
'https://slidesgo.com/theme/steps-for-studying-a-text/download',
false,
{"search":false,"nextSearchExpression":false,"position":1,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-13223.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/steps-for-studying-a-text#position-1&rs=home-popular&rs=home-popular" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Steps for Studying a Text
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">Reading a book is good practice. Books are a source of knowledge! However, the complexity of the text you're reading affects the time you'll spend understanding it and memorizing it. That can be a problem when studying, so here's a template with some tips on how to face difficult texts...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/slidesclass" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Slidesclass</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
<span class="flex items-center justify-center relative cursor-default tooltip-group rounded-full h-6 p-4 mr-1 border border-gray-300 text-gray-900 font-medium text-sm cursor-default lg:px-3">
<svg class="text-gray-900 h-3 w-3 fill-current">
<use xlink:href="#multilingual"></use>
</svg>
<span class="tooltip absolute rigth-2 -top-8 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap xl:h-6 2xl:h-7">
Multilingual <svg class="size-3 absolute right-8 top-6 text-white fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
</span>
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="31791" data-slug="watercolor-pumpkins" @toggle-fav-31791.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'watercolor-pumpkins', ["https:\/\/media.slidesgo.com\/storage\/56432964\/conversions\/0-watercolor-pumpkins-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/56432982\/conversions\/1-watercolor-pumpkins-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/watercolor-pumpkins#position-2&rs=home-popular" x-on:click="handleEvents("31791",
"Watercolor Pumpkins",
"Multi-purpose",
"premium",
"https://slidesgo.com/theme/watercolor-pumpkins#position-2&rs=home-popular&rs=home-popular",
"home-popular")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-31791" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Watercolor Pumpkins presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/56433268/responsive-images/watercolor-pumpkins1720438006___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOWthZUhUMHd6QVUrTFU0Wll5NFBBckQxdlRycThuRFJNU3ZwVHRMMHk1VkNrdkFyaGhWbjdSdzVkRHRuU3AreTUrYlUyVzFDSmh3MU11RSsxeEFweWFyL0FOa25kOTZ0SzNpRU1ZV3VweFQzT1ZTNVhkQkYxTlQwVVVJVWhEVERSUlZDUC8vWiI+Cgk8L2ltYWdlPgo8L3N2Zz4= 32w" src="https://media.slidesgo.com/storage/56433268/watercolor-pumpkins1720438006.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Watercolor Pumpkins presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Watercolor Pumpkins presentation template " src="https://media.slidesgo.com/storage/56432982/conversions/1-watercolor-pumpkins-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":31791,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"tNmfmfsGnEvdFxCVVHHu","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"77421f6e8c66a6fdc63341d6ee3c8d5344df99d3de5fc66cfa94372c9607500a"}" wire:effects="[]" wire:id="tNmfmfsGnEvdFxCVVHHu" x-data="favorite([])" x-init="article = 'watercolor-pumpkins', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', 'premium', 'thumbnail', '31791', 'Watercolor Pumpkins');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
31791,
'watercolor-pumpkins',
'Watercolor Pumpkins',
1,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/watercolor-pumpkins/download',
false,
{"search":false,"nextSearchExpression":false,"position":2,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-31791.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<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=watercolor-pumpkins&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Watercolor+Pumpkins" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 31791);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=watercolor-pumpkins&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Watercolor+Pumpkins', '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>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/watercolor-pumpkins#position-2&rs=home-popular&rs=home-popular" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Watercolor Pumpkins
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">Download the Watercolor Pumpkins presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different graphic resources. You...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="1181" data-slug="halloween-pattern-social-media" @toggle-fav-1181.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'halloween-pattern-social-media', ["https:\/\/media.slidesgo.com\/storage\/19481190\/conversions\/0-halloween-pattern-social-media-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/19481192\/conversions\/1-halloween-pattern-social-media-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/halloween-pattern-social-media#position-3&rs=home-popular" x-on:click="handleEvents("1181",
"Halloween Pattern Social Media",
"Marketing",
"premium",
"https://slidesgo.com/theme/halloween-pattern-social-media#position-3&rs=home-popular&rs=home-popular",
"home-popular")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-1181" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Halloween Pattern Social Media presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/19481446/responsive-images/halloween-pattern-social-media1649158997___media_library_original_548_308.jpg 548w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEE5L2d0Qm9DU2FsQ2Nxd3hpdVVsMTBUNm90MmZ2SzJjVjB0N3FVTTFoSHAwamJManVwckJ2SW9kSlVHZUlBTjBKRlFiS3ozSGEvd0NKZjdaZGQ0SUE2VlBiK00xdUZoMCtSU0kwSEJxQ2FDS1N4KzBDRUNNZnhZcGxub3JYaUpjV2lpVDFBb0cwdWhENDZKVDRnUkJmbEc0Y0N0UDRzZ0xvbGlRTUhBNUZGRkJCYXR3RDhNcFRqbmIxcVQ0Ry92RWtEZk1NOSthS0tBUC8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/19481446/halloween-pattern-social-media1649158997.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Halloween Pattern Social Media presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Halloween Pattern Social Media presentation template " src="https://media.slidesgo.com/storage/19481192/conversions/1-halloween-pattern-social-media-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":1181,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Marketing"},"memo":{"id":"QK0LTxjKaM0YenC1p4Q9","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"f0397d3a43d821ea4bc1c03933d3490cc323ea55da7711089c2a5c9ad2a7975e"}" wire:effects="[]" wire:id="QK0LTxjKaM0YenC1p4Q9" x-data="favorite([])" x-init="article = 'halloween-pattern-social-media', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Marketing', 'premium', 'thumbnail', '1181', 'Halloween Pattern Social Media');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
1181,
'halloween-pattern-social-media',
'Halloween Pattern Social Media',
1,
'Marketing',
'en',
'https://slidesgo.com/theme/halloween-pattern-social-media/download',
false,
{"search":false,"nextSearchExpression":false,"position":3,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-1181.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<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=halloween-pattern-social-media&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Halloween+Pattern+Social+Media" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 1181);
gtm.microfunnel('Marketing', 'Go Premium', 'https://slidesgo.com/pricing?slide=halloween-pattern-social-media&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Halloween+Pattern+Social+Media', '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>
</div>
</div>
</div>
<div class="flex absolute left-0 bottom-0 w-full z-10 -mb-3 justify-center preview-variant-selector transition-opacity duration-300 pointer-events-auto">
<div x-on:click="changeVariant(0, 'Halloween Pattern Social Media'),
$dispatch('slide-color-change-1181', {'variantId': ''})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg active" :class="{'active' : (activeColor === 0) }">
<span class="w-full h-full rounded-full" title="Grey" style="background: #a7a3a3"></span>
</div>
<div x-on:click="changeVariant(780, 'Halloween Pattern Social Media'),
$dispatch('slide-color-change-1181', {'variantId': '780'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 780) }">
<span class="w-full h-full rounded-full" title="Purple" style="background: #9d91b1"></span>
</div>
<div x-on:click="changeVariant(781, 'Halloween Pattern Social Media'),
$dispatch('slide-color-change-1181', {'variantId': '781'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 781) }">
<span class="w-full h-full rounded-full" title="Red" style="background: #ce8282"></span>
</div>
<div x-on:click="changeVariant(782, 'Halloween Pattern Social Media'),
$dispatch('slide-color-change-1181', {'variantId': '782'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 782) }">
<span class="w-full h-full rounded-full" title="Green" style="background: #8ac08c"></span>
</div>
<div x-on:click="changeVariant(783, 'Halloween Pattern Social Media'),
$dispatch('slide-color-change-1181', {'variantId': '783'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 783) }">
<span class="w-full h-full rounded-full" title="Orange" style="background: #f9b075"></span>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/halloween-pattern-social-media#position-3&rs=home-popular&rs=home-popular" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Halloween Pattern Social Media
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">A lot of people are looking forward to celebrating Halloween. Let’s seize the opportunity to present a strategy for social media by using this new template. As its name suggests, it features patterns inspired by this famous festivity, and it’s design is quite cool indeed. Did we say it has...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/marketing" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Marketing</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="5600" data-slug="minimalist-business-slides" @toggle-fav-5600.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'minimalist-business-slides', ["https:\/\/media.slidesgo.com\/storage\/39117287\/conversions\/0-minimalist-business-slides-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/39117292\/conversions\/1-minimalist-business-slides-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/minimalist-business-slides#position-4&rs=home-popular" x-on:click="handleEvents("5600",
"Minimalist Business Slides",
"Business",
"",
"https://slidesgo.com/theme/minimalist-business-slides#position-4&rs=home-popular&rs=home-popular",
"home-popular")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-5600" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Minimalist Business Slides presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/39117931/responsive-images/minimalist-business-slides1691669242___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/39117931/responsive-images/minimalist-business-slides1691669242___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/39117931/responsive-images/minimalist-business-slides1691669242___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/39117931/responsive-images/minimalist-business-slides1691669242___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/39117931/responsive-images/minimalist-business-slides1691669242___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/39117931/responsive-images/minimalist-business-slides1691669242___media_library_original_655_368.jpg 655w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvUnVTMGpSUzhtQUJYT1huakd6c2Jrd2xDY2R4WFM2dGFEVUxZeHErd251SzQ2WHdDMGt1NXBpeDk2NXpVdTJualN5dXJwWVFwQlByWFZSUVJTcUdYQkJyaHY4QWhYMytrSklzcFVnOXE3S3dRV0Z1c1pmZVFLQUlkeDlUUnVQcWFLS0FFWmp0UEpxdEd4TXA1TkZGQUgvLzJRPT0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/39117931/minimalist-business-slides1691669242.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Minimalist Business Slides presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Minimalist Business Slides presentation template " src="https://media.slidesgo.com/storage/39117292/conversions/1-minimalist-business-slides-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":5600,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Business"},"memo":{"id":"7xZoOfufeG5t8INnv2yL","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"776fbc2962d1263b725e7c0bd1bf759e16a1851700d1aa98fcdd0ad67cd3d818"}" wire:effects="[]" wire:id="7xZoOfufeG5t8INnv2yL" x-data="favorite([])" x-init="article = 'minimalist-business-slides', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Business', '', 'thumbnail', '5600', 'Minimalist Business Slides');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
5600,
'minimalist-business-slides',
'Minimalist Business Slides',
0,
'Business',
'en',
'https://slidesgo.com/theme/minimalist-business-slides/download',
false,
{"search":false,"nextSearchExpression":false,"position":4,"results":false,"variant":false},
false,
false,
null,
true,
true,
[] )" @slide-color-change-5600.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-8">
Download </span>
</button>
<div class="flex">
<template x-if="isCurrentEditable">
<button type="button" @click="$dispatch('download-editable-guest-modal')" data-cy="edit-online" class="tooltip-group size-8 rounded text-gray-800 bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative order-last ml-2">
<svg class="size-4 shrink-0 fill-current text-gray-900" width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg">
<path d="M17.3276 0.483897C17.0206 0.231795 16.6371 0.0913809 16.2398 0.085633C15.8426 0.079885 15.4551 0.209144 15.1409 0.452256C13.7206 1.52452 12.0718 3.0714 10.4968 4.80461C9.09756 6.34094 7.89171 7.87375 7.05499 9.17102H6.93194C5.65225 9.17102 4.56592 9.68782 3.69757 10.7038C3.01553 11.5019 2.58663 12.4792 2.27374 13.1929C2.14014 13.4952 2.0171 13.78 1.91514 13.9452C1.26124 15.0421 0.698737 15.2847 0.642487 15.3058C0.476227 15.3532 0.32755 15.4484 0.214919 15.5795C0.102288 15.7107 0.0306654 15.872 0.0089455 16.0436C-0.0127744 16.2151 0.0163652 16.3892 0.0927456 16.5443C0.169126 16.6994 0.289382 16.8286 0.438581 16.916C0.522956 16.9617 2.50928 18.0867 5.87022 18.0867H6.57335C7.74757 18.0867 8.94639 17.6261 9.86397 16.821C10.8483 15.9562 11.3898 14.8206 11.3898 13.6288C11.3892 13.3337 11.3598 13.0393 11.3019 12.7499C13.7276 9.82493 16.4874 5.54992 17.8339 2.61085C18.1784 1.85851 17.9745 1.00421 17.3276 0.483897ZM8.70382 15.4992C8.10264 16.0265 7.32569 16.3288 6.57335 16.3288H5.87022C4.52374 16.3288 3.43741 16.1214 2.66397 15.9034C2.95004 15.576 3.20541 15.2229 3.42686 14.8488C3.58155 14.5886 3.72217 14.2687 3.88389 13.896C4.59757 12.2718 5.31827 10.9288 6.93194 10.9288C7.64774 10.9298 8.33395 11.2145 8.8401 11.7207C9.34625 12.2268 9.63101 12.913 9.63194 13.6288C9.63194 14.3074 9.30147 14.9718 8.70382 15.4992ZM8.87257 9.61399C9.196 9.14289 9.56514 8.64719 9.96241 8.14094C10.3161 8.22782 10.6485 8.38535 10.9398 8.60407C11.231 8.82278 11.4749 9.09814 11.6569 9.4136C11.2667 9.95149 10.8765 10.4683 10.4968 10.9534C10.0684 10.3853 9.5119 9.92633 8.87257 9.61399ZM16.2343 1.8796C15.4608 3.5671 14.153 5.78547 12.7257 7.89133C12.2967 7.38486 11.7613 6.97914 11.1577 6.70305C12.7573 4.86437 14.6171 3.05382 16.1991 1.85499L16.2132 1.84445C16.2239 1.84942 16.2335 1.85661 16.2413 1.86554C16.2378 1.86906 16.2378 1.87257 16.2343 1.8796Z"></path>
</svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-2 top-11 h-7 px-3 bg-white shadow-lg text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap text-sm">
Customize online </span>
</button>
</template><button type="button" @click="$dispatch('download-editable-guest-modal')" data-cy="edit-online" class="tooltip-group size-8 rounded text-gray-800 bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative order-last ml-2">
<svg class="size-4 shrink-0 fill-current text-gray-900" width="18" height="19" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg">
<path d="M17.3276 0.483897C17.0206 0.231795 16.6371 0.0913809 16.2398 0.085633C15.8426 0.079885 15.4551 0.209144 15.1409 0.452256C13.7206 1.52452 12.0718 3.0714 10.4968 4.80461C9.09756 6.34094 7.89171 7.87375 7.05499 9.17102H6.93194C5.65225 9.17102 4.56592 9.68782 3.69757 10.7038C3.01553 11.5019 2.58663 12.4792 2.27374 13.1929C2.14014 13.4952 2.0171 13.78 1.91514 13.9452C1.26124 15.0421 0.698737 15.2847 0.642487 15.3058C0.476227 15.3532 0.32755 15.4484 0.214919 15.5795C0.102288 15.7107 0.0306654 15.872 0.0089455 16.0436C-0.0127744 16.2151 0.0163652 16.3892 0.0927456 16.5443C0.169126 16.6994 0.289382 16.8286 0.438581 16.916C0.522956 16.9617 2.50928 18.0867 5.87022 18.0867H6.57335C7.74757 18.0867 8.94639 17.6261 9.86397 16.821C10.8483 15.9562 11.3898 14.8206 11.3898 13.6288C11.3892 13.3337 11.3598 13.0393 11.3019 12.7499C13.7276 9.82493 16.4874 5.54992 17.8339 2.61085C18.1784 1.85851 17.9745 1.00421 17.3276 0.483897ZM8.70382 15.4992C8.10264 16.0265 7.32569 16.3288 6.57335 16.3288H5.87022C4.52374 16.3288 3.43741 16.1214 2.66397 15.9034C2.95004 15.576 3.20541 15.2229 3.42686 14.8488C3.58155 14.5886 3.72217 14.2687 3.88389 13.896C4.59757 12.2718 5.31827 10.9288 6.93194 10.9288C7.64774 10.9298 8.33395 11.2145 8.8401 11.7207C9.34625 12.2268 9.63101 12.913 9.63194 13.6288C9.63194 14.3074 9.30147 14.9718 8.70382 15.4992ZM8.87257 9.61399C9.196 9.14289 9.56514 8.64719 9.96241 8.14094C10.3161 8.22782 10.6485 8.38535 10.9398 8.60407C11.231 8.82278 11.4749 9.09814 11.6569 9.4136C11.2667 9.95149 10.8765 10.4683 10.4968 10.9534C10.0684 10.3853 9.5119 9.92633 8.87257 9.61399ZM16.2343 1.8796C15.4608 3.5671 14.153 5.78547 12.7257 7.89133C12.2967 7.38486 11.7613 6.97914 11.1577 6.70305C12.7573 4.86437 14.6171 3.05382 16.1991 1.85499L16.2132 1.84445C16.2239 1.84942 16.2335 1.85661 16.2413 1.86554C16.2378 1.86906 16.2378 1.87257 16.2343 1.8796Z"></path>
</svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-2 top-11 h-7 px-3 bg-white shadow-lg text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap text-sm">
Customize online </span>
</button>
<template x-if="hasAIEdition">
<button type="button" @click="$dispatch("display-ai-presentation-maker-modal", {"articleId": id, "location": "thumbnail"});
gtm.startGeneratingPresentation("Generate content with AI", "thumbnail");" data-cy="edit-with-ai" class="tooltip-group size-8 rounded text-gray-800 bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative order-last ml-2">
<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>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-2 top-11 h-7 px-3 bg-white shadow-lg text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap text-sm">
Generate content with AI </span>
</button>
</template><button type="button" @click="$dispatch("display-ai-presentation-maker-modal", {"articleId": id, "location": "thumbnail"});
gtm.startGeneratingPresentation("Generate content with AI", "thumbnail");" data-cy="edit-with-ai" class="tooltip-group size-8 rounded text-gray-800 bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative order-last ml-2">
<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>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-2 top-11 h-7 px-3 bg-white shadow-lg text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap text-sm">
Generate content with AI </span>
</button>
</div>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="flex absolute left-0 bottom-0 w-full z-10 -mb-3 justify-center preview-variant-selector transition-opacity duration-300 pointer-events-auto">
<div x-on:click="changeVariant(0, 'Minimalist Business Slides'),
$dispatch('slide-color-change-5600', {'variantId': ''})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg active" :class="{'active' : (activeColor === 0) }">
<span class="w-full h-full rounded-full" title="Cream" style="background: #f5f2ee"></span>
</div>
<div x-on:click="changeVariant(1607, 'Minimalist Business Slides'),
$dispatch('slide-color-change-5600', {'variantId': '1607'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 1607) }">
<span class="w-full h-full rounded-full" title="Blue" style="background: #e3e7f0"></span>
</div>
<div x-on:click="changeVariant(1608, 'Minimalist Business Slides'),
$dispatch('slide-color-change-5600', {'variantId': '1608'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 1608) }">
<span class="w-full h-full rounded-full" title="Purple" style="background: #e9e0f0"></span>
</div>
<div x-on:click="changeVariant(1609, 'Minimalist Business Slides'),
$dispatch('slide-color-change-5600', {'variantId': '1609'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 1609) }">
<span class="w-full h-full rounded-full" title="Green" style="background: #e3f1e2"></span>
</div>
<div x-on:click="changeVariant(1610, 'Minimalist Business Slides'),
$dispatch('slide-color-change-5600', {'variantId': '1610'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 1610) }">
<span class="w-full h-full rounded-full" title="Pink" style="background: #f3e0ed"></span>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/minimalist-business-slides#position-4&rs=home-popular&rs=home-popular" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Minimalist Business Slides
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/business" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Business</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
<svg class="size-3 mr-0.5 sm:mr-1 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2224_13585)">
<path d="M11.9992 2.32032C15.1539 2.32032 15.5242 2.33439 16.7711 2.39064C17.9242 2.4422 18.5477 2.63439 18.9648 2.79845C19.518 3.01407 19.9117 3.2672 20.3242 3.6797C20.7367 4.0922 20.9945 4.48595 21.2055 5.03907C21.3648 5.45626 21.5617 6.0797 21.6133 7.23282C21.6695 8.4797 21.6836 8.85001 21.6836 12.0047C21.6836 15.1594 21.6695 15.5297 21.6133 16.7766C21.5617 17.9297 21.3695 18.5531 21.2055 18.9703C20.9898 19.5234 20.7367 19.9172 20.3242 20.3297C19.9117 20.7422 19.518 21 18.9648 21.2109C18.5477 21.3703 17.9242 21.5672 16.7711 21.6188C15.5242 21.675 15.1539 21.6891 11.9992 21.6891C8.84453 21.6891 8.47422 21.675 7.22734 21.6188C6.07422 21.5672 5.45078 21.375 5.03359 21.2109C4.48047 20.9953 4.08672 20.7422 3.67422 20.3297C3.26172 19.9172 3.00391 19.5234 2.79297 18.9703C2.63359 18.5531 2.43672 17.9297 2.38516 16.7766C2.32891 15.5297 2.31484 15.1594 2.31484 12.0047C2.31484 8.85001 2.32891 8.4797 2.38516 7.23282C2.43672 6.0797 2.62891 5.45626 2.79297 5.03907C3.00859 4.48595 3.26172 4.0922 3.67422 3.6797C4.08672 3.2672 4.48047 3.00939 5.03359 2.79845C5.45078 2.63907 6.07422 2.4422 7.22734 2.39064C8.47422 2.3297 8.84453 2.32032 11.9992 2.32032ZM11.9992 0.1922C8.79297 0.1922 8.38985 0.206262 7.12891 0.262512C5.87266 0.318762 5.01484 0.520325 4.26484 0.81095C3.48672 1.11095 2.83047 1.51876 2.17422 2.17501C1.51797 2.83126 1.11484 3.4922 0.810156 4.26564C0.519531 5.01564 0.317969 5.87345 0.261719 7.13439C0.205469 8.39063 0.191406 8.79376 0.191406 12C0.191406 15.2063 0.205469 15.6094 0.261719 16.8703C0.317969 18.1266 0.519531 18.9844 0.810156 19.7391C1.11016 20.5172 1.51797 21.1734 2.17422 21.8297C2.83047 22.4859 3.49141 22.8891 4.26484 23.1938C5.01484 23.4844 5.87266 23.6859 7.13359 23.7422C8.39453 23.7984 8.79297 23.8125 12.0039 23.8125C15.2148 23.8125 15.6133 23.7984 16.8742 23.7422C18.1305 23.6859 18.9883 23.4844 19.743 23.1938C20.5211 22.8938 21.1773 22.4859 21.8336 21.8297C22.4898 21.1734 22.893 20.5125 23.1977 19.7391C23.4883 18.9891 23.6898 18.1313 23.7461 16.8703C23.8023 15.6094 23.8164 15.2109 23.8164 12C23.8164 8.78907 23.8023 8.39064 23.7461 7.1297C23.6898 5.87345 23.4883 5.01564 23.1977 4.26095C22.8977 3.48282 22.4898 2.82657 21.8336 2.17032C21.1773 1.51407 20.5164 1.11095 19.743 0.806262C18.993 0.515637 18.1352 0.314075 16.8742 0.257825C15.6086 0.206262 15.2055 0.1922 11.9992 0.1922Z"></path>
<path d="M11.9997 5.93439C8.65283 5.93439 5.93408 8.64845 5.93408 12C5.93408 15.3516 8.65283 18.0656 11.9997 18.0656C15.3466 18.0656 18.0653 15.3469 18.0653 12C18.0653 8.65314 15.3466 5.93439 11.9997 5.93439ZM11.9997 15.9375C9.82471 15.9375 8.06221 14.175 8.06221 12C8.06221 9.82501 9.82471 8.06251 11.9997 8.06251C14.1747 8.06251 15.9372 9.82501 15.9372 12C15.9372 14.175 14.1747 15.9375 11.9997 15.9375Z"></path>
<path d="M18.3043 7.11097C19.0861 7.11097 19.7199 6.47718 19.7199 5.69535C19.7199 4.91352 19.0861 4.27972 18.3043 4.27972C17.5225 4.27972 16.8887 4.91352 16.8887 5.69535C16.8887 6.47718 17.5225 7.11097 18.3043 7.11097Z"></path>
</g>
<defs>
</defs>
</svg>
Post
</span>
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="22764" data-slug="reconstruction-era-and-the-gilded-age-history-11th-grade" @toggle-fav-22764.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'reconstruction-era-and-the-gilded-age-history-11th-grade', ["https:\/\/media.slidesgo.com\/storage\/39115323\/conversions\/0-reconstruction-era-and-the-gilded-age-history-11th-grade-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/39115327\/conversions\/1-reconstruction-era-and-the-gilded-age-history-11th-grade-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/reconstruction-era-and-the-gilded-age-history-11th-grade#position-5&rs=home-popular" x-on:click="handleEvents("22764",
"Reconstruction Era and the Gilded Age - History - 11th Grade",
"Education, School",
"",
"https://slidesgo.com/theme/reconstruction-era-and-the-gilded-age-history-11th-grade#position-5&rs=home-popular&rs=home-popular",
"home-popular")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-22764" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Reconstruction Era and the Gilded Age - History - 11th Grade presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/39115498/responsive-images/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErelVqQXljOFZtWDJzUlFrcU9vclRTUUhJckQxZlN2dFV1NUJpdkNQUkxtbjZ4SE9RdWZtTmFNeUZzR3NQU05NTnRLQ3dyZWtjQUFVd0t5ZGFjM1dpaWtIVWNsTEpSUlFDUC9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/39115498/reconstruction-era-and-the-gilded-age-history-11th-grade1691666148.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Reconstruction Era and the Gilded Age - History - 11th Grade presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Reconstruction Era and the Gilded Age - History - 11th Grade presentation template " src="https://media.slidesgo.com/storage/39115327/conversions/1-reconstruction-era-and-the-gilded-age-history-11th-grade-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":22764,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Education, School"},"memo":{"id":"iYx0zrPusXUbuiHgMGxZ","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"905b9dc6b61dd2f71674a0550536de924672fae677b60e5d47965345a9d6b2f0"}" wire:effects="[]" wire:id="iYx0zrPusXUbuiHgMGxZ" x-data="favorite([])" x-init="article = 'reconstruction-era-and-the-gilded-age-history-11th-grade', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Education, School', '', 'thumbnail', '22764', 'Reconstruction Era and the Gilded Age - History - 11th Grade');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
22764,
'reconstruction-era-and-the-gilded-age-history-11th-grade',
'Reconstruction Era and the Gilded Age - History - 11th Grade',
0,
'Education, School',
'en',
'https://slidesgo.com/theme/reconstruction-era-and-the-gilded-age-history-11th-grade/download',
false,
{"search":false,"nextSearchExpression":false,"position":5,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-22764.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="flex absolute left-0 bottom-0 w-full z-10 -mb-3 justify-center preview-variant-selector transition-opacity duration-300 pointer-events-auto">
<div x-on:click="changeVariant(0, 'Reconstruction Era and the Gilded Age - History - 11th Grade'),
$dispatch('slide-color-change-22764', {'variantId': ''})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg active" :class="{'active' : (activeColor === 0) }">
<span class="w-full h-full rounded-full" title="Cream" style="background: #ded6c2"></span>
</div>
<div x-on:click="changeVariant(4401, 'Reconstruction Era and the Gilded Age - History - 11th Grade'),
$dispatch('slide-color-change-22764', {'variantId': '4401'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 4401) }">
<span class="w-full h-full rounded-full" title="Blue" style="background: #c2cfde"></span>
</div>
<div x-on:click="changeVariant(4402, 'Reconstruction Era and the Gilded Age - History - 11th Grade'),
$dispatch('slide-color-change-22764', {'variantId': '4402'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 4402) }">
<span class="w-full h-full rounded-full" title="Green" style="background: #d2dec2"></span>
</div>
<div x-on:click="changeVariant(4403, 'Reconstruction Era and the Gilded Age - History - 11th Grade'),
$dispatch('slide-color-change-22764', {'variantId': '4403'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 4403) }">
<span class="w-full h-full rounded-full" title="Purple" style="background: #d0c2de"></span>
</div>
<div x-on:click="changeVariant(4404, 'Reconstruction Era and the Gilded Age - History - 11th Grade'),
$dispatch('slide-color-change-22764', {'variantId': '4404'})" class="h-6 w-6 rounded-full mx-1 border-2 border-white shadow flex overflow-hidden bg-white hover:shadow-lg" :class="{'active' : (activeColor === 4404) }">
<span class="w-full h-full rounded-full" title="Red" style="background: #dec2c2"></span>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/reconstruction-era-and-the-gilded-age-history-11th-grade#position-5&rs=home-popular&rs=home-popular" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Reconstruction Era and the Gilded Age - History - 11th Grade
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">In the United States, the Reconstruction Era followed the Civil War and sought to unite the nation and grant civil rights. The Gilded Age brought industrial growth, but also inequality and corruption. Both eras shared the struggle for civil rights and equity. So these are two periods loaded with historical...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/education" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Education</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="31762" data-slug="fall-background-aesthetic" @toggle-fav-31762.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'fall-background-aesthetic', ["https:\/\/media.slidesgo.com\/storage\/56295956\/conversions\/0-fall-background-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/56295964\/conversions\/1-fall-background-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/fall-background-aesthetic#position-6&rs=home-popular" x-on:click="handleEvents("31762",
"Fall Background",
"Multi-purpose",
"premium",
"https://slidesgo.com/theme/fall-background-aesthetic#position-6&rs=home-popular&rs=home-popular",
"home-popular")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-31762" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Fall Background presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/56296204/responsive-images/fall-background1720015359___media_library_original_459_258.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBN08zMFBlQXpOOHZldWhzWUxhemhFYXRWUFNyNjN1Rjh2Y0RXbzFwRmpyWGwwb3h0ZEhwMUpTdllKREE2RUJoVlNlQkJCbk5QbGp0cllicEhHRDcxU3Y4QVZiT09QeXczTk9weXBhaWhlNk9hOE1rL2FEejNyczVDZks2bWlpc0tmd25SVitJNS9YV2J5bytUMTlhNS9XQ2NwejJvb3JLc05iSS8vOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/56296204/fall-background1720015359.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Fall Background presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Fall Background presentation template " src="https://media.slidesgo.com/storage/56295964/conversions/1-fall-background-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":31762,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"LGZYOqIg4lHTxTPN3K4O","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"5e99896ec9923f54009451baf6fb94f05fded30da920a356b63861647e53a162"}" wire:effects="[]" wire:id="LGZYOqIg4lHTxTPN3K4O" x-data="favorite([])" x-init="article = 'fall-background-aesthetic', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', 'premium', 'thumbnail', '31762', 'Fall Background');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
31762,
'fall-background-aesthetic',
'Fall Background',
1,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/fall-background-aesthetic/download',
false,
{"search":false,"nextSearchExpression":false,"position":6,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-31762.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="p-0 sm:py-6 sm:px-6 flex-col items-center w-full">
<div class="flex-1 w-full">
<h3 class="flex text-white justify-center items-baseline text-lg sm:text-2xl font-bold mb-1">
<img src="/images/icons/premium.svg" alt="Premium subscription" class="size-4 mr-2">
<span class="text-yellow-600 mr-1">Premium</span> template
</h3>
<p class="text-white text-base mb-3 xl:px-0 text-center leading-snug">Unlock this template and gain unlimited access</p>
</div>
<div class="flex flex-col items-start sm:w-full">
<a href="https://slidesgo.com/pricing?slide=fall-background-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fall+Background" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 31762);
gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=fall-background-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Fall+Background', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p></div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/fall-background-aesthetic#position-6&rs=home-popular&rs=home-popular" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Fall Background
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">Download the Fall Background presentation for PowerPoint or Google Slides and start impressing your audience with a creative and original design. Slidesgo templates like this one here offer the possibility to convey a concept, idea or topic in a clear, concise and visual way, by using different graphic resources. You...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-8">
<a href="https://slidesgo.com/themes" data-cy="see-more-themes" class="inline-block rounded px-6 py-3 text-lg text-white font-bold bg-gray-900 hover:bg-gray-800 active:bg-gray-700">
Popular themes </a>
</div>
</div>
<div class="container mx-auto px-4 mb-16 below-the-fold">
<h4 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">
Infographics </h4>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="theme_post" data-id="31332" data-slug="fresh-lemon-pattern-newsletter-infographics" @toggle-fav-31332.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'fresh-lemon-pattern-newsletter-infographics', ["https:\/\/media.slidesgo.com\/storage\/55971137\/conversions\/0-fresh-lemon-pattern-newsletter-infographics-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/55971148\/conversions\/1-fresh-lemon-pattern-newsletter-infographics-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/fresh-lemon-pattern-newsletter-infographics#position-1&rs=home-infographics" x-on:click="handleEvents("31332",
"Fresh Lemon Pattern Newsletter Infographics",
"Infographics",
"",
"https://slidesgo.com/theme/fresh-lemon-pattern-newsletter-infographics#position-1&rs=home-infographics&rs=home-infographics",
"home-infographics")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-31332" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Fresh Lemon Pattern Newsletter Infographics presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/55971354/responsive-images/fresh-lemon-pattern-newsletter-infographics1719234575___media_library_original_548_308.jpg 548w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOVlYU3hFd2VidFN6WElQeTR5QlZvWDBkNk5oRlVaN09SSEpYcFhpWVdHRzlseTBuZUoxVGMrYTh0eWEydmdqQlFNQ3A3bXgrMllrUTlhcFc5azdPQ3c0cVRVcjZiVDQxU0JjMXRWb1VLbFBrbjhKRVp5VHV0eXJwbi9IMEsxNzc3bEZGZUpsbis1U09xdjhBeEVPcy91Q3FPcWo5NEtLSzdzVC9BTG9aUS9pSC85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/55971354/fresh-lemon-pattern-newsletter-infographics1719234575.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Fresh Lemon Pattern Newsletter Infographics presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Fresh Lemon Pattern Newsletter Infographics presentation template " src="https://media.slidesgo.com/storage/55971148/conversions/1-fresh-lemon-pattern-newsletter-infographics-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":31332,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Infographics"},"memo":{"id":"WNlkMLZKd3rQHekQqf2p","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"2fa8fca22ea462da39d48cf65f041a5af043b9dffede9010bdcea89137b0754b"}" wire:effects="[]" wire:id="WNlkMLZKd3rQHekQqf2p" x-data="favorite([])" x-init="article = 'fresh-lemon-pattern-newsletter-infographics', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Infographics', '', 'thumbnail', '31332', 'Fresh Lemon Pattern Newsletter Infographics');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
31332,
'fresh-lemon-pattern-newsletter-infographics',
'Fresh Lemon Pattern Newsletter Infographics',
0,
'Infographics',
'en',
'https://slidesgo.com/theme/fresh-lemon-pattern-newsletter-infographics/download',
false,
{"search":false,"nextSearchExpression":false,"position":1,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-31332.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/fresh-lemon-pattern-newsletter-infographics#position-1&rs=home-infographics&rs=home-infographics" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Fresh Lemon Pattern Newsletter Infographics
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/infographics" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Infographics</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="31213" data-slug="college-lessons-with-cycle-diagrams-creative" @toggle-fav-31213.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'college-lessons-with-cycle-diagrams-creative', ["https:\/\/media.slidesgo.com\/storage\/54653512\/conversions\/0-college-lessons-with-cycle-diagrams-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/54653519\/conversions\/1-college-lessons-with-cycle-diagrams-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/college-lessons-with-cycle-diagrams-creative#position-2&rs=home-infographics" x-on:click="handleEvents("31213",
"College Lessons with Cycle Diagrams",
"Education, Infographics",
"",
"https://slidesgo.com/theme/college-lessons-with-cycle-diagrams-creative#position-2&rs=home-infographics&rs=home-infographics",
"home-infographics")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-31213" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="College Lessons with Cycle Diagrams presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/54653829/responsive-images/college-lessons-with-cycle-diagrams1716888719___media_library_original_548_308.jpg 548w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOWExTVcvbUtKRjVCcS9hWGNUUktvSUZRWHVubTRrM1pxQ1BTcEVjRU53S0wzalkwTGQvcUlzOXZHYzB5MDFRWE0yd0xVT29XTTB5S3E4NHFIVDdLVzJ1QzBtQXRXb3c1UE10SldOK2lpaXNDQkRWRy9PSUd4UlJWUjNCbi85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/54653829/college-lessons-with-cycle-diagrams1716888719.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="College Lessons with Cycle Diagrams presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="College Lessons with Cycle Diagrams presentation template " src="https://media.slidesgo.com/storage/54653519/conversions/1-college-lessons-with-cycle-diagrams-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":31213,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Education, Infographics"},"memo":{"id":"NpFeaFit9VL1ZXg1qt3U","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e73dd564ae8ce577f685554e290a9cf7fd5b718661a4595a8f5bbc09d8229bfc"}" wire:effects="[]" wire:id="NpFeaFit9VL1ZXg1qt3U" x-data="favorite([])" x-init="article = 'college-lessons-with-cycle-diagrams-creative', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Education, Infographics', '', 'thumbnail', '31213', 'College Lessons with Cycle Diagrams');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
31213,
'college-lessons-with-cycle-diagrams-creative',
'College Lessons with Cycle Diagrams',
0,
'Education, Infographics',
'en',
'https://slidesgo.com/theme/college-lessons-with-cycle-diagrams-creative/download',
false,
{"search":false,"nextSearchExpression":false,"position":2,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-31213.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/college-lessons-with-cycle-diagrams-creative#position-2&rs=home-infographics&rs=home-infographics" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
College Lessons with Cycle Diagrams
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/education" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Education</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="33105" data-slug="customer-journey-infographics-aesthetic" @toggle-fav-33105.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'customer-journey-infographics-aesthetic', ["https:\/\/media.slidesgo.com\/storage\/61272926\/conversions\/0-customer-journey-infographics-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/61272938\/conversions\/1-customer-journey-infographics-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/customer-journey-infographics-aesthetic#position-3&rs=home-infographics" x-on:click="handleEvents("33105",
"Customer Journey Infographics",
"Infographics",
"premium",
"https://slidesgo.com/theme/customer-journey-infographics-aesthetic#position-3&rs=home-infographics&rs=home-infographics",
"home-infographics")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-33105" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Customer Journey Infographics presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/61273164/responsive-images/customer-journey-infographics1727778522___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/61273164/responsive-images/customer-journey-infographics1727778522___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/61273164/responsive-images/customer-journey-infographics1727778522___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/61273164/responsive-images/customer-journey-infographics1727778522___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/61273164/responsive-images/customer-journey-infographics1727778522___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/61273164/responsive-images/customer-journey-infographics1727778522___media_library_original_655_368.jpg 655w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOXN1OVdqdEpOckRtaTExYU82ZmFvcW5xbWxTWGMyOVRWZTAwbTV0cE1oc1VBYlVrckNjQWREVm56RkhCUE5VV2pkQXJOOHpDbFJXbWNNUVJpZ0MvVWIwVVVBTVhrbXBWRkZGQUgvL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/61273164/customer-journey-infographics1727778522.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Customer Journey Infographics presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Customer Journey Infographics presentation template " src="https://media.slidesgo.com/storage/61272938/conversions/1-customer-journey-infographics-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":33105,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Infographics"},"memo":{"id":"Dqa6frTvummFZS0HgEk5","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"e204315c8bcc4fd5e9878e15f6d03da7fcdcc522235e1a6ff5ad4b880dc958bd"}" wire:effects="[]" wire:id="Dqa6frTvummFZS0HgEk5" x-data="favorite([])" x-init="article = 'customer-journey-infographics-aesthetic', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Infographics', 'premium', 'thumbnail', '33105', 'Customer Journey Infographics');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
33105,
'customer-journey-infographics-aesthetic',
'Customer Journey Infographics',
1,
'Infographics',
'en',
'https://slidesgo.com/theme/customer-journey-infographics-aesthetic/download',
false,
{"search":false,"nextSearchExpression":false,"position":3,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-33105.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<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=customer-journey-infographics-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Customer+Journey+Infographics" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33105);
gtm.microfunnel('Infographics', 'Go Premium', 'https://slidesgo.com/pricing?slide=customer-journey-infographics-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Customer+Journey+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>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/customer-journey-infographics-aesthetic#position-3&rs=home-infographics&rs=home-infographics" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Customer Journey Infographics
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">Download the Customer Journey Infographics template for PowerPoint or Google Slides to get the most out of infographics. Whether you want to organize your business budget in a table or schematically analyze your sales over the past year, this set of infographic resources will be of great help. Start using...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/infographics" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Infographics</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-6">
<a href="https://slidesgo.com/infographics" data-cy="see-more-infographics" class="inline-block rounded px-6 py-3 text-lg text-white font-bold bg-gray-900 hover:bg-gray-800 active:bg-gray-700">
See infographics </a>
</div>
</div>
<div class="container mx-auto px-4 mb-16 below-the-fold">
<h3 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">
Education presentation templates </h3>
<div class="sm:mb-8 -mx-4 relative" data-cy="education-collection">
<div x-data="collection" class="relative z-0">
<div x-ref="container" class="collections pt-5 overflow-x-scroll relative flex">
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/slidesclass" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Slidesclass','https://slidesgo.com/slidesclass');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Slidesclass" srcset="https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_1600_1131.jpg 1600w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_1338_946.jpg 1338w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_1120_792.jpg 1120w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_937_662.jpg 937w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_783_553.jpg 783w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_655_463.jpg 655w, https://media.slidesgo.com/storage/61548753/responsive-images/concrete-and-abstract-nouns1728042455___media_library_original_548_387.jpg 548w" src="https://media.slidesgo.com/storage/61548753/conversions/concrete-and-abstract-nouns1728042455-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="29vw">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548753/conversions/concrete-and-abstract-nouns1728042455-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548753/conversions/concrete-and-abstract-nouns1728042455-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Slidesclass</h3>
<p class="text-gray-700 text-base">420 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/workshop" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Workshop','https://slidesgo.com/workshop');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Workshop" srcset="https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/60712671/responsive-images/use-of-poetry-in-early-childhood-education1727181061___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/60712671/conversions/use-of-poetry-in-early-childhood-education1727181061-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60712671/conversions/use-of-poetry-in-early-childhood-education1727181061-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60712671/conversions/use-of-poetry-in-early-childhood-education1727181061-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Workshop</h3>
<p class="text-gray-700 text-base">933 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/math" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Math','https://slidesgo.com/math');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Math" srcset="https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/61548630/responsive-images/addition-with-carrying1728042342___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/61548630/conversions/addition-with-carrying1728042342-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548630/conversions/addition-with-carrying1728042342-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548630/conversions/addition-with-carrying1728042342-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Math</h3>
<p class="text-gray-700 text-base">595 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/literacy" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Literacy','https://slidesgo.com/literacy');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Literacy" srcset="https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_1600_1131.jpg 1600w, https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_1338_946.jpg 1338w, https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_1120_792.jpg 1120w, https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_937_662.jpg 937w, https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_783_553.jpg 783w, https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_655_463.jpg 655w, https://media.slidesgo.com/storage/61548585/responsive-images/synonyms-and-antonyms-with-gbl1728042301___media_library_original_548_387.jpg 548w" src="https://media.slidesgo.com/storage/61548585/conversions/synonyms-and-antonyms-with-gbl1728042301-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548585/conversions/synonyms-and-antonyms-with-gbl1728042301-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61548585/conversions/synonyms-and-antonyms-with-gbl1728042301-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Literacy</h3>
<p class="text-gray-700 text-base">127 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/lesson" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Lesson','https://slidesgo.com/lesson');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Lesson" srcset="https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/58029308/responsive-images/cloud-computing-lesson-for-high-school1723630295___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/58029308/conversions/cloud-computing-lesson-for-high-school1723630295-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/58029308/conversions/cloud-computing-lesson-for-high-school1723630295-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/58029308/conversions/cloud-computing-lesson-for-high-school1723630295-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Lesson</h3>
<p class="text-gray-700 text-base">821 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/science" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Science','https://slidesgo.com/science');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Science" srcset="https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/61547255/responsive-images/animal-comparison-anaconda-vs-jaguar1728041147___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/61547255/conversions/animal-comparison-anaconda-vs-jaguar1728041147-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61547255/conversions/animal-comparison-anaconda-vs-jaguar1728041147-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61547255/conversions/animal-comparison-anaconda-vs-jaguar1728041147-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Science</h3>
<p class="text-gray-700 text-base">1063 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/school" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'School','https://slidesgo.com/school');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="School" srcset="https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_354_458.jpg 354w, https://media.slidesgo.com/storage/61561029/responsive-images/spring-cut-outs1728051659___media_library_original_297_384.jpg 297w" src="https://media.slidesgo.com/storage/61561029/conversions/spring-cut-outs1728051659-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61561029/conversions/spring-cut-outs1728051659-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/61561029/conversions/spring-cut-outs1728051659-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">School</h3>
<p class="text-gray-700 text-base">3747 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/thesis-defense" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Thesis Defense','https://slidesgo.com/thesis-defense');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Thesis Defense" srcset="https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/60801286/responsive-images/5g-wireless-technology-thesis-defense1727257622___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/60801286/conversions/5g-wireless-technology-thesis-defense1727257622-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60801286/conversions/5g-wireless-technology-thesis-defense1727257622-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60801286/conversions/5g-wireless-technology-thesis-defense1727257622-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Thesis Defense</h3>
<p class="text-gray-700 text-base">1018 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/teacher-toolkit" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Teacher Toolkit','https://slidesgo.com/teacher-toolkit');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Teacher Toolkit" srcset="https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/38164886/responsive-images/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/38164886/conversions/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/38164886/conversions/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/38164886/conversions/kimok-science-doodles-style-lesson-template-daily-learning-stem1689246522-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Teacher Toolkit</h3>
<p class="text-gray-700 text-base">122 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/music" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Music','https://slidesgo.com/music');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Music" srcset="https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/57433390/responsive-images/children-hobbies-story-book1722520278___media_library_original_354_458.jpg 354w" src="https://media.slidesgo.com/storage/57433390/conversions/children-hobbies-story-book1722520278-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/57433390/conversions/children-hobbies-story-book1722520278-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/57433390/conversions/children-hobbies-story-book1722520278-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Music</h3>
<p class="text-gray-700 text-base">426 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/art" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Art','https://slidesgo.com/art');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Art" srcset="https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/60699976/responsive-images/fashion-arts-sticker-pack1727171247___media_library_original_548_308.jpg 548w" src="https://media.slidesgo.com/storage/60699976/conversions/fashion-arts-sticker-pack1727171247-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60699976/conversions/fashion-arts-sticker-pack1727171247-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/60699976/conversions/fashion-arts-sticker-pack1727171247-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Art</h3>
<p class="text-gray-700 text-base">855 templates</p>
</a>
</div>
<div x-ref="collection" class="shrink-0 w-4/6 sm:w-1/3 lg:w-1/4 h-full relative">
<a href="https://slidesgo.com/smartick" class="text-gray-900 hover:text-purple-700 px-4 flex flex-col" onclick="gtm.clickCollection('home-education', 'Smartick','https://slidesgo.com/smartick');">
<div class="relative block aspect-w-16 aspect-h-9 mb-4 group">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded z-15 bg-gray-100" alt="Smartick" srcset="https://media.slidesgo.com/storage/54684347/responsive-images/fractions1716909757___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/54684347/responsive-images/fractions1716909757___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/54684347/responsive-images/fractions1716909757___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/54684347/responsive-images/fractions1716909757___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/54684347/responsive-images/fractions1716909757___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/54684347/responsive-images/fractions1716909757___media_library_original_655_368.jpg 655w" src="https://media.slidesgo.com/storage/54684347/conversions/fractions1716909757-thumb.jpg" loading="lazy" onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" sizes="1px">
<div class="absolute -top-1 h-full bg-gray-200 rounded z-10 overflow-hidden transition-all duration-300 group-hover:-top-2 aspect-w-16 aspect-h-9 scale-x-95" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/54684347/conversions/fractions1716909757-thumb.jpg" loading="lazy">
</div>
<div class="absolute -top-2 h-full bg-gray-100 rounded overflow-hidden transition-all duration-300 group-hover:-top-4 aspect-w-16 aspect-h-9 scale-x-90" style="-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);">
<img class="object-contain absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" alt="" role="presentation" src="https://media.slidesgo.com/storage/54684347/conversions/fractions1716909757-thumb.jpg" loading="lazy">
</div>
</div>
<h3 class="text-lg font-bold mb-1">Smartick</h3>
<p class="text-gray-700 text-base">59 templates</p>
</a>
</div>
</div>
<div class="w-10 absolute top-0 right-0 sm:bottom-20 xl:bottom-16 -mr-1 z-20 hidden sm:flex items-center justify-center">
<button x-on:click="next()" :class="lastIndex === currentActive ? 'opacity-0' : ''" class="w-10 h-10 rounded-full shadow flex items-center justify-center bg-white transition duration-300 hover:shadow-md focus:outline-none hover:text-gray-800 cursor-pointer">
<svg alt="Next slide" loading="lazy" class="fill-current h-4 w-4 -mr-1 rotate-180" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M5 9l6.5 6.2c.7.6.7 1.7 0 2.3-.7.7-1.8.7-2.5 0l-7.6-7.3a1.6 1.6 0 010-2.4L9 .5c.7-.7 1.8-.7 2.5 0 .7.6.7 1.7 0 2.3L5 9z"></path></svg> </button>
</div>
<div class="w-10 absolute top-0 left-0 sm:bottom-20 xl:bottom-16 -mr-1 z-20 hidden sm:flex items-center justify-center">
<div x-on:click="previous()" :class="currentActive !== 0 ? 'opacity-100' : ''" class="w-10 h-10 opacity-0 rounded-full shadow flex items-center justify-center bg-white transition duration-300 hover:shadow-md focus:outline-none hover:text-gray-800 cursor-pointer">
<svg alt="Previous slide" loading="lazy" class="fill-current h-4 w-4 -ml-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 18"><path d="M5 9l6.5 6.2c.7.6.7 1.7 0 2.3-.7.7-1.8.7-2.5 0l-7.6-7.3a1.6 1.6 0 010-2.4L9 .5c.7-.7 1.8-.7 2.5 0 .7.6.7 1.7 0 2.3L5 9z"></path></svg> </div>
</div>
</div>
</div>
</div>
<div class="container mx-auto px-4 mb-16 below-the-fold">
<h3 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">
Editable in Canva
</h3>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="theme_post" data-id="28352" data-slug="premature-newborn-care-breakthrough" @toggle-fav-28352.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'premature-newborn-care-breakthrough', ["https:\/\/media.slidesgo.com\/storage\/52880114\/conversions\/0-premature-newborn-care-breakthrough-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/52880125\/conversions\/1-premature-newborn-care-breakthrough-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/premature-newborn-care-breakthrough#position-1&rs=home-interactive-animated" x-on:click="handleEvents("28352",
"Premature Newborn Care Breakthrough",
"Medical",
"",
"https://slidesgo.com/theme/premature-newborn-care-breakthrough#position-1&rs=home-interactive-animated&rs=home-interactive-animated",
"home-interactive-animated")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-28352" style="" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Premature Newborn Care Breakthrough presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/52880499/responsive-images/premature-newborn-care-breakthrough1714478970___media_library_original_548_308.jpg 548w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOU9zamQzbHVFbEdFSFd0R0svanNsOHBCa0N0WmJaSTR5aXFBS3pYMDBGeWNWdk9wejZiSTBsSzdKWXRWV1J3Q01aclRSZ3dCRlpLMkdIQnh3S2tuMUZMWWlOZVRXYWkzc0pKdlkwelRhS0trUTEvdUd1U2xKT3BOejNvb3JlajFOcU81LzlrPSI+Cgk8L2ltYWdlPgo8L3N2Zz4= 32w" src="https://media.slidesgo.com/storage/52880499/premature-newborn-care-breakthrough1714478970.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Premature Newborn Care Breakthrough presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Premature Newborn Care Breakthrough presentation template " src="https://media.slidesgo.com/storage/52880125/conversions/1-premature-newborn-care-breakthrough-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":28352,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Medical"},"memo":{"id":"RhCxjlvoAkrxxybDb95g","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"fb1e5086878fda1b955fc7ed936ac10c5dccedf79901945d5c2c1032a0f3cb26"}" wire:effects="[]" wire:id="RhCxjlvoAkrxxybDb95g" x-data="favorite([])" x-init="article = 'premature-newborn-care-breakthrough', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Medical', '', 'thumbnail', '28352', 'Premature Newborn Care Breakthrough');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
28352,
'premature-newborn-care-breakthrough',
'Premature Newborn Care Breakthrough',
0,
'Medical',
'en',
'https://slidesgo.com/theme/premature-newborn-care-breakthrough/download',
false,
{"search":false,"nextSearchExpression":false,"position":1,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-28352.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/premature-newborn-care-breakthrough#position-1&rs=home-interactive-animated&rs=home-interactive-animated" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Premature Newborn Care Breakthrough
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/medical" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Medical</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="12407" data-slug="casual-vintage-watercolor-collage-minitheme" @toggle-fav-12407.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'casual-vintage-watercolor-collage-minitheme', ["https:\/\/media.slidesgo.com\/storage\/23313399\/conversions\/0-casual-vintage-watercolor-collage-minitheme-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/23313402\/conversions\/1-casual-vintage-watercolor-collage-minitheme-thumb.jpg"], 0, false, false, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="sixteentonine">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme#position-2&rs=home-interactive-animated" x-on:click="handleEvents("12407",
"Casual \u0026 Vintage Watercolor Collage Minitheme",
"Multi-purpose",
"",
"https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme#position-2&rs=home-interactive-animated&rs=home-interactive-animated",
"home-interactive-animated")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full object-contain object-center user-select-none cover-image-12407" style="" width="368" sizes="35.2vw" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Casual & Vintage Watercolor Collage Minitheme presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/23313480/responsive-images/casual-vintage-watercolor-collage-minitheme1659358592___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErNU5lMXFXenVOc2ZTcVVXdlh0d0FGQnpYSzNuaTBwclFndTRpQVR3Mks3bUQ3TGJhYjlzTEFSZ1p6WGpVcThhamFYUTl1cFM5bkZOakxHNHZKcEdXYzdWSXJobXRJMThWU2Z2ZWM5SzdmVDlRdHZFMFROWlQvY3lEaXNUVGZEa2NtdFRTeVNCblUrdGJ6bGVONEJRNU5YSXdmR1NMOXBqTzBaOWNWczZ1eEh3L213VC9xNktLOFdsL0VuNkhUaVA0Y1RuUGdHN05wOTlsaWZtUFUxMCtrT3g4UjNJeWNaOWFLSzlERC93VWNNTjJmL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" src="https://media.slidesgo.com/storage/23313480/casual-vintage-watercolor-collage-minitheme1659358592.jpg" height="900">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Casual & Vintage Watercolor Collage Minitheme presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Casual & Vintage Watercolor Collage Minitheme presentation template " src="https://media.slidesgo.com/storage/23313402/conversions/1-casual-vintage-watercolor-collage-minitheme-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":12407,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"Multi-purpose"},"memo":{"id":"wlLcNLWDpJrrimWOkWko","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ea29d96101775417aea99b81636e62e9260e0332c9a66c79e899784a4c5f5eb5"}" wire:effects="[]" wire:id="wlLcNLWDpJrrimWOkWko" x-data="favorite([])" x-init="article = 'casual-vintage-watercolor-collage-minitheme', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('Multi-purpose', '', 'thumbnail', '12407', 'Casual & Vintage Watercolor Collage Minitheme');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
12407,
'casual-vintage-watercolor-collage-minitheme',
'Casual & Vintage Watercolor Collage Minitheme',
0,
'Multi-purpose',
'en',
'https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme/download',
false,
{"search":false,"nextSearchExpression":false,"position":2,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-12407.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<form x-ref="download_form" method="post" target="_blank" class="h-full" action="">
<input type="hidden" name="_token" value="anonymous" autocomplete="off">
<div x-show="downloadOpened" @click.outside="downloadOpened = false" class="absolute left-0 top-0 w-full aspect-w-16 aspect-h-9 bg-gray-900 bg-opacity-90 rounded backdrop-blur-lg firefoxblur" style="display: none;">
<div class="absolute flex flex-col inset-0 items-center rounded">
<button type="button" @click="downloadOpened = false" class="close flex items-center justify-center absolute right-0 top-0 p-3 text-white">
<svg class="size-4 fill-current">
<use xlink:href="#icon-close"></use>
</svg>
</button>
<div class="h-full flex flex-col justify-center">
<div class="flex justify-center gap-x-4 relative">
<button @click="downloadSlide("google");" type="button" aria-label="Google slides" name="action" value="google" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -top-10 hidden xl:flex justify-center left-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Google Slides </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-yellow-400 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Google Slides">
<use xlink:href="#icon-googleslides-button"></use>
</svg>
</div>
</button>
<button @click="downloadSlide("powerpoint");" type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute -inset-x-24 -top-10 hidden xl:flex justify-center">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download as a PowerPoint file </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-red-700 rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Download icon">
<use xlink:href="#icon-powerpoint-button"></use>
</svg>
</div>
</button>
<button x-show="!activeVariant" @click="downloadSlide("canva");" type="button" aria-label="Canva" name="action" value="canva" class="group/download relative">
<div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none">
<svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<div class="absolute right-0 -top-10 hidden xl:flex justify-center right-0">
<div class="bg-white px-4 py-2 text-sm whitespace-nowrap rounded-md">
Download and open in Canva </div>
</div>
</div>
<div class="size-16 2xl:size-[4.25rem] bg-[#7D2AE7] rounded">
<svg class="size-16 2xl:size-[4.25rem] fill-current" alt="Canva">
<use xlink:href="#icon-canva-button"></use>
</svg>
</div>
</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/casual-vintage-watercolor-collage-minitheme#position-2&rs=home-interactive-animated&rs=home-interactive-animated" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Casual & Vintage Watercolor Collage Minitheme
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">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...</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/multi-purpose" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">Multi-purpose</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
16:9
</span>
</div>
</div>
</div>
</div>
<div class="theme_post" data-id="33150" data-slug="spring-cut-outs-illustration" @toggle-fav-33150.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'spring-cut-outs-illustration', ["https:\/\/media.slidesgo.com\/storage\/61560587\/conversions\/0-spring-cut-outs-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/61560606\/conversions\/1-spring-cut-outs-thumb.jpg"], 0, false, true, false, [])">
<div class="relative border border-gray-100 rounded">
<div x-ref="article" class="article-box aspect-w-16 aspect-h-9 relative bg-gray-100 cursor-pointer group flex" data-total="?" data-format="afour">
<div class="box-image absolute inset-0 overflow-hidden rounded-t">
<a href="https://slidesgo.com/theme/spring-cut-outs-illustration#position-3&rs=home-interactive-animated" x-on:click="handleEvents("33150",
"Spring Cut-outs",
"School, A4, Printable Slides",
"premium",
"https://slidesgo.com/theme/spring-cut-outs-illustration#position-3&rs=home-interactive-animated&rs=home-interactive-animated",
"home-interactive-animated")" class="absolute inset-0">
<div class="overflow-x-scroll flex" style="scroll-snap-type: x mandatory; scroll-behavior: smooth;" x-ref="container" x-on:touchstart="touch()" x-on:scroll="scrolls()" @mouseenter="(evt) => {evt.target.querySelectorAll('.slide img')[1]?.removeAttribute('loading')}">
<div x-show="!variantChanged" class="slide overflow-hidden w-full h-full shrink-0 relative bg-gray-100 aspect-w-16 aspect-h-9" style="scroll-snap-stop: always;">
<img class="absolute w-full h-full p-3 object-contain object-center user-select-none cover-image-33150" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" width="368" sizes="1px" x-ref="first" onload="this.onload=null;var size = Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100) || 20;this.sizes=size*0.8+'vw';" alt="Spring Cut-outs presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_1237_1600.jpg 1237w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_1034_1337.jpg 1034w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_865_1119.jpg 865w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_724_936.jpg 724w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_606_784.jpg 606w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_507_656.jpg 507w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_424_548.jpg 424w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_354_458.jpg 354w, https://media.slidesgo.com/storage/61560587/responsive-images/0-spring-cut-outs___media_library_original_297_384.jpg 297w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTIzNyAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTIzNyIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0ErUTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0JrWldaaGRXeDBJSEYxWVd4cGRIa0svOXNBUXdBSUJnWUhCZ1VJQndjSENRa0lDZ3dVRFF3TEN3d1pFaE1QRkIwYUh4NGRHaHdjSUNRdUp5QWlMQ01jSENnM0tTd3dNVFEwTkI4bk9UMDRNand1TXpReS85c0FRd0VKQ1FrTUN3d1lEUTBZTWlFY0lUSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5LzhBQUVRZ0FLUUFnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEE5NGtuQzhWUWFlVXljSGlyTTl4SEcyR0FxSVhVT2VnelNja3R4cUxZa2x3OENoNUd3dFBoMU9HVndpdGsxUzFJcGR3Yk4yMnFlbFdLUjNPUkp1SXJPVTdOSXRRN2lhN1BMSE1NZmRyT2llNmM3d09LbjhTQ2FTYmFock10cEx4Q0ZMY0NsTGxlak1uSjNkdGk2elhMc2NqZ1ZiMFc1QnZDbWVhenlia01jbmcxZDBLQUplRnlPVFdEVXBPTFIxM1ZtaWZXeEtibjkyaE5VWTFtVmN0RWZ5cnBMdjhBMWxWcE9sZFZyN25IVVZ2aE1raVZrejVaNDlxczZRWlRkL05HUUt1eGREVmkwLzF0Skk2RTF5bi8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 32w" src="https://media.slidesgo.com/storage/61560587/0-spring-cut-outs.jpg" height="1600">
<span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10">
</span>
</div>
<template x-for="(image, index) in activeMedia" :key="index">
<div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none p-3" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Spring Cut-outs presentation template ">
</div>
</div>
</template><div class="slide bg-gray-100 overflow-hidden w-full h-full shrink-0 relative aspect-w-16 aspect-h-9">
<div class="absolute w-full h-full object-contain object-center user-select-none p-3" "="">
<img x-bind:src="image" class="h-full m-auto" style="filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));" loading="lazy" alt="Spring Cut-outs presentation template " src="https://media.slidesgo.com/storage/61560606/conversions/1-spring-cut-outs-thumb.jpg">
</div>
</div>
</div>
</a>
<template x-if="totalSlides > 0">
<div class="absolute bottom-2 right-2 flex items-center justify-center">
<div class="py-1.5 px-2 relative text-white text-sm text-center rounded uppercase opacity-100 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100 sm:opacity-0">
<span x-text="currentSlide + 1"></span>/<span x-text="totalSlides"></span>
</div>
</div>
</template>
<button x-on:click="next()" :class="{'group-hover:opacity-0': totalSlides !== 0 && currentSlide === (totalSlides - 1)}" class="group-hover:opacity-100 opacity-0 swiper-button-next absolute top-0 right-0 justify-end h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tr"></button>
<button class="group-hover:opacity-100 opacity-0 swiper-button-prev absolute top-0 left-0 justify-start h-full w-20 hidden lg:flex items-center p-2 m-0 focus:outline-none rounded-tl group-hover:opacity-0" :class="{'group-hover:opacity-0': currentSlide === 0 }" x-on:click="previous()"></button>
</div>
<div class="flex justify-between absolute inset-0 pointer-events-none items-start p-2">
<div class="top-0 left-0 flex flex-col items-start pointer-events-none">
<span class="size-8 px-2 rounded bg-gray-900 bg-opacity-80 flex items-center justify-center">
<svg class="size-3" alt="Premium subscription" data-cy="premium-resource" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.5504 1.89021C13.2772 1.78488 12.9671 1.85417 12.7679 2.06206L9.97358 5.54064L7.61179 1.0753C7.48374 0.864649 7.25325 0.734375 7 0.734375C6.74675 0.734375 6.51341 0.864649 6.38821 1.0753L4.02642 5.54064L1.23211 2.06483C1.03293 1.85695 0.722764 1.78765 0.449593 1.89298C0.179268 1.99553 0 2.25054 0 2.53603V11.0756V11.4082V12.9327C0 13.925 0.830894 14.7344 1.84959 14.7344H12.1504C13.1691 14.7344 14 13.925 14 12.9327V11.4082V11.0756V2.53603C14 2.25054 13.8207 1.99553 13.5504 1.89021Z" fill="#FEB602"></path>
</svg>
</span>
</div>
<div class="flex pointer-events-auto opacity-100 lg:opacity-0 group-hover:opacity-100 transition-opacity duration-300">
<div wire:snapshot="{"data":{"slide":[[],{"key":33150,"class":"App\\Article","s":"elmdl"}],"folders":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"foldersInArticle":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"favorite":null,"isOpen":false,"isFav":false,"favoriteView":false,"slideDetailView":false,"slideNewDetailView":false,"showTitle":true,"mainCategories":"School, A4, Printable Slides"},"memo":{"id":"bwP3zGAwNlYv5k2svgO7","name":"favorite-button","path":"\/","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"87a253a321ca41187e02fe4e370571f4de4791df646256984a0ab80c83b99208"}" wire:effects="[]" wire:id="bwP3zGAwNlYv5k2svgO7" x-data="favorite([])" x-init="article = 'spring-cut-outs-illustration', isFavorite = ''">
<div class="flex items-center z-15">
<button x-data="" onclick="
gtm.addToFavorites('School, A4, Printable Slides', 'premium', 'thumbnail', '33150', 'Spring Cut-outs');
" @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 relative">
<svg class="size-4 text-gray-900 fill-current" alt="Heart icon" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M16 5.01069C16 2.6505 14.125.329529 11.3619.329529c-1.2158 0-2.37468.421969-3.26281 1.241091-.03347.03088-.0665.06222-.09906.09403-.03256-.03178-.0656-.06315-.09906-.09403C7.01284.751498 5.854.329529 4.63819.329529 1.87503.329529.00009155 2.6505.00009155 5.01069c0 1.2674.48334345 2.45887 1.37946845 3.355l5.18328 5.18461c.38363.3838.89375.5951 1.43638.5952-.0001 0 .00006 0 0 0 .00021 0 .00062-.0001.00084-.0001.00022 0 .00047.0001.00069.0001-.00007 0 .00006 0 0 0 .54262-.0001 1.0529-.2114 1.43653-.5952l5.18332-5.18471C15.5167 7.4695 16 6.27806 16 5.01069Zm-2.4843 2.25012c-.0001.00003 0 0 0 0L8.33222 12.4456c-.08854.0886-.20625.1374-.33147.1374-.00025 0-.0005-.0001-.00072-.0001-.00022 0-.00047.0001-.00069.0001-.12522 0-.24297-.0488-.3315-.1374L2.4845 7.2609c-.00003-.00003.00003 0 0 0-.59888-.59887-.92191-1.39515-.92191-2.24216 0-1.70159 1.39578-3.13268 3.14834-3.13268.76344 0 1.52363.28134 2.13075.83312.49172.44691.55682.94863 1.15838.94863s.66665-.50172 1.15837-.94863c.6071-.55181 1.36727-.83312 2.13077-.83312 1.7525 0 3.1483 1.43109 3.1483 3.13268 0 .84701-.323 1.64322-.9218 2.24207Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute -right-4 top-11 h-7 px-3 bg-white text-gray-900 rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none shadow-lg text-sm whitespace-nowrap">
Like </span>
</button>
</div>
</div>
<div x-data="download(
33150,
'spring-cut-outs-illustration',
'Spring Cut-outs',
1,
'School, A4, Printable Slides',
'en',
'https://slidesgo.com/theme/spring-cut-outs-illustration/download',
false,
{"search":false,"nextSearchExpression":false,"position":3,"results":false,"variant":false},
false,
false,
null,
false,
false,
)" @slide-color-change-33150.window="colorHasChanged($event.detail)">
<div class="flex" x-data="{downloadOpened: false}">
<button data-cy="download" type="button" @click="downloadOpened = true;" class="tooltip-group size-8 rounded bg-white shadow-lg flex items-center justify-center hover:bg-gray-50 transition-opacity duration-300 relative ml-2 text-gray-900">
<svg class="size-4 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M7.99998 12.2188c-.20718 0-.4059-.0824-.55243-.2289L4.79592 9.33828c-.30509-.30509-.30509-.79975 0-1.10484.30509-.3051.79972-.3051 1.10484 0l1.31797 1.31797V.78125C7.21873.349781 7.56851 0 7.99998 0s.78125.349781.78125.78125v8.77016l1.31797-1.31797c.3051-.3051.7998-.3051 1.1049 0 .3051.30509.3051.79975 0 1.10484L8.55242 11.9899c-.14653.1465-.34522.2289-.55244.2289Z"></path><path d="M14.4375 8.78125c0-.43147.3498-.78125.7813-.78125S16 8.34978 16 8.78125v4.18755c0 1.4646-1.1916 2.6562-2.6562 2.6562H2.65625C1.19159 15.625 0 14.4334 0 12.9688V8.78125C0 8.34978.349781 8 .78125 8c.43147 0 .78125.34978.78125.78125v4.18755c0 .603.49066 1.0937 1.09375 1.0937H13.3438c.603 0 1.0937-.4907 1.0937-1.0937V8.78125Z"></path></svg>
<svg class="size-3 absolute left-4 -bottom-4 shadow-lg text-white rotate-[180deg] tooltip hidden xl:flex transition-all duration-300 opacity-0 transform pointer-events-none fill-current" alt="icon caret" viewBox="0 0 7 3" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z"></path>
</svg>
<span class="tooltip absolute top-11 h-7 px-3 bg-white shadow-lg text-gray-900 text-sm rounded hidden xl:flex items-center justify-center transition-all duration-300 opacity-0 transform pointer-events-none whitespace-nowrap -right-2">
Download </span>
</button>
<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=spring-cut-outs-illustration&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Spring+Cut-outs" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 33150);
gtm.microfunnel('School, A4, Printable Slides', 'Go Premium', 'https://slidesgo.com/pricing?slide=spring-cut-outs-illustration&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Spring+Cut-outs', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700">
Go Premium</a>
<p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a>
</p></div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="px-4">
<h3 class="pt-5 mb-2 text-xl font-medium flex items-center">
<a href="https://slidesgo.com/theme/spring-cut-outs-illustration#position-3&rs=home-interactive-animated&rs=home-interactive-animated" class="text-gray-900 no-underline block font-semibold sm:truncate hover:text-gray-800">
Spring Cut-outs
</a>
</h3>
<p class="text-base text-gray-700 leading-normal line-clamp-3">Download the Spring Cut-outs template for PowerPoint or Google Slides! Dive into a world of endless possibilities with our unique cut out resource. Whether you're a teacher looking to inspire your students or a parent seeking fun activities for your little ones, these cut out slides are the perfect solution....</p>
</div>
<div class="p-4 flex items-center justify-between">
<a href="https://slidesgo.com/school" class="bg-gray-75 text-gray-900 rounded hover:bg-gray-200 active:bg-gray-300 py-2 px-4 flex items-center">
<span class="text-sm font-bold">School</span>
</a>
<div class="flex items-center flex-wrap space-x-1">
<span class="rounded-full py-2 px-4 flex items-center border border-gray-300 text-gray-900 font-medium text-sm cursor-default">
A4
</span>
</div>
</div>
</div>
</div>
</div>
<div class="text-center mt-8">
<a href="https://slidesgo.com/editable-in-canva" data-cy="see-more-canva" class="inline-block rounded px-6 py-3 text-lg text-white font-bold bg-gray-900 hover:bg-gray-800 active:bg-gray-700">
See editable in canva themes </a>
</div>
</div>
<div class="container mx-auto px-4 mb-16 below-the-fold">
<div class="bg-purple-50 py-8 sm:py-12 flex py-20 px-8 rounded flex-col xl:flex-row">
<div class="mr-12 w-full text-center mb-4 xl:pt-4 xl:text-left xl:w-min xl:min-w-[320px]">
<h4 class="mb-4 font-semibold text-5xl font-title text-gray-900">What's new on Slidesgo</h4>
<p class="text-gray-800 text-lg leading-normal">
See the latest website updates, new features and tools and make the most of your Slidesgo experience. </p>
</div>
<div class="w-full text-md flex flex-col sm:flex-row">
<a class="w-full bg-white p-3 rounded-lg shadow-md mr-4 mb-4 hover:shadow-black/30 hover:shadow-lg sm:w-1/3 sm:h-full sm:mb-0" href="https://slidesgo.com/ai-presentations#rs=whatsnew">
<div class="sm:h-28 xl:h-40">
<img class="rounded w-full h-full object-cover" src="/images/ai/ai_preview.svg" alt="AI presentation generator" loading="lazy">
</div>
<div class="px-3 mt-4 mb-5 flex flex-col justify-between sm:h-14">
<h5 class="text-lg text-gray-900 font-semibold line-clamp-2 mb-2 sm:mb-0">
Make presentations with AI </h5>
<span class="text-gray-700 text-sm font-semibold">More info</span>
</div>
</a>
<a href="https://slidesgo.com/slidesgo-school/inspiration-by-slidesgo/top-8-about-me-presentation-templates-for-going-back-to-school#rs=whatsnew" data-testid="school_post" class="w-full bg-white p-3 rounded-lg shadow-md mr-4 mb-4 hover:shadow-black/30 hover:shadow-lg sm:w-1/3 sm:h-full sm:mb-0 mr-4">
<div class="sm:h-28 xl:h-40">
<img loading="lazy" alt="Top 8 About me presentation templates for going back to school | Quick Tips & Tutorial for your presentations" class="rounded w-full h-full object-cover" srcset="https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_1280_720.jpeg 1280w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_1070_602.jpeg 1070w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_895_503.jpeg 895w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_749_421.jpeg 749w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_627_353.jpeg 627w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_524_295.jpeg 524w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_439_247.jpeg 439w, https://media.slidesgo.com/storage/59724130/responsive-images/upload___media_library_original_367_206.jpeg 367w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA3MjAiPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9IjcyMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBNmo3Tklpa2djMUJhVzk3Tk13SzhkcTFSZG9SeU1WRk5lUEhIbURyWG92bVoyYWkvWVprVExEbW9KWXBDdnlqbXIxbHFUdGJzSjErWTAxcnBRZWxLTGwxQzdNNmI3bEpCOTJpaXRPZ3ljZEtRMFVVaG4vL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 32w" onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" sizes="1px" src="https://media.slidesgo.com/storage/59724130/upload.jpeg" width="1280" height="720">
</div>
<div class="px-3 mt-4 mb-5 flex flex-col justify-between sm:h-14">
<h5 class="text-lg text-gray-900 font-semibold line-clamp-2 mb-2 sm:mb-0">
Top 8 About me presentation templates for going back to school
</h5>
<span class="text-gray-700 text-sm font-semibold">More info</span>
</div>
</a>
<a href="https://slidesgo.com/slidesgo-school/inspiration-by-slidesgo/make-school-fun-from-day-one-with-disney-and-pixar-templates#rs=whatsnew" data-testid="school_post" class="w-full bg-white p-3 rounded-lg shadow-md mr-4 mb-4 hover:shadow-black/30 hover:shadow-lg sm:w-1/3 sm:h-full sm:mb-0">
<div class="sm:h-28 xl:h-40">
<img loading="lazy" alt="Make school fun from day one with Disney and Pixar templates | Quick Tips & Tutorial for your presentations" class="rounded w-full h-full object-cover" srcset="https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_2667_1500.png 2667w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_2231_1255.png 2231w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_1866_1049.png 1866w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_1561_878.png 1561w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_1306_735.png 1306w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_1093_615.png 1093w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_914_514.png 914w, https://media.slidesgo.com/storage/59307391/responsive-images/upload___media_library_original_765_430.png 765w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMjY2NyAxNTAwIj4KCTxpbWFnZSB3aWR0aD0iMjY2NyIgaGVpZ2h0PSIxNTAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0ErUTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0JrWldaaGRXeDBJSEYxWVd4cGRIa0svOXNBUXdBSUJnWUhCZ1VJQndjSENRa0lDZ3dVRFF3TEN3d1pFaE1QRkIwYUh4NGRHaHdjSUNRdUp5QWlMQ01jSENnM0tTd3dNVFEwTkI4bk9UMDRNand1TXpReS85c0FRd0VKQ1FrTUN3d1lEUTBZTWlFY0lUSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5LzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEE2ZUNaWmwzRHBVTjRaQ3VJenpVMGNRaFRDaXM2ZVM2TG5haHhYb3kyTzBJNDU1MWFLWHA2MVpzN1A3TUQ3MVdna3VnNDNKeFdrSkZHTnh3YWNkaFJWa1NHaGdNZEtLS0JpWUhwV1pkay9hUnpSUlRHZi8vWiI+Cgk8L2ltYWdlPgo8L3N2Zz4= 32w" onload="window.requestAnimationFrame(function(){if(!(size=getBoundingClientRect().width))return;onload=null;sizes=Math.ceil(size/window.innerWidth*100)+'vw';});" sizes="1px" src="https://media.slidesgo.com/storage/59307391/upload.png" width="2667" height="1500">
</div>
<div class="px-3 mt-4 mb-5 flex flex-col justify-between sm:h-14">
<h5 class="text-lg text-gray-900 font-semibold line-clamp-2 mb-2 sm:mb-0">
Make school fun from day one with Disney and Pixar templates
</h5>
<span class="text-gray-700 text-sm font-semibold">More info</span>
</div>
</a>
</div>
</div>
</div>
<div class="bg-gray-50 py-8 sm:py-12" data-gi="bottom-links">
<div class="container mx-auto px-4">
<h4 class="text-gray-900 text-5xl font-title font-semibold mb-6">
Browse by tags </h4>
<ul class="flex flex-wrap">
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/kids#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Kids
<span class="font-normal text-base text-gray-600">2264 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/food#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Food
<span class="font-normal text-base text-gray-600">968 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/technology#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Technology
<span class="font-normal text-base text-gray-600">1083 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/travel#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Travel
<span class="font-normal text-base text-gray-600">438 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/animal#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Animal
<span class="font-normal text-base text-gray-600">1155 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/art#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Art
<span class="font-normal text-base text-gray-600">855 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/health#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Health
<span class="font-normal text-base text-gray-600">3824 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/history#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
History
<span class="font-normal text-base text-gray-600">1444 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/environment#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Environment
<span class="font-normal text-base text-gray-600">535 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/galaxy#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Galaxy
<span class="font-normal text-base text-gray-600">195 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/fashion#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Fashion
<span class="font-normal text-base text-gray-600">248 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/biology#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Biology
<span class="font-normal text-base text-gray-600">523 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/summer#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Summer
<span class="font-normal text-base text-gray-600">251 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/architecture#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Architecture
<span class="font-normal text-base text-gray-600">157 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/music#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Music
<span class="font-normal text-base text-gray-600">426 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/research#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Research
<span class="font-normal text-base text-gray-600">1667 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/culture#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Culture
<span class="font-normal text-base text-gray-600">2107 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/background#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Background
<span class="font-normal text-base text-gray-600">10201 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/back-to-school#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Back to School
<span class="font-normal text-base text-gray-600">209 templates</span>
</a>
</li>
<li class="w-1/2 sm:w-1/5 mb-4">
<a href="https://slidesgo.com/coloring-page#rs=home" class="flex flex-col text-lg font-bold text-gray-900 hover:text-purple-700 leading-snug">
Coloring Page
<span class="font-normal text-base text-gray-600">352 templates</span>
</a>
</li>
</ul>
</div>
</div>
<div class="flex relative" data-gi="testimonials">
<div class="hidden sm:block absolute top-0 left-0 bottom-0 w-1/2 bg-purple-600 overflow-hidden">
<svg alt="Quotes icons" class="fill-current absolute top-0 right-0 mr-40 lg:mr-56 xl:mr-64 -mt-8 text-purple-400 opacity-25 w-48" viewBox="0 0 197 169" xmlns="http://www.w3.org/2000/svg"><path d="M64.6 80.3c-4.5-1-9-1.2-13.4-.8-6.7.6-12.1 2.6-16.3 4.9 2.8-15.8 10.5-43.3 30.3-48 1.8-.5 3.2-2 3.5-3.8l3-16.2a4.8 4.8 0 00-4.4-5.7l-4.5.1c-24 2.1-45.6 29.5-52.4 66.5-4 21.7-3 53.8 13.3 72.6a43.3 43.3 0 0036.7 14.7h.2a42.4 42.4 0 0031.1-66.5 42.4 42.4 0 00-27-17.8zM185.3 90a42.4 42.4 0 00-27-18c-4.6-.8-9.1-1-13.4-.7-6.7.6-12.2 2.6-16.3 4.9 2.8-15.8 10.5-43.3 30.2-48 1.8-.5 3.2-2 3.6-3.8l3-16.2a4.8 4.8 0 00-4.5-5.6h-4.5c-24 2.1-45.5 29.5-52.4 66.5-4 21.7-3 53.8 13.3 72.6a43.3 43.3 0 0036.7 14.7h.2A42.4 42.4 0 00185.3 90z"></path></svg> </div>
<div class="relative container mx-auto flex px-6">
<div class="hidden sm:block w-3/12 relative">
<svg alt="triangle image" class="fill-current absolute top-0 right-0 h-full w-20" viewBox="0 0 156 330" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path fill="#FFF" d="M0 330L156 0v330" fill-rule="evenodd"></path></svg> </div>
<div class="w-full sm:w-9/12 py-12 bg-white sm:pl-4 flex flex-col">
<h3 class="text-gray-900 text-4xl sm:text-5xl font-title font-semibold mb-6">What do our users say about us?</h3>
<div class="swiper-testimonials overflow-hidden relative sm:-ml-24 h-full swiper-fade swiper-initialized swiper-horizontal swiper-watch-progress swiper-backface-hidden">
<div class="swiper-wrapper w-full h-full relative flex">
<div class="swiper-slide shrink-0 w-full relative h-52 sm:h-full flex flex-col sm:flex-row bg-white sm:bg-transparent swiper-slide-visible swiper-slide-active" style="width: 620px; opacity: 1; transform: translate3d(0px, 0px, 0px);" data-swiper-slide-index="0">
<img src="/images/testimonials/1.jpg" class="h-12 w-12 sm:h-16 sm:w-16 rounded-full sm:border-4 border-white sm:absolute top-0 left-0 mb-4 sm:mb-0 ml-2" alt="user testimonial avatar" loading="lazy">
<div class="sm:ml-20 bg-white sm:pl-4 sm:pr-4 xl:pr-16 w-full">
<p class="text-base sm:text-lg italic text-gray-700 mb-4 leading-tight sm:leading-normal">
I just wanted to thank you! I learned more about slides in one day of quarantine than in my whole life </p>
<p class="text-gray-900 font-bold text-base">Gabriela Miranda</p>
</div>
</div>
<div class="swiper-slide shrink-0 w-full relative h-52 sm:h-full flex flex-col sm:flex-row bg-white sm:bg-transparent swiper-slide-next" style="width: 620px; opacity: 0; transform: translate3d(-620px, 0px, 0px);" data-swiper-slide-index="1">
<img src="/images/testimonials/2.jpg" class="h-12 w-12 sm:h-16 sm:w-16 rounded-full sm:border-4 border-white sm:absolute top-0 left-0 mb-4 sm:mb-0 ml-2" alt="user testimonial avatar" loading="lazy">
<div class="sm:ml-20 bg-white sm:pl-4 sm:pr-4 xl:pr-16 w-full">
<p class="text-base sm:text-lg italic text-gray-700 mb-4 leading-tight sm:leading-normal">
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 </p>
<p class="text-gray-900 font-bold text-base">Marie Dupuis</p>
</div>
</div>
<div class="swiper-slide shrink-0 w-full relative h-52 sm:h-full flex flex-col sm:flex-row bg-white sm:bg-transparent" style="width: 620px; opacity: 0; transform: translate3d(-1240px, 0px, 0px);" data-swiper-slide-index="2">
<img src="/images/testimonials/3.jpg" class="h-12 w-12 sm:h-16 sm:w-16 rounded-full sm:border-4 border-white sm:absolute top-0 left-0 mb-4 sm:mb-0 ml-2" alt="user testimonial avatar" loading="lazy">
<div class="sm:ml-20 bg-white sm:pl-4 sm:pr-4 xl:pr-16 w-full">
<p class="text-base sm:text-lg italic text-gray-700 mb-4 leading-tight sm:leading-normal">
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. </p>
<p class="text-gray-900 font-bold text-base">Ali Serdar Çelikezen</p>
</div>
</div>
<div class="swiper-slide shrink-0 w-full relative h-52 sm:h-full flex flex-col sm:flex-row bg-white sm:bg-transparent" style="width: 620px; opacity: 0; transform: translate3d(-1860px, 0px, 0px);" data-swiper-slide-index="3">
<img src="/images/testimonials/4.jpg" class="h-12 w-12 sm:h-16 sm:w-16 rounded-full sm:border-4 border-white sm:absolute top-0 left-0 mb-4 sm:mb-0 ml-2" alt="user testimonial avatar" loading="lazy">
<div class="sm:ml-20 bg-white sm:pl-4 sm:pr-4 xl:pr-16 w-full">
<p class="text-base sm:text-lg italic text-gray-700 mb-4 leading-tight sm:leading-normal">
Thank you Slidesgo for creating amazing templates for us. It's made my presentation become much better. </p>
<p class="text-gray-900 font-bold text-base">Thiên Trang Nguyễn</p>
</div>
</div>
</div>
</div>
<div class="swiper-testimonals-pagination transition-opacity duration-300 z-10 hidden lg:block">
<div class="swiper-pagination relative text-left mt-4 swiper-pagination-clickable swiper-pagination-bullets swiper-pagination-horizontal"><span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span><span class="swiper-pagination-bullet"></span></div>
</div>
</div>
</div>
</div>
</main><iframe marginwidth="0" marginheight="0" scrolling="no" frameborder="0" id="157baa5ae91b83" width="0" height="0" src="about:blank" name="__pb_locator__" style="display: none; height: 0px; width: 0px; border: 0px;"></iframe>
<script type="application/ld+json">
{"@context" : "http://schema.org", "@type" : "Organization", "name" : "Slidesgo", "url" : "https://www.slidesgo.com", "logo": "https://slidesgo.com/images/logos/slidesgo.png" }
</script>
<div>
</div>
<script type="text/javascript">
function onetapCallback(googleUser) {
return fetch(`https://id.freepik.com/api/v2/login/google-one-tap?client_id=slidesgo&lang=en&no-redirect=1`, {
method: 'POST',
headers: { 'Content-type': 'application/json'},
body: JSON.stringify({ credential: googleUser.credential }),
}).then(async response => {
const data = await response.json()
if (data.success === false || !data.data?.redirectUrl) {
window.dispatchEvent(
new CustomEvent('onetaperror', { detail: data?.message ?? 'There was an error, please try again later' })
);
} else {
window.location.href = data.data.redirectUrl;
}
});
}
</script>
<div id="onetap-warning" x-data="{ open: false, message: '' }" @onetaperror.window="open=true; message=$event.detail">
<div class="absolute top-10 right-10 z-20" x-show="open" :class="{
'pointer-events-none hide-after': open
}" style="display: none;">
<div x-data="{show: true}" x-show="show" class="py-4.5 px-4.5 mx-auto h-fit z-20 bg-negative-300 text-gray-900 relative ">
<div class="flex">
<svg class="size-4.5 mr-3 fill-current shrink-0 text-negative-500" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.364 2.63602C13.6641 0.936176 11.404 0 9 0C6.59602 0 4.33593 0.936176 2.63602 2.63602C0.936176 4.33593 0 6.59602 0 9C0 11.404 0.936176 13.6641 2.63602 15.364C4.33593 17.0638 6.59602 18 9 18C11.404 18 13.6641 17.0638 15.364 15.364C17.0638 13.6641 18 11.404 18 9C18 6.59602 17.0638 4.33593 15.364 2.63602ZM1.75781 9C1.75781 5.00664 5.00664 1.75781 9 1.75781C10.6806 1.75781 12.2293 2.33336 13.4595 3.29752L3.29752 13.4595C2.33336 12.2293 1.75781 10.6806 1.75781 9ZM9.00002 16.2422C7.31941 16.2422 5.77071 15.6666 4.54052 14.7025L14.7025 4.5405C15.6667 5.77072 16.2422 7.31935 16.2422 9C16.2422 12.9934 12.9934 16.2422 9.00002 16.2422Z"></path>
</svg>
<div class="text-left">
<div class="text-gray-900">
<span x-html="message"></span>
</div>
</div>
</div>
</div>
</div>
<div id="g_id_onload" data-client_id="705648808057-3chuddbr6oahbebib1uh693k02sgfl30.apps.googleusercontent.com" data-login_uri="https://id.freepik.com/api/v2/login/google-one-tap?client_id=slidesgo" data-callback="onetapCallback"></div>
</div>
<footer class="z-10">
<div class="pt-8 sm:pt-10 bg-gray-900 text-gray-300 mt-auto">
<div class="container mx-auto">
<div class="flex flex-wrap">
<div class="flex flex-col items-center mb-8 w-full sm:flex-row sm:items-start sm:justify-between">
<div class="flex items-end mb-4 sm:mb-0">
<img src="/images/logos/slidesgo-by-freepik.svg" class="h-6 float-left" alt="Slidesgo logo" loading="lazy">
</div>
<div class="flex flex-col sm:flex-row">
<div x-data="{ open: false }" class="relative">
<button @click="open = true" class="py-2 px-4 bg-white border border-white text-gray-900 flex justify-center items-center text-base hover:text-gray-800 hover:bg-gray-100 hover:border-gray-100 rounded font-semibold mb-4 sm:mb-0 sm:mr-4 -z-10" aria-label="Open work with us">
Work with us <svg alt="icon caret" x-bind:class="open ? 'rotate-270' : ''" class="fill-current h-4 w-4 ml-2 transform rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg> </button>
<div x-show="open" @click.outside="open = false" class="absolute -right-6 top-12 bg-white rounded-sm py-1 shadow-xl sm:right-4 items-start" style="display: none;">
<svg alt="icon caret" class="fill-current h-3 w-3 absolute right-10 -top-2 text-white sm:right-4" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0L20 10H0L10 0Z"></path>
</svg> <a class="block text-gray-800 hover:bg-gray-100 hover:text-gray-900 py-2 px-4 whitespace-nowrap" href="https://slidesgo.com/ambassadors">
Become ambassador </a>
</div>
</div>
<a class="py-2 px-4 bg-transparent text-white border border-white text-base flex justify-center items-center hover:bg-white hover:text-gray-900 rounded font-semibold" href="https://forms.gle/mUYJ5G2oCnGoCAQE8" target="_blank">
Suggestion box </a>
</div>
</div>
<div class="w-full order-last sm:w-1/4 flex flex-col items-center mt-8 sm:items-start sm:order-none sm:mt-4">
<h3 class="w-full uppercase text-base mb-3 px-6 sm:px-0 font-bold text-center sm:text-left">
Social Media </h3>
<div class="flex flex-wrap items-center justify-start mb-2 sm:grid sm:gap-2 sm:grid-cols-3 xl:grid-cols-5">
<a href="https://www.pinterest.es/slidesgo/" target="_blank" rel="noreferrer" class="bg-pinterest rounded flex items-center justify-center p-2 hover:bg-red-800 mr-2 sm:mr-0 focus:outline-none share">
<svg alt="Pinterest" class="fill-current h-5 w-5 text-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12.053 0.237061C5.513 0.237061 0.184998 5.53806 0.184998 12.1051C0.184998 17.1161 3.323 21.4151 7.727 23.1561C7.622 22.2061 7.543 20.7821 7.78 19.7541C7.991 18.8311 9.178 13.8461 9.178 13.8461C9.178 13.8461 8.835 13.1341 8.835 12.0791C8.835 10.4181 9.785 9.20406 10.971 9.20406C11.974 9.20406 12.475 9.96906 12.475 10.8661C12.475 11.8951 11.815 13.3981 11.499 14.8221C11.209 16.0091 12.079 16.9581 13.266 16.9581C15.376 16.9581 16.985 14.7431 16.985 11.5251C16.985 8.67706 14.954 6.69906 12.026 6.69906C8.651 6.69906 6.673 9.23106 6.673 11.8421C6.673 12.8701 7.068 13.9521 7.543 14.5581C7.648 14.6641 7.648 14.7691 7.622 14.9011C7.542 15.2711 7.332 16.0881 7.305 16.2461C7.253 16.4571 7.121 16.5101 6.91 16.4041C5.433 15.7191 4.51 13.5561 4.51 11.8151C4.51 8.07006 7.226 4.64206 12.343 4.64206C16.457 4.64206 19.648 7.56906 19.648 11.4991C19.648 15.5871 17.064 18.8841 13.503 18.8841C12.29 18.8841 11.183 18.2511 10.787 17.5121C10.787 17.5121 10.18 19.7801 10.048 20.3341C9.785 21.3631 9.046 22.6541 8.571 23.4461C9.679 23.7891 10.866 23.9741 12.079 23.9741C18.619 23.9741 23.947 18.6731 23.947 12.1051C23.895 5.53806 18.593 0.237061 12.053 0.237061Z"></path></svg> </a>
<a href="https://www.tiktok.com/@slidesgotemplates" target="_blank" rel="noreferrer" class="bg-tiktok rounded flex items-center justify-center p-2 hover:bg-red-600 mr-2 sm:mr-0 focus:outline-none share">
<svg alt="tiktok" class="fill-current h-5 w-5 text-white" viewBox="0 0 116 132" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M45.2 52.0999V46.7999C43.4 46.5999 41.7 46.3999 39.8 46.3999C17.8 46.3999 0 64.2999 0 86.1999C0 99.6999 6.7 111.6 17 118.8C16.8 118.6 16.6 118.4 16.4 118.2C10.1 111.1 6.5 101.9 6.5 91.6999C6.5 69.9999 23.7 52.5999 45.2 52.0999Z" fill="#6AC4D0"></path>
<path d="M46.1 110C55.9 110 64.1 102.1 64.4 92.3V5.70001H80.1V5.5C79.8 3.7 79.6 1.9 79.6 0H58V86.8C57.6 96.5 49.6 104.3 39.8 104.3C36.8 104.3 33.9 103.5 31.4 102.2C34.7 106.9 40.1 110 46.1 110Z" fill="#6AC4D0"></path>
<path d="M109.8 35.4001V30.2001C103.8 30.2001 98.1 28.4 93.4 25.3C97.6 30.2 103.3 34.0001 109.8 35.4001Z" fill="#6AC4D0"></path>
<path d="M93.4 25.3999C88.8 20.0999 86 13.2 86 5.69995H80C81.6 13.9 86.6 20.8999 93.4 25.3999Z" fill="#E83659"></path>
<path d="M39.8 67.8C29.8 67.8 21.4 76.1001 21.4 86.2001C21.4 93.2001 25.5 99.3 31.3 102.3C29.1 99.3 27.9 95.6001 27.9 91.7001C27.9 81.7001 36.1 73.5 46.1 73.5C48 73.5 49.8 73.8 51.5 74.3V52.2001C49.7 52.0001 48 51.8 46.1 51.8C45.8 51.8 45.5 51.8 45.2 51.8H45.1V68.5C43.3 68 41.7 67.8 39.8 67.8Z" fill="#E83659"></path>
<path d="M109.8 35.1001H109.7L109.6 51.8001C98.4 51.8001 88 48.1001 79.5 42.1001V86.3001C79.5 108.3 61.8 126 39.8 126C31.3 126 23.4 123.5 17 118.9C24.3 126.7 34.6 131.6 46.1 131.6C68.1 131.6 85.9 113.7 85.9 91.8001V47.8001C94.4 53.9001 104.8 57.5001 116 57.5001V35.9001C114 35.7001 111.8 35.5001 109.8 35.1001Z" fill="#E83659"></path>
<path d="M79.7 86.2V42.2C88.2 48.3 98.6 51.8999 109.8 51.8999V35.0999C103.3 33.6999 97.6 30.1999 93.4 25.3999C86.6 20.9999 81.7 13.9 80.2 5.69995H64.3V92.4999C63.9 102.2 55.9 110 46.1 110C40 110 34.7 107 31.3 102.4C25.5 99.3999 21.5 93.2999 21.5 86.2999C21.5 76.2999 29.7 68.0999 39.7 68.0999C41.6 68.0999 43.4 68.3999 45.1 68.8999V51.8999C23.6 52.3999 6.20001 70.1 6.20001 91.7C6.20001 102.2 10.3 111.7 16.9 118.8C23.4 123.3 31.2 126 39.7 126C61.8 126 79.7 108.2 79.7 86.2Z"></path>
</svg> </a>
<a href="https://twitter.com/slidesgo" target="_blank" rel="noreferrer" class="bg-twitter rounded flex items-center justify-center p-2 hover:bg-gray-100 mr-2 sm:mr-0 focus:outline-none share">
<!-- Generator: Adobe Illustrator 27.5.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg alt="twitter" class="fill-current h-5 w-5 text-black" version="1.1" id="svg5" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1668.56 1221.19" style="enable-background:new 0 0 1668.56 1221.19;" xml:space="preserve">
<g id="layer1" transform="translate(52.390088,-25.058597)">
<path id="path1009" d="M283.94,167.31l386.39,516.64L281.5,1104h87.51l340.42-367.76L984.48,1104h297.8L874.15,558.3l361.92-390.99
h-87.51l-313.51,338.7l-253.31-338.7H283.94z M412.63,231.77h136.81l604.13,807.76h-136.81L412.63,231.77z"></path>
</g>
</svg> </a>
<a href="https://www.instagram.com/slidesgo/" target="_blank" rel="noreferrer" class="bg-instagram rounded flex items-center justify-center p-2 hover:bg-pink-600 mr-2 sm:mr-0 focus:outline-none share">
<svg alt="instagram" class="fill-current h-5 w-5 text-white" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2224_13585)">
<path d="M11.9992 2.32032C15.1539 2.32032 15.5242 2.33439 16.7711 2.39064C17.9242 2.4422 18.5477 2.63439 18.9648 2.79845C19.518 3.01407 19.9117 3.2672 20.3242 3.6797C20.7367 4.0922 20.9945 4.48595 21.2055 5.03907C21.3648 5.45626 21.5617 6.0797 21.6133 7.23282C21.6695 8.4797 21.6836 8.85001 21.6836 12.0047C21.6836 15.1594 21.6695 15.5297 21.6133 16.7766C21.5617 17.9297 21.3695 18.5531 21.2055 18.9703C20.9898 19.5234 20.7367 19.9172 20.3242 20.3297C19.9117 20.7422 19.518 21 18.9648 21.2109C18.5477 21.3703 17.9242 21.5672 16.7711 21.6188C15.5242 21.675 15.1539 21.6891 11.9992 21.6891C8.84453 21.6891 8.47422 21.675 7.22734 21.6188C6.07422 21.5672 5.45078 21.375 5.03359 21.2109C4.48047 20.9953 4.08672 20.7422 3.67422 20.3297C3.26172 19.9172 3.00391 19.5234 2.79297 18.9703C2.63359 18.5531 2.43672 17.9297 2.38516 16.7766C2.32891 15.5297 2.31484 15.1594 2.31484 12.0047C2.31484 8.85001 2.32891 8.4797 2.38516 7.23282C2.43672 6.0797 2.62891 5.45626 2.79297 5.03907C3.00859 4.48595 3.26172 4.0922 3.67422 3.6797C4.08672 3.2672 4.48047 3.00939 5.03359 2.79845C5.45078 2.63907 6.07422 2.4422 7.22734 2.39064C8.47422 2.3297 8.84453 2.32032 11.9992 2.32032ZM11.9992 0.1922C8.79297 0.1922 8.38985 0.206262 7.12891 0.262512C5.87266 0.318762 5.01484 0.520325 4.26484 0.81095C3.48672 1.11095 2.83047 1.51876 2.17422 2.17501C1.51797 2.83126 1.11484 3.4922 0.810156 4.26564C0.519531 5.01564 0.317969 5.87345 0.261719 7.13439C0.205469 8.39063 0.191406 8.79376 0.191406 12C0.191406 15.2063 0.205469 15.6094 0.261719 16.8703C0.317969 18.1266 0.519531 18.9844 0.810156 19.7391C1.11016 20.5172 1.51797 21.1734 2.17422 21.8297C2.83047 22.4859 3.49141 22.8891 4.26484 23.1938C5.01484 23.4844 5.87266 23.6859 7.13359 23.7422C8.39453 23.7984 8.79297 23.8125 12.0039 23.8125C15.2148 23.8125 15.6133 23.7984 16.8742 23.7422C18.1305 23.6859 18.9883 23.4844 19.743 23.1938C20.5211 22.8938 21.1773 22.4859 21.8336 21.8297C22.4898 21.1734 22.893 20.5125 23.1977 19.7391C23.4883 18.9891 23.6898 18.1313 23.7461 16.8703C23.8023 15.6094 23.8164 15.2109 23.8164 12C23.8164 8.78907 23.8023 8.39064 23.7461 7.1297C23.6898 5.87345 23.4883 5.01564 23.1977 4.26095C22.8977 3.48282 22.4898 2.82657 21.8336 2.17032C21.1773 1.51407 20.5164 1.11095 19.743 0.806262C18.993 0.515637 18.1352 0.314075 16.8742 0.257825C15.6086 0.206262 15.2055 0.1922 11.9992 0.1922Z"></path>
<path d="M11.9997 5.93439C8.65283 5.93439 5.93408 8.64845 5.93408 12C5.93408 15.3516 8.65283 18.0656 11.9997 18.0656C15.3466 18.0656 18.0653 15.3469 18.0653 12C18.0653 8.65314 15.3466 5.93439 11.9997 5.93439ZM11.9997 15.9375C9.82471 15.9375 8.06221 14.175 8.06221 12C8.06221 9.82501 9.82471 8.06251 11.9997 8.06251C14.1747 8.06251 15.9372 9.82501 15.9372 12C15.9372 14.175 14.1747 15.9375 11.9997 15.9375Z"></path>
<path d="M18.3043 7.11097C19.0861 7.11097 19.7199 6.47718 19.7199 5.69535C19.7199 4.91352 19.0861 4.27972 18.3043 4.27972C17.5225 4.27972 16.8887 4.91352 16.8887 5.69535C16.8887 6.47718 17.5225 7.11097 18.3043 7.11097Z"></path>
</g>
<defs>
</defs>
</svg> </a>
<a href="https://www.youtube.com/channel/UCwitIiMU0oUOHshx4pywqaw" target="_blank" rel="noreferrer" class="bg-youtube rounded flex items-center justify-center p-2 hover:bg-red-700 mr-2 sm:mr-0 focus:outline-none share">
<svg alt="youtube icon" class="fill-current h-5 w-5 text-white" viewBox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.35814 7.75533V3.14959L10.54 5.45255L6.35814 7.75533ZM15.6601 1.7004C15.4761 1.02967 14.934 0.501492 14.2456 0.322236C12.9979 -0.00354004 7.99451 -0.00354004 7.99451 -0.00354004C7.99451 -0.00354004 2.99114 -0.00354004 1.74342 0.322236C1.05505 0.501492 0.51287 1.02967 0.32887 1.7004C-0.00549316 2.91604 -0.00549316 5.45246 -0.00549316 5.45246C-0.00549316 5.45246 -0.00549316 7.9888 0.32887 9.20452C0.51287 9.87525 1.05505 10.4034 1.74342 10.5828C2.99114 10.9085 7.99451 10.9085 7.99451 10.9085C7.99451 10.9085 12.9979 10.9085 14.2456 10.5828C14.934 10.4034 15.4761 9.87525 15.6601 9.20452C15.9945 7.9888 15.9945 5.45246 15.9945 5.45246C15.9945 5.45246 15.9945 2.91604 15.6601 1.7004V1.7004Z"></path>
</svg> </a>
</div>
</div>
<div x-data="{ open: false }" class="w-full sm:w-1/4 sm:pr-4 flex flex-col items-center sm:items-start sm:mt-4">
<h3 @click="open = true" class="w-full uppercase text-base mb-4 px-6 sm:px-0 font-bold flex items-center justify-between">
Content <svg alt="caret icon" x-bind:class="open ? 'rotate-270' : ''" class="fill-current sm:hidden h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg> </h3>
<ul x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-wrap px-6 sm:px-0 w-full" style="display: none;">
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com">Home</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/recent">Recent</a>
</li>
<li class="sm:w-1/2 ">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/themes">Popular</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/multi-purpose#rs=footer">Multi-purpose</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/business#rs=footer">Business</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/marketing#rs=footer">Marketing</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/technology#rs=footer">Technology</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/medical#rs=footer">Medical</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/lesson#rs=footer">Lesson</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/education#rs=footer">Education</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/school#rs=footer">School</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/infographics#rs=footer">Infographics</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/planner#rs=footer">Planner</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/notebook#rs=footer">Notebook</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/a4#rs=footer">A4</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesclass#rs=footer">Slidesclass</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/printable-slides#rs=footer">Printable Slides</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/resources-pack#rs=footer">Resources Pack</a>
</li>
<li class="sm:w-1/2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/letter#rs=footer">Letter</a>
</li>
</ul>
</div>
<div x-data="{ open: false }" class="w-full sm:w-1/4 flex flex-col items-center sm:items-start sm:mt-4">
<h3 @click="open = true" class="w-full uppercase text-base my-4 sm:mb-4 sm:mt-0 px-6 sm:px-0 font-bold flex items-center justify-between">
Learn <svg x-bind:class="open ? 'rotate-270' : ''" class="fill-current sm:hidden h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg> </h3>
<ul x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-col px-6 sm:px-0 w-full" style="display: none;">
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesgo-school">Blog</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesgo-school/news">News</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesgo-school/inspiration-by-slidesgo">Inspiration by Slidesgo</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesgo-school/presentation-tips">Presentation Tips</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesgo-school/google-slides-tutorials">Google Slides Tutorials</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials">PowerPoint Tutorials</a>
</li>
</ul>
</div>
<div x-data="{ open: false }" class="w-full sm:w-1/4 flex flex-col items-center sm:items-start sm:mt-4">
<h3 @click="open = true" class="w-full uppercase text-base my-4 sm:mb-4 sm:mt-0 px-6 sm:px-0 font-bold flex items-center justify-between">
Help <svg x-bind:class="open ? 'rotate-270' : ''" class="fill-current sm:hidden h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg> </h3>
<ul x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-wrap px-6 sm:px-0 w-full" style="display: none;">
<li class="sm:w-1/2">
<ul>
<li class="sm:pr-2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/faqs">FAQs</a>
</li>
<li class="sm:pr-2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/profile/support">Contact</a>
</li>
<li class="sm:pr-2 hidden sm:block">
<button id="ot-sdk-btn" class="ot-sdk-show-settings text-gray-300 mb-2 inline-block text-base hover:text-gray-300">Cookie Settings</button>
</li>
<li class="sm:pr-2">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://slidesgo.com/terms-conditions">Terms & conditions</a>
</li>
<li class="sm:pr-2" id="footer-community-link">
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" target="_blank" href="https://slidesgo-community.circle.so/join?invitation_token=789ada186939aa931122ff8241e9c818be94dd10-903ef7eb-48a0-495c-880e-394e0ce73ff8">Slidesgo Educator Community</a>
</li>
</ul>
</li>
<!--mobile:text-xs -->
<li class="sm:w-1/2">
<ul>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/legal/privacy">Privacy policy</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/legal/cookies" target="_blank" rel="noreferrer">Cookies policy</a>
</li>
<li>
<a class="text-gray-300 mb-2 inline-block text-base hover:text-gray-300" href="https://www.freepik.com/company/about-us" target="_blank" rel="noreferrer">
About us </a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="bg-gray-900 text-gray-300">
<div class="container mx-auto text-center flex flex-col sm:flex-row items-baseline justify-between pt-4 sm:pt-12 mb-6 px-8 sm:px-0">
<div class="flex flex-col text-base sm:flex-row sm:items-center sm:justify-start">
<p class="leading-normal text-gray-300">Copyright ©2024 Freepik Company S.L. All rights reserved.</p>
</div>
<div x-data="{ open: false }" class="relative mt-4 sm:mt-0">
<button @click="open = true" class="flex items-center border border-white rounded py-2 px-4 text-base text-white font-bold hover:bg-white hover:text-gray-900 focus:outline-none">
English
<svg alt="icon caret" x-bind:class="open ? 'rotate-270' : ''" class="fill-current h-4 w-4 ml-1 transform rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg> </button>
<div x-show="open" @click.outside="open = false" class="absolute right-0 bottom-0 bg-white w-28 lg:w-40 rounded-sm mb-14 py-2 shadow-tooltip" style="display: none;">
<svg alt="icon caret" class="fill-current h-3 w-3 absolute right-5 -bottom-2 text-white transform rotate-180" viewBox="0 0 20 10" xmlns="http://www.w3.org/2000/svg">
<path d="M10 0L20 10H0L10 0Z"></path>
</svg> <a hreflang="es" href="https://slidesgo.com/es/" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Español</a>
<a hreflang="en" href="https://slidesgo.com" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">English</a>
<a hreflang="pt" href="https://slidesgo.com/pt/" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Português</a>
<a hreflang="fr" href="https://slidesgo.com/fr/" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Français</a>
<a hreflang="de" href="https://slidesgo.com/de/" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">Deutsch</a>
<a hreflang="ko" href="https://slidesgo.com/ko/" class="block text-gray-800 hover:bg-gray-100 py-2 px-4 text-base text-left">한국어</a>
</div>
</div>
</div>
<div class="container mx-auto flex flex-col sm:flex-row items-center sm:justify-between text-sm text-gray-200 pt-4 pb-6 border-t border-gray-800 px-8 sm:px-0">
<strong>Freepik Company Projects</strong>
<ul class="flex-1 flex justify-end mt-2 sm:mt-0 w-full sm:w-auto ml-auto">
<li class="mb-0 flex-1 sm:flex-initial">
<a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://www.freepik.com/" target="_blank" rel="noreferrer">Freepik
</a>
</li>
<li class="mb-0 flex-1 sm:flex-initial">
<a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://www.flaticon.com/" target="_blank" rel="noreferrer">Flaticon</a>
</li>
<li class="mb-0 flex-1 sm:flex-initial">
<a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://slidesgo.com" rel="noreferrer">
Slidesgo
</a>
</li>
<li class="mb-0 flex-1 sm:flex-initial">
<a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://wepik.com/" target="_blank" rel="noreferrer">
Wepik
</a>
</li>
<li class="mb-0 flex-1 sm:flex-initial">
<a class="block sm:inline text-center px-2 mb-0 text-gray-300 text-sm font-bold hover:text-gray-400" href="https://www.videvo.net/" target="_blank" rel="noreferrer">
Videvo
</a>
</li>
</ul>
</div>
</div>
</footer>
<script>
function aiModalForm(defaultStyle) {
return {
showModal: false,
openFromTemplate: false,
submitting: false,
topic: '',
tone: '',
language: '',
previewSrc: '',
previewSrcset: '',
activeParentStyle: 94,
activeStyle: 94,
activeStyleName: "minimalist",
elements: [{"tagId":94,"tagName":"Minimalist","elements":[{"tagId":94,"tagSlugEn":"minimalist","articleId":5600},{"tagId":223,"tagSlugEn":"cute","articleId":2329},{"tagId":177,"tagSlugEn":"duotone","articleId":25374},{"tagId":35,"tagSlugEn":"white","articleId":27245},{"tagId":33,"tagSlugEn":"simple","articleId":897},{"tagId":54,"tagSlugEn":"company","articleId":7152}]},{"tagId":69,"tagName":"Colorful","elements":[{"tagId":500,"tagSlugEn":"scrapbook","articleId":27279},{"tagId":66,"tagSlugEn":"cool","articleId":25962},{"tagId":65,"tagSlugEn":"futuristic","articleId":653},{"tagId":62,"tagSlugEn":"gradient","articleId":26988},{"tagId":90,"tagSlugEn":"portfolio","articleId":27091},{"tagId":38,"tagSlugEn":"black","articleId":27239}]},{"tagId":73,"tagName":"Geometric","elements":[{"tagId":381,"tagSlugEn":"report","articleId":6791},{"tagId":26,"tagSlugEn":"creative","articleId":28183},{"tagId":635,"tagSlugEn":"german","articleId":28070},{"tagId":278,"tagSlugEn":"math","articleId":26500},{"tagId":30,"tagSlugEn":"purple","articleId":27220},{"tagId":95,"tagSlugEn":"corporate","articleId":28383}]},{"tagId":1,"tagName":"Professional","elements":[{"tagId":1,"tagSlugEn":"professional","articleId":1167},{"tagId":36,"tagSlugEn":"elegant","articleId":638},{"tagId":123,"tagSlugEn":"meeting","articleId":812},{"tagId":296,"tagSlugEn":"research","articleId":25897},{"tagId":154,"tagSlugEn":"consulting","articleId":27286},{"tagId":77,"tagSlugEn":"picture","articleId":25917}]}],
location: null,
init() {
this.$watch('activeStyle', value => {
this.elements.forEach(parentElement => parentElement.elements.forEach((element) => {
if (element.tagId == value) {
this.activeStyleName = element.tagSlugEn;
}
}));
});
},
submitForm() {
gtm.generatePresentation("Generate presentation", this.activeStyleName, this.tone, this.location);
this.$refs.form.submit();
},
changeActiveStyle() {
let style = this.elements.find(element => element.tagId == this.activeParentStyle)?.elements[0];
this.activeStyle = style?.tagId;
this.activeStyleName = style?.tagSlugEn;
},
presentModal(event) {
this.previewSrc = null;
this.previewSrcset = null;
this.openFromTemplate = false;
this.location = event.detail?.location;
if (event.detail?.articleId) {
this.elements.forEach(parentElement => parentElement.elements.forEach((element) => {
if (element.articleId == event.detail.articleId) {
this.activeParentStyle = parseInt(parentElement.tagId, 10);
this.activeStyle = parseInt(element.tagId);
this.activeStyleName = element.tagSlugEn;
this.openFromTemplate = true;
let coverImage = document.querySelector('.cover-image-' + event.detail.articleId);
if (coverImage) {
this.previewSrc = coverImage.src;
this.previewSrcset = coverImage.srcset;
}
}
}));
}
this.showModal = true;
},
closeModal() {
this.showModal = false;
}
}
}
</script>
<div class="hidden">
<svg alt="Check icon" id="check" 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>
</div>
<div x-data="navMenu" @display-nav-menu.window="active = true">
<div :class="active ? 'active-menu' : ''" class="">
<div class="nav-mob fixed z-40 overflow-y-auto opacity-0 pointer-events-none bg-opacity-50 bg-gray-900 inset-0 transition-opacity duration-300 xl:hidden">
<div x-show="active" x-transition:enter="transition linear duration-500" x-transition:enter-start="sm:translate-x-80 -translate-x-80" x-transition:enter-end="translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="translate-x-0" x-transition:leave-end="sm:translate-x-80 -translate-x-80" class="flex flex-col sm:items-end h-full" style="display: none;">
<div @click.outside="closeMenu" class="w-full h-full overflow-x-hidden absolute bg-white xs:w-80">
<div class="flex sm:flex-row-reverse h-16 text-right w-full bg-gray-50 mb-2">
<button @click="closeMenu" class="py-4 px-6 z-20 mx-3 sm:mx-0" aria-label="Close button">
<svg alt="Close icon" class="h-4 w-4 text-gray-900 fill-current" loading="lazy" 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>
</div>
<nav>
<div class="text-gray-800">
<div x-show="activeSection==='menu'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 -translate-x-10" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 -translate-x-10" class="absolute w-full">
<div @click="selectSection('create')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer">
<span class="text-base font-semibold">
Create </span>
<svg class="size-6 inline-block ml-1 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
</div>
<div @click="selectSection('explore')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer">
<span class="text-base font-semibold">
Explore </span>
<svg class="size-6 inline-block ml-1 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
</div>
<div @click="selectSection('ai')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer">
<div class="flex">
<span class="text-base font-semibold">
AI </span>
<span class="inline-block px-1 mx-1 leading-relaxed bg-purple-200 rounded-sm text-xs font-semibold">
New
</span>
</div>
<svg class="size-6 inline-block ml-1 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
</div>
<div @click="selectSection('learn')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer">
<span class="text-base font-semibold">
Learn </span>
<svg class="size-6 inline-block ml-1 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
</div>
<a class="h-11 block mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer text-base font-semibold" href="https://slidesgo.com/for-education">
Education </a>
<div class="my-4 mx-5 border-b border-gray-75"></div>
<a href="https://slidesgo.com/pricing#from_element=main_menu" class="mx-5 px-1 py-2.5 rounded text-yellow-900 hover:bg-gray-50 flex justify-between items-center">
<span class="text-base font-semibold">
Premium plans </span>
</a>
<div @click="selectSection('more')" class="mx-5 px-1 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex justify-between items-center cursor-pointer">
<span class="text-base font-semibold">
More </span>
<svg class="size-6 inline-block ml-1 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
</div>
</div>
<div x-show="activeSection === 'create'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full pb-6" style="display: none;">
<div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer">
<svg class="size-6 inline-block rotate-180 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
<span class="text-base font-semibold">
Create </span>
</div>
<div class="">
<div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75">
<svg class="h-3.5 text-gray-400 fill-current" width="16" height="18" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg">
<path d="M9.96875 12.375H6.03125V9.14062H9.96875V12.375Z"></path>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.4607 4.74701C10.4607 5.23217 10.8544 5.62592 11.3396 5.62592H15.2422V15.3633C15.2422 16.6219 14.2156 17.6484 12.957 17.6484H3.04297C1.78438 17.6484 0.757812 16.6219 0.757812 15.3633V2.63672C0.757812 1.37813 1.78438 0.351562 3.04297 0.351562H10.4607L10.4607 4.74701ZM5.1875 5.625H7.33203C7.81719 5.625 8.21094 5.23125 8.21094 4.74609C8.21094 4.26094 7.81719 3.86719 7.33203 3.86719H5.1875C4.70234 3.86719 4.30859 4.26094 4.30859 4.74609C4.30859 5.23125 4.70234 5.625 5.1875 5.625ZM10.8477 7.38281H5.15234C4.66719 7.38281 4.27344 7.77656 4.27344 8.26172V13.2539C4.27344 13.7391 4.66719 14.1328 5.15234 14.1328H10.8477C11.3328 14.1328 11.7266 13.7391 11.7266 13.2539V8.26172C11.7266 7.77656 11.3328 7.38281 10.8477 7.38281Z"></path>
<path d="M12.2185 1.35677V3.8681H14.7298L12.2185 1.35677Z"></path>
</svg>
<span class="ml-2 text-base font-semibold">
By content type </span>
</div>
<div class="">
<a href="https://slidesgo.com/social-media#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Social Media</span>
</a>
<a href="https://slidesgo.com/marketing-plan#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Marketing Plan</span>
</a>
<a href="https://slidesgo.com/calendar-weather#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Calendar & Weather</span>
</a>
<a href="https://slidesgo.com/background#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Background</span>
</a>
<a href="https://slidesgo.com/research#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Research</span>
</a>
<a href="https://slidesgo.com/pitch-deck#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Pitch Deck</span>
</a>
<a href="https://slidesgo.com/infographics#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Infographics</span>
</a>
<a href="https://slidesgo.com/planner#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Planner</span>
</a>
<a href="https://slidesgo.com/notebook#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Notebook</span>
</a>
<a href="https://slidesgo.com/a4#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">A4</span>
</a>
<a href="https://slidesgo.com/portfolio#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Portfolio</span>
</a>
<a href="https://slidesgo.com/lesson#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Lesson</span>
</a>
<a href="https://slidesgo.com/school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">School</span>
</a>
<a href="https://slidesgo.com/meeting#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Meeting</span>
</a>
<a href="https://slidesgo.com/newsletter#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Newsletter</span>
</a>
<a href="https://slidesgo.com/thesis-defense#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Thesis Defense</span>
</a>
<a href="https://slidesgo.com/project-proposal#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Project Proposal</span>
</a>
<a href="https://slidesgo.com/presentation-maker#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Editable templates</span>
</a>
</div>
</div>
<div class="">
<div class="mx-5 py-1 mt-2 flex items-center border-b border-gray-75">
<svg class="h-3.5 text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73171 2.6748H12.1504C13.1691 2.6748 14 3.50569 14 4.52439V6.26755C13.7855 7.01555 13.0043 7.57237 12.0777 7.57237H1.92232C0.99572 7.57237 0.214545 7.01555 0 6.26754V4.52439C0 3.50569 0.830894 2.6748 1.84959 2.6748H4.26829V1.84959C4.26829 0.830894 5.09919 0 6.11789 0H7.88211C8.90081 0 9.73171 0.830894 9.73171 1.84959V2.6748ZM6.11786 1.42277C5.88169 1.42277 5.69103 1.61342 5.69103 1.84959V2.6748H8.30892V1.84959C8.30892 1.61342 8.11827 1.42277 7.88209 1.42277H6.11786Z"></path>
<path d="M0 7.82692V12.1504C0 13.1691 0.830894 14 1.84959 14H12.1504C13.1691 14 14 13.1691 14 12.1504V7.82693C13.7854 8.50778 13.0043 9.01461 12.0777 9.01461H7.68359V9.43003C7.68359 9.80738 7.37734 10.1136 7 10.1136C6.62266 10.1136 6.31641 9.80738 6.31641 9.43003V9.01461H1.92232C0.99572 9.01461 0.214545 8.50777 0 7.82692Z"></path>
</svg>
<span class="ml-2 text-base font-semibold">By industry</span>
</div>
<div class="">
<a href="https://slidesgo.com/education#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Education</span>
</a>
<a href="https://slidesgo.com/business#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Business</span>
</a>
<a href="https://slidesgo.com/marketing#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Marketing</span>
</a>
<a href="https://slidesgo.com/technology#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Technology</span>
</a>
<a href="https://slidesgo.com/medical#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base">Medical</span>
</a>
</div>
</div>
<div>
<div class="mx-5 py-1 mt-2 flex items-center border-b border-gray-75">
<svg class="h-3.5 w-auto text-gray-400 fill-current" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7146_114172)">
<path d="M17.5765 7.4505L16.193 7.14975C16.0727 6.78143 15.9237 6.42218 15.7478 6.07611L16.5137 4.88478C16.6505 4.67192 16.6204 4.39246 16.4416 4.21365L14.2863 2.05841C14.1075 1.87961 13.8281 1.84953 13.6152 1.98631L12.4239 2.7522C12.0778 2.57628 11.7186 2.42728 11.3503 2.30698L11.0495 0.923523C10.9958 0.676331 10.7769 0.5 10.5239 0.5H7.47606C7.2231 0.5 7.0042 0.676331 6.9505 0.923523L6.64975 2.30698C6.28143 2.42728 5.92218 2.57628 5.57611 2.7522L4.38478 1.98631C4.17192 1.84953 3.89246 1.87961 3.71365 2.05841L1.55841 4.21365C1.37961 4.39246 1.34953 4.67192 1.48631 4.88478L2.2522 6.07611C2.07628 6.42218 1.92728 6.78143 1.80698 7.14975L0.423523 7.4505C0.176331 7.50433 0 7.7231 0 7.97606V11.0239C0 11.2769 0.176331 11.4957 0.423523 11.5495L1.80698 11.8503C1.92728 12.2186 2.07628 12.5778 2.2522 12.9239L1.48631 14.1152C1.34953 14.3281 1.37961 14.6075 1.55841 14.7863L3.71365 16.9416C3.89246 17.1204 4.17192 17.1505 4.38478 17.0137L5.57611 16.2478C5.92218 16.4237 6.28143 16.5727 6.64975 16.693L6.9505 18.0765C7.0042 18.3237 7.2231 18.5 7.47606 18.5H10.5239C10.7769 18.5 10.9958 18.3237 11.0495 18.0765L11.3503 16.693C11.7186 16.5727 12.0778 16.4237 12.4239 16.2478L13.6152 17.0137C13.8281 17.1505 14.1075 17.1205 14.2863 16.9416L16.4416 14.7863C16.6204 14.6075 16.6505 14.3281 16.5137 14.1152L15.7478 12.9239C15.9237 12.5778 16.0727 12.2186 16.193 11.8503L17.5765 11.5495C17.8237 11.4957 18 11.2769 18 11.0239V7.97606C18 7.7231 17.8237 7.50433 17.5765 7.4505ZM12.2271 9.5C12.2271 11.2794 10.7794 12.7271 9 12.7271C7.22063 12.7271 5.7729 11.2794 5.7729 9.5C5.7729 7.72063 7.22063 6.2729 9 6.2729C10.7794 6.2729 12.2271 7.72063 12.2271 9.5Z" fill="#B1B1B1"></path>
</g>
<defs>
<clipPath id="clip0_7146_114172">
<rect width="18" height="18" fill="white" transform="translate(0 0.5)"></rect>
</clipPath>
</defs>
</svg>
<span class="ml-2 text-base font-semibold">Tools</span>
</div>
<div>
<a href="https://slidesgo.com/ai-presentations#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI presentation maker</span>
<span class="text-base text-gray-600">Create presentations in minutes with AI</span>
</a>
<a href="https://slidesgo.com/editor#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">Online editor</span>
<span class="text-base text-gray-600">Create blank document</span>
</a>
<a href="https://slidesgo.com/ai#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<div>
<span class="text-base">AI tools for education</span>
</div>
<span class="text-base text-gray-600">Start creating with AI, for teachers and students</span>
</a>
<a href="https://slidesgo.com/ai/quiz-maker#rs=menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI quiz maker </span>
<span class="text-base text-gray-600">Create comprehensive quizzes from any reading material</span>
</a>
</div>
</div>
</div>
<div x-show="activeSection === 'explore'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full" style="display: none;">
<div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer">
<svg class="size-6 inline-block rotate-180 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
<span class="text-base font-semibold">
Explore </span>
</div>
<div>
<div class="mx-5 py-1 mt-2 flex items-center border-b border-gray-75">
<svg class="h-3.5 text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.90869 13.9425C5.78466 13.9425 5.65973 13.9295 5.53558 13.9031C3.99148 13.5743 2.5873 12.7169 1.5817 11.489C0.561723 10.2434 0 8.66927 0 7.05667C0 5.18939 0.72647 3.43318 2.04559 2.11158C3.36452 0.790192 5.11898 0.0604141 6.98576 0.056668L6.9999 0.0566406C10.8421 0.0566406 13.9809 3.17801 13.9999 7.02129C14.0001 7.05908 14 7.09684 13.9996 7.13457C13.9898 8.03136 13.6296 8.87232 12.9855 9.50251C12.3448 10.1294 11.4981 10.4747 10.6013 10.4747H8.64064C8.11293 10.4747 7.6836 10.904 7.6836 11.4317V12.1646C7.6836 12.7035 7.44336 13.2071 7.02448 13.5461C6.70415 13.8054 6.31147 13.9425 5.90869 13.9425ZM7.00001 4.1582C6.54769 4.1582 6.1797 3.79021 6.1797 3.33789C6.1797 2.88557 6.54769 2.51758 7.00001 2.51758C7.45233 2.51758 7.82032 2.88557 7.82032 3.33789C7.82032 3.79021 7.45233 4.1582 7.00001 4.1582ZM9.62915 5.24782C9.17683 5.24782 8.80883 4.87983 8.80883 4.42751C8.80883 3.97519 9.17683 3.6072 9.62915 3.6072C10.0815 3.6072 10.4495 3.97519 10.4495 4.42751C10.4495 4.87983 10.0815 5.24782 9.62915 5.24782ZM2.46094 7.05664C2.46094 7.50896 2.82893 7.87695 3.28125 7.87695C3.73358 7.87695 4.10157 7.50896 4.10157 7.05664C4.10157 6.60432 3.73358 6.23633 3.28125 6.23633C2.82893 6.23633 2.46094 6.60432 2.46094 7.05664ZM4.37087 5.24782C3.91855 5.24782 3.55056 4.87983 3.55056 4.42751C3.55056 3.97519 3.91855 3.6072 4.37087 3.6072C4.82319 3.6072 5.19118 3.97519 5.19118 4.42751C5.19118 4.87983 4.82319 5.24782 4.37087 5.24782Z"></path>
</svg>
<span class="ml-2 text-base font-semibold">By color</span>
</div>
<div>
<a href="https://slidesgo.com/purple#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #4949e7"></span>
<span class="text-base">Purple</span>
</a>
<a href="https://slidesgo.com/red#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ec3a3b"></span>
<span class="text-base">Red</span>
</a>
<a href="https://slidesgo.com/blue#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #5EB2FC"></span>
<span class="text-base">Blue</span>
</a>
<a href="https://slidesgo.com/green#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #69E781"></span>
<span class="text-base">Green</span>
</a>
<a href="https://slidesgo.com/white#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-gray-200" style="background: #ffffff"></span>
<span class="text-base">White</span>
</a>
<a href="https://slidesgo.com/black#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #1d262d"></span>
<span class="text-base">Black</span>
</a>
<a href="https://slidesgo.com/yellow#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fcbd24"></span>
<span class="text-base">Yellow</span>
</a>
<a href="https://slidesgo.com/pink#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ff7893"></span>
<span class="text-base">Pink</span>
</a>
<a href="https://slidesgo.com/orange#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #eb7d16"></span>
<span class="text-base">Orange</span>
</a>
<a href="https://slidesgo.com/brown#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #60341a"></span>
<span class="text-base">Brown</span>
</a>
<a href="https://slidesgo.com/cream#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #fff8df"></span>
<span class="text-base">Cream</span>
</a>
<a href="https://slidesgo.com/gray#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #869FB2"></span>
<span class="text-base">Gray</span>
</a>
<a href="https://slidesgo.com/gold#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #ccae4e"></span>
<span class="text-base">Gold</span>
</a>
<a href="https://slidesgo.com/silver#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="w-4 h-4 rounded-full mr-2 span-color border box-content border-transparent" style="background: #c0c0c0"></span>
<span class="text-base">Silver</span>
</a>
</div>
</div>
<div class="mt-8">
<div class="mx-5 py-1 hover:bg-gray-50 flex items-center border-b border-gray-75">
<svg class="h-3.5 text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path d="M13.043 5.61914C12.6656 5.61914 12.3594 5.92539 12.3594 6.30273V11.4297C12.3594 11.4898 12.3457 11.55 12.3211 11.602L10.2457 9.52656C10.1172 9.39805 9.94492 9.32695 9.76172 9.32695C9.57852 9.32695 9.40625 9.39805 9.27773 9.52656L8.36719 10.4344L5.15977 7.22695C4.8918 6.95898 4.45977 6.95898 4.1918 7.22695L1.64062 9.77813V3.71875C1.64062 3.4918 1.82383 3.30859 2.05078 3.30859H7.82031C8.19766 3.30859 8.50391 3.00234 8.50391 2.625C8.50391 2.24766 8.19766 1.94141 7.82031 1.94141H2.05078C1.07188 1.94141 0.273438 2.73984 0.273438 3.71875V11.4297C0.273438 11.4406 0.273438 11.4516 0.273438 11.4625C0.292578 12.4277 1.08008 13.207 2.05078 13.207H11.9492C12.9281 13.207 13.7266 12.4086 13.7266 11.4297V6.30273C13.7266 5.92539 13.4203 5.61914 13.043 5.61914Z"></path>
<path d="M13.7786 2.38164L12.7751 1.99883C12.6821 1.96328 12.611 1.89219 12.5755 1.79922L12.1927 0.795703C12.0806 0.500391 11.6622 0.500391 11.5501 0.795703L11.1673 1.79922C11.1317 1.89219 11.0606 1.96328 10.9677 1.99883L9.96416 2.38164C9.66885 2.49375 9.66885 2.91211 9.96416 3.02422L10.9677 3.40703C11.0606 3.44258 11.1317 3.51367 11.1673 3.60664L11.5501 4.61016C11.6622 4.90547 12.0806 4.90547 12.1927 4.61016L12.5755 3.60664C12.611 3.51367 12.6821 3.44258 12.7751 3.40703L13.7786 3.02422C14.0739 2.91211 14.0739 2.49375 13.7786 2.38164Z"></path>
<path d="M8.03369 6.45293L8.61885 6.67715C8.70635 6.70996 8.77745 6.78106 8.81026 6.86856L9.03448 7.45372C9.14385 7.73809 9.54854 7.73809 9.65518 7.45372L9.8794 6.86856C9.91221 6.78106 9.98331 6.70996 10.0708 6.67715L10.656 6.45293C10.9403 6.34356 10.9403 5.93887 10.656 5.83223L10.0708 5.60801C9.98331 5.5752 9.91221 5.5041 9.8794 5.4166L9.65518 4.83145C9.54581 4.54707 9.14112 4.54707 9.03448 4.83145L8.81026 5.4166C8.77745 5.5041 8.70635 5.5752 8.61885 5.60801L8.03369 5.83223C7.74658 5.9416 7.74658 6.34629 8.03369 6.45293Z"></path>
</svg>
<span class="ml-2 text-base font-semibold">By style</span>
</div>
<div class="">
<a href="https://slidesgo.com/creative#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Creative</span>
</a>
<a href="https://slidesgo.com/simple#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Simple</span>
</a>
<a href="https://slidesgo.com/illustration#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Illustration</span>
</a>
<a href="https://slidesgo.com/minimalist#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Minimalist</span>
</a>
<a href="https://slidesgo.com/vintage#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Vintage</span>
</a>
<a href="https://slidesgo.com/aesthetic#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Aesthetic</span>
</a>
<a href="https://slidesgo.com/cute#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 flex items-center cursor-pointer">
<span class="text-base">Cute</span>
</a>
</div>
</div>
<div class="mt-8">
<div class="mx-5 py-1 hover:bg-gray-50 flex items-center border-b border-gray-75">
<svg class="h-3.5 text-gray-400 fill-current" width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.8824 13.3556C10.7738 13.3556 10.6648 13.3297 10.565 13.2772L6.98637 11.3958L3.40772 13.2772C3.17782 13.3981 2.89927 13.3779 2.68921 13.2253C2.4791 13.0726 2.37387 12.814 2.41778 12.558L3.10124 8.5731L0.206055 5.751C0.020098 5.56974 -0.0468455 5.2986 0.0334157 5.05163C0.11365 4.80462 0.327197 4.62464 0.584192 4.58728L4.58524 4.00588L6.37457 0.380292C6.48952 0.147423 6.72667 0 6.98639 0C7.24612 0 7.48327 0.147423 7.59819 0.38032L9.38752 4.00591L13.3886 4.58731C13.6456 4.62464 13.8591 4.80465 13.9393 5.05165C14.0196 5.29863 13.9527 5.56976 13.7667 5.75103L10.8715 8.57313L11.555 12.558C11.5989 12.814 11.4937 13.0727 11.2835 13.2253C11.1647 13.3117 11.0239 13.3556 10.8824 13.3556Z"></path>
</svg>
<span class="ml-2 text-base font-semibold">By featured content</span>
</div>
<div class="">
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/disney#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Disney</span>
<span class="block text-gray-600">Templates with your favorite Disney and Pixar characters</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/slidesclass#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Slidesclass</span>
<span class="block text-gray-600">Ready-to-go classes on many topics for everyone</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/editors-choice#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Editor’s Choice</span>
<span class="block text-gray-600">Our favorite slides</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/multi-purpose#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Multi-purpose</span>
<span class="block text-gray-600">Presentations that suit any project</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/teacher-toolkit#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Teacher Toolkit</span>
<span class="block text-gray-600">Content for teachers</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/interactive-animated#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Interactive & Animated</span>
<span class="block text-gray-600">Templates to create engaging presentations</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/printable-slides#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Printable Slides</span>
<span class="block text-gray-600">Presentations that suit any project</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/resources-pack#from_element=main_menu#from_element=main_menu">
<span class="block h-6">Resources Pack</span>
<span class="block text-gray-600">Presentations that suit any project</span>
</a>
</div>
</div>
</div>
<div x-show="activeSection === 'ai'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full" style="display: none;">
<div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer">
<svg class="size-6 inline-block rotate-180 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
<span class="text-base font-semibold">AI</span>
<span class="px-1 mx-1.5 leading-relaxed bg-purple-200 rounded-sm text-xs font-semibold">
New
</span>
</div>
<div>
<a href="https://slidesgo.com/ai-presentations#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI presentation maker</span>
<span class="text-base text-gray-600">Create presentations in minutes with AI</span>
</a>
<a href="https://slidesgo.com/ai-icebreaker-generator#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI icebreaker generator</span>
<span class="text-base text-gray-600">Generate icebreaker activities and ideas</span>
</a>
<a href="https://slidesgo.com/ai-exit-ticket-generator#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI exit ticket</span>
<span class="text-base text-gray-600">Create assessments for your students</span>
</a>
<a href="https://slidesgo.com/ai-lesson-plan-generator#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI lesson plan generator</span>
<span class="text-base text-gray-600">Plan your lessons faster with AI</span>
</a>
<a href="https://slidesgo.com/ai-pdf-to-ppt-converter#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI PDF to PPT converter</span>
<span class="text-base text-gray-600">Turn documents into PPT with AI</span>
</a>
<a href="https://slidesgo.com/ai/quiz-maker#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50">
<span class="text-base block">AI quiz maker </span>
<span class="text-base text-gray-600">Create comprehensive quizzes from any reading material</span>
</a>
</div>
</div>
<div x-show="activeSection === 'learn'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full" style="display: none;">
<div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer">
<svg class="size-6 inline-block rotate-180 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
<span class="text-base font-semibold">Learn</span>
</div>
<div class="">
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials#from_element=main_menu">
<span class="block h-6">PowerPoint Tutorials</span>
<span class="block text-gray-600">Learn how to work with Microsoft PowerPoint</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/slidesgo-school/google-slides-tutorials#from_element=main_menu">
<span class="block h-6">Google Slides Tutorials</span>
<span class="block text-gray-600">Discover the secrets of Google Slides</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/slidesgo-school/presentation-tips#from_element=main_menu">
<span class="block h-6">Presentation Tips</span>
<span class="block text-gray-600">The best tips on how to make an excellent presentation</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" onclick="gtm.navbarGtm('tutorial', 'https://slidesgo.com/slidesgo-school');" href="https://slidesgo.com/slidesgo-school">
<span class="block h-6">Blog</span>
<span class="block text-gray-600">Articles and other resources</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" data-option="learn.academy" data-gtm-event="main_menu" onclick="gtm.navbarGtm('academy', 'https://slidesgo-community.circle.so/c/slidesgo-academy');" href="https://slidesgo-community.circle.so/c/slidesgo-academy" target="_blank">
<span class="block h-6">
Slidesgo Academy <svg alt="External link" class="inline h-2.5 w-2.5 fill-current" viewBox="0 0 515.283 515.283" xmlns="http://www.w3.org/2000/svg" fill="none">
<path d="m372.149 515.283h-286.268c-22.941 0-44.507-8.934-60.727-25.155s-25.153-37.788-25.153-60.726v-286.268c0-22.94 8.934-44.506 25.154-60.726s37.786-25.154 60.727-25.154h114.507c15.811 0 28.627 12.816 28.627 28.627s-12.816 28.627-28.627 28.627h-114.508c-7.647 0-14.835 2.978-20.241 8.384s-8.385 12.595-8.385 20.242v286.268c0 7.647 2.978 14.835 8.385 20.243 5.406 5.405 12.594 8.384 20.241 8.384h286.267c7.647 0 14.835-2.978 20.242-8.386 5.406-5.406 8.384-12.595 8.384-20.242v-114.506c0-15.811 12.817-28.626 28.628-28.626s28.628 12.816 28.628 28.626v114.507c0 22.94-8.934 44.505-25.155 60.727-16.221 16.22-37.788 25.154-60.726 25.154zm-171.76-171.762c-7.327 0-14.653-2.794-20.242-8.384-11.179-11.179-11.179-29.306 0-40.485l237.397-237.398h-102.648c-15.811 0-28.626-12.816-28.626-28.627s12.815-28.627 28.626-28.627h171.761c3.959 0 7.73.804 11.16 2.257 3.201 1.354 6.207 3.316 8.837 5.887.001.001.001.001.002.002.019.019.038.037.056.056.005.005.012.011.017.016.014.014.03.029.044.044.01.01.019.019.029.029.011.011.023.023.032.032.02.02.042.041.062.062.02.02.042.042.062.062.011.01.023.023.031.032.011.01.019.019.029.029.016.015.03.029.044.045.005.004.012.011.016.016.019.019.038.038.056.057 0 .001.001.001.002.002 2.57 2.632 4.533 5.638 5.886 8.838 1.453 3.43 2.258 7.2 2.258 11.16v171.761c0 15.811-12.817 28.627-28.628 28.627s-28.626-12.816-28.626-28.627v-102.648l-237.4 237.399c-5.585 5.59-12.911 8.383-20.237 8.383z"></path>
</svg>
</span>
<span class="block text-gray-600">Work faster, teach better: boost your skills with our course</span>
</a>
</div>
</div>
<div x-show="activeSection === 'more'" x-transition:enter="transition linear duration-500" x-transition:enter-start="opacity-0 translate-x-40" x-transition:enter-end="opacity-100 translate-x-0" x-transition:leave="transition linear duration-500" x-transition:leave-start="opacity-100 translate-x-0" x-transition:leave-end="opacity-0 translate-x-40" class="absolute w-full" style="display: none;">
<div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center cursor-pointer">
<svg class="size-6 inline-block rotate-180 fill-current">
<use xlink:href="#icon-nav-mobile-caret-drop"></use>
</svg>
<span class="text-base font-semibold">More</span>
</div>
<div>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://www.freepik.com/" @click="gtm.navbarGtm('Freepik', 'https://www.freepik.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Freepik</span>
<span class="block text-gray-600">Free vectors, photos and PSD</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://www.flaticon.com/" @click="gtm.navbarGtm('Flaticon', 'https://www.flaticon.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Flaticon</span>
<span class="block text-gray-600">Free customizable icons</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://wepik.com/" @click="gtm.navbarGtm('Wepik', 'https://wepik.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Wepik</span>
<span class="block text-gray-600">Free online template editor</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://storyset.com/" @click="gtm.navbarGtm('Storyset', 'https://storyset.com/')" target="_blank" rel="noreferrer">
<span class="block h-6">Storyset</span>
<span class="block text-gray-600">Free editable illustrations</span>
</a>
<a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://www.videvo.net/" @click="gtm.navbarGtm('Videvo', 'https://www.videvo.net/')" target="_blank" rel="noreferrer">
<span class="block h-6">Videvo</span>
<span class="block text-gray-600">Free videos and motion graphics</span>
</a>
</div>
</div>
</div>
<div class="hidden">
<svg id="icon-nav-mobile-caret-drop" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><defs></defs><path d="M226.6 397l-92.3 92.3a25 25 0 0035.4 35.4l110-110a25 25 0 000-35.4l-110-110a25 25 0 00-35.4 35.4l92.3 92.3z"></path></svg>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('set', {'content_group1': 'home'});
gtag('set', {
'dimension1':
'anonymous'
});
</script><script type="text/javascript" id="">(function(){function x(a){a={method:"POST",endpoint:"TRACKINGPLAN",payload:JSON.stringify(a)};l(a)}function aa(a){if(m.includes("img"))try{la(a)}catch(b){f(b)}if(m.includes("xhr"))try{ma(a)}catch(b){f(b)}if(m.includes("beacon"))try{na(a)}catch(b){f(b)}if(m.includes("form"))try{oa(a)}catch(b){f(b)}if(m.includes("ws"))try{pa(a)}catch(b){f(b)}if(m.includes("fetch"))try{qa(a)}catch(b){f(b)}}function ra(){var a=ba();if(null!==a&&!H)return!1;a={landing:document.location.href,referrer:document.referrer};
return h.setItem("_trackingplan_initial",JSON.stringify(a)),!0}function ba(){return JSON.parse(h.getItem("_trackingplan_initial"))}function sa(){try{if((h.setItem("_tp_t","a"),"a"!==h.getItem("_tp_t"))||(h.removeItem("_tp_t"),"function"!=typeof navigator.sendBeacon))return!1}catch(a){return!1}return!0}function la(a){var b=a.Object.getOwnPropertyDescriptor(a.HTMLImageElement.prototype,"src").set;a.Object.defineProperty(a.HTMLImageElement.prototype,"src",{set:function(c){return 2048<c.length?b.apply(this,
arguments):(l({method:"GET",endpoint:c,protocol:"img"}),b.apply(this,arguments))}});var d=a.HTMLImageElement.prototype.setAttribute;a.HTMLImageElement.prototype.setAttribute=function(c,e){if("src"==c.toLowerCase()){if(2048<e.length)return d.apply(this,arguments);l({method:"GET",endpoint:e,protocol:"img"})}return d.apply(this,arguments)}}function I(a){try{a instanceof FormData&&(a=JSON.stringify(Object.fromEntries(a)))}catch(b){}return a}function ma(a){var b=a.XMLHttpRequest.prototype.open,d=a.XMLHttpRequest.prototype.send;
a.XMLHttpRequest.prototype.open=function(c,e){return this._tpUrl=e,this._tpMethod=c,b.apply(this,arguments)};a.XMLHttpRequest.prototype.send=function(c){var e=I(c);return l({method:this._tpMethod,endpoint:this._tpUrl,payload:e,protocol:"xhr"}),d.apply(this,arguments)}}function na(a){var b=a.navigator.sendBeacon;a.navigator.sendBeacon=function(d,c){if(2048<d.length)return b.apply(this,arguments);var e=I(c);return l({method:"POST",endpoint:d,payload:e,protocol:"beacon"}),b.apply(this,arguments)}}function qa(a){var b=
a.fetch;a.fetch=function(d,c){if(2048<d.length)return b.apply(this,arguments);var e="GET",g=null;return void 0!==c&&(void 0!==c.method&&(e=c.method.toUpperCase()),void 0!==c.body&&(g=I(c.body))),l({method:e,endpoint:d,payload:g,protocol:"fetch"}),b.apply(this,arguments)}}function pa(a){var b=a.WebSocket;a.WebSocket=function(c,e){return e?new b(c,e):new b(c)};var d=b.prototype.send;b.prototype.send=function(c){({method:"WS",endpoint:this.url,payload:c,protocol:"ws"});return l({method:"WS",endpoint:this.url,
payload:c,protocol:"ws"}),d.apply(this,arguments)};a.WebSocket.prototype=b.prototype}function oa(a){a.addEventListener("submit",function(b){try{var d=b?b.target:this,c={method:d.method,endpoint:d.action,payload:JSON.stringify({location:p.location.href,form_id:d.id,method:d.method,form_data:Object.fromEntries(new FormData(d))}),protocol:"form"};l(c)}catch(e){}},!0)}function l(a,b){setTimeout(function(){try{a:{var d=a.endpoint,c=a.payload;if("string"==typeof d||d instanceof String){for(var e in J){var g=
e.split("%"),n=g[0],K=2===g.length?g[1]:null;if(ca(n,d)&&ca(K,c)){var k=J[e];break a}}k=!1}else k=void 0}if("TRACKINGPLAN"==a.endpoint&&(k="trackingplan"),k){var u=da();if(!1===u)var v=(y.push(a),f({m:"Pre queued, queue length \x3d "+y.length}),setTimeout(ta,L),!1);else{if(null===z&&(z={context:M?{}:ea({hostname:p.location.hostname,user_agent:navigator.userAgent,load_url:fa},ba()),tp_id:t,source_alias:N,environment:O,sdk:P.sdk,sdk_version:P.sdkVersion,sampling_rate:da().sampleRate,debug:A},B=JSON.stringify(z).length),
ua(C,u)){var D={provider:k,request:{endpoint:a.endpoint,method:a.method,post_payload:a.payload||null,protocol:a.protocol,href:p.location.href}};Q(D);var q=JSON.stringify(D);if(2E5<q.length&&f({m:"Track Too big, ignored: "+q.length}),q.length+2+B>E)ha("["+q+"]",w),f({m:"Track \x3e Batch Size: "+q.length});else{var F=r.length+q.length+B;F>E&&(f({m:"Batch reaching limit: "+F}),G(w));F=r.length+q.length+B;f({m:"Queue len: "+F,rawTrack:D});0!==r.length&&(r+=",");r+=q}var ia=("function"==typeof b&&b(),
!0)}else ia=(f({m:"Request ignored (sampling)",mode:C,dict:u}),!0);v=ia}return v}}catch(va){R({m:"Trackingplan process error",error:va,request:a})}},0)}function G(a){if(0!=r.length){var b=r;r="";b={requests:JSON.parse("["+b+"]"),common:z};ha(b,a)}}function ja(){var a=S+t;return T&&(a+="?debug\x3dtrue"),a}function ha(a,b){return(f({m:"Sent",payload:a}),U)?void f("Not sending, is dry run"):void("xhr"===b?function(d){var c=new XMLHttpRequest;c.open("POST",ja(),!0);c.onreadystatechange=function(){if(4===
c.readyState)try{f({m:"Parsed",response:JSON.parse(c.response)}),onSubmit(d,c.response)}catch(e){}};c.send(d)}(JSON.stringify(a)):"beacon"===b?function(d){navigator.sendBeacon(ja(),d)}(JSON.stringify(a)):void 0)}function ua(a,b){switch(a){case "user":return 1===b.isSampledUser;case "track":return Math.random()<1/b.sampleRate;case "all":return!0;default:return!1}}function ta(){if(!V){var a=new XMLHttpRequest,b=W+"config-"+t+".json";a.onreadystatechange=function(){if(4==this.readyState)try{for(ka(JSON.parse(this.responseText).sample_rate),
x({event_name:"new_dau"});y.length;){var d=y.shift();l(d)}}catch(c){}V=!1};a.open("GET",b,!0);V=!0;a.send()}}function ka(a){if(!1===a)return h.removeItem("_trackingplan_sample_rate"),h.removeItem("_trackingplan_sample_rate_ts"),void h.removeItem("_trackingplan_is_sampled_user");var b=Math.random()<1/a?1:0;f({m:"Trackingplan sample rate \x3d "+a+". isSampledUser "+b});h.setItem("_trackingplan_sample_rate_ts",(new Date).getTime());h.setItem("_trackingplan_sample_rate",a);h.setItem("_trackingplan_is_sampled_user",
b)}function da(){var a=h.getItem("_trackingplan_sample_rate_ts");return null!==a&&(parseInt(a)+1E3*X<(new Date).getTime()?(f({m:"Trackingplan sample rate expired"}),ka(!1),!1):{sampleRate:parseInt(h.getItem("_trackingplan_sample_rate")),isSampledUser:parseInt(h.getItem("_trackingplan_is_sampled_user"))})}function ca(a,b){return null===a||null===b?!0:"/"===a[0]?(a=new RegExp(a.slice(1,-1)),a.test(b)):-1!==b.indexOf(a)}function ea(a,b){for(var d in b)a[d]=b[d];return a}function f(a){A&&Y.log("TP "+
t,a)}function R(a){p.console&&Y.warn&&Y.warn(a)}function wa(){function a(){for(var c=document.getElementsByTagName("IFRAME"),e=0;e<c.length;e++)b(c[e])}function b(c){try{try{var e=!!c.contentDocument}catch(g){e=!1}e&&(aa(c.contentWindow),f("Intercepted frame "+c.id))}catch(g){}}function d(){var c=new MutationObserver(function(e){e.forEach(function(g){g.addedNodes.forEach(function(n){"IFRAME"==n.tagName&&b(n)})})});c.observe(document,{subtree:!0,childList:!0,attributes:!1,characterData:!1});setTimeout(c.disconnect(),
4E3)}"complete"===document.readyState?(a(),d()):document.onreadystatechange=function(){"complete"===document.readyState&&(a(),d())}}var h=localStorage,p=window,Y=console;if(p.Trackingplan)return void R("Trackingplan snippet included twice.");var xa={"google-analytics.com":"googleanalytics","analytics.google.com":"googleanalytics","api.segment.io":"segment",segmentapi:"segment","seg-api":"segment","segment-api":"segment","/.*api-iam.intercom.io/messenger/web/(ping|events|metrics|open).*/":"intercom",
"api.amplitude.com":"amplitude","ping.chartbeat.net":"chartbeat","/.*api(-eu)?(-js)?.mixpanel.com.*/":"mixpanel","trk.kissmetrics.io":"kissmetrics","ct.pinterest.com":"pinterest","facebook.com/tr/":"facebook","track.hubspot.com/__":"hubspot","/.*.heapanalytics.com/(h|api).*/":"heap","/.*snowplow.*/":"snowplow","/.*ws.*.hotjar.com/api/v2/client/ws/%identify_user":"hotjar","/.*ws.*.hotjar.com/api/v2/client/ws/%tag_recording":"hotjar","klaviyo.com/api/track":"klaviyo","app.pendo.io/data":"pendo","matomo.php":"matomo",
"rs.fullstory.com/rec%8137":"fullstory","rs.fullstory.com/rec%8193":"fullstory","logx.optimizely.com/v1/events":"optimizely","track.customer.io/events/":"customerio","alb.reddit.com/rp.gif":"reddit","px.ads.linkedin.com":"linkedin","/i/adsct":"twitter","bat.bing.com":"bing","pdst.fm":"podsights"},J={},t=null,O="PRODUCTION",N=null,w="xhr",A=!1,S="https://tracks.trackingplan.com/v1/",W="https://config.trackingplan.com/",L=0,X=86400,C="user",E=6E4,Z=20,M=!1,H=!1,U=!1,m=["img","xhr","beacon","ws","fetch"],
Q=function(){},T=!1,V=!1,y=[],r="",fa="",z=null,B=0,P=p.Trackingplan={sdk:"js",sdkVersion:"1.10.0",setOptions:function(a,b){b=b||{};t=a;O=b.environment||O;N=b.sourceAlias||N;w=b.sendMethod||w;J=ea(xa,b.customDomains||{});A=b.debug||A;S=b.tracksEndPoint||S;W=b.configEndPoint||W;L=b.delayConfigDownload||L;X=b.sampleRateTTL||X;C=b.samplingMode||C;E=b.batchSize||E;Z=b.batchInterval||Z;M=b.ignoreContext||M;H=b.alwaysSendNewUser||H;U=b.dryRun||U;m=b.intercept||m;T=b.parse||T;Q=b.onQueue||Q;f({m:"TP options updated",
options:b})},init:function(a,b){b=b||{};try{if(!sa())throw Error("TP Not compatible browser");if(null!==t)throw Error("TP Init already happened");P.setOptions(a,b);fa=p.location.href;aa(window);m.includes("frame")&&wa();document.addEventListener("visibilitychange",function(){"hidden"===document.visibilityState&&G("beacon")});p.addEventListener("pagehide",function(){G("beacon")});ra()&&x({event_name:"new_user"});x({event_name:"page_load"});setTimeout(function(){try{for(var d=window.performance.getEntriesByType("resource"),
c={},e=[],g=0;g<d.length;g++){e.push(d[g].name);var n="",K=d[g].name.replace(/(^\w+:|^)\/\//,""),k=K.split("?"),u=k[0];k=u.split("/");n=1<k.length?k[0]+"/"+k[1]:k[0];c.hasOwnProperty(n)||(c[n]=0);c[n]++}var v=c}catch(D){v=null}x({event_name:"pixels",properties:{pixels:v}})},1E4);setInterval(function(){G(w)},1E3*Z);f({m:"TP init finished",options:b})}catch(d){R({m:"TP init error",error:d})}}}})();Trackingplan.init("TP613533");</script><script type="text/javascript" id="web-vitals-debug">function getSelector(a,b){b=b||100;var c="";try{for(;a&&9!==a.nodeType;){var d=a.id?"#"+a.id:a.nodeName.toLowerCase()+(a.className&&a.className.length?"."+Array.from(a.classList.values()).join("."):"");if(c.length+d.length>b-1)return c||d;c=c?d+"\x3e"+c:d;if(a.id)break;a=a.parentNode}}catch(e){}return c}function getLargestLayoutShiftEntry(a){return a.reduce(function(b,c){return b&&b.value>c.value?b:c})}
function getLargestLayoutShiftSource(a){return a.reduce(function(b,c){return b.node&&b.previousRect.width*b.previousRect.height>c.previousRect.width*c.previousRect.height?b:c})}function wasFIDBeforeDCL(a){var b=performance.getEntriesByType("navigation")[0];return b&&a.startTime<b.domContentLoadedEventStart}
function getDebugInfo(a,b){b=b||[];if(b.length){if("LCP"===a)return a=b[b.length-1],{debug_target:getSelector(a.element),event_time:a.startTime};if("FID"===a)return a=b[0],{debug_target:getSelector(a.target),debug_event:a.name,debug_timing:wasFIDBeforeDCL(a)?"pre_dcl":"post_dcl",event_time:a.startTime};if("CLS"===a&&(a=getLargestLayoutShiftEntry(b))&&a.sources&&(b=getLargestLayoutShiftSource(a.sources)))return{debug_target:getSelector(b.node),event_time:a.startTime}}return{debug_target:"(not set)"}}
;</script>
<script type="text/javascript" id="web-vitals-rating">function getRating(b,a){switch(b){case "LCP":return calculateRating(a,2500,4E3);case "FID":return calculateRating(a,100,300);case "CLS":return calculateRating(a,.1,.25);case "FCP":return calculateRating(a,2E3,4E3);case "TTFB":return calculateRating(a,500,1500);default:return"(not set)"}}function calculateRating(b,a,c){return b||0===b?b>c?"poor":b>a?"in":"good":"(not set)"};</script>
<script type="text/javascript" id="web-vitals-ga4">function sendToDataLayer(a){var b={name:a.name,id:a.id,value:a.value,delta:a.delta,rating:getRating(a.name,a.value),valueRounded:Math.round("CLS"===a.name?1E3*a.value:a.value),deltaRounded:Math.round("CLS"===a.name?1E3*a.value:a.value)};a=getDebugInfo(a.name,a.entries);a.debug_target&&(b.debugTarget=a.debug_target);a.debug_event&&(b.debugEvent=a.debug_event);a.debug_timing&&(b.debugTiming=a.debug_timing);a.event_time&&(b.eventTime=a.event_time);dataLayer.push({event:"coreWebVitals",webVitalsMeasurement:b})}
;</script>
<script type="text/javascript" id="web-vitals-cdn">(function(){if(.01>=Math.random()){var a=document.createElement("script");a.src="https://slidesgo.com/js/web-vitals.umd.js";a.onload=function(){webVitals.getCLS(sendToDataLayer);webVitals.getFID(sendToDataLayer);webVitals.getLCP(sendToDataLayer)};document.head.appendChild(a)}})();</script>
<script src="https://cdn.ranksci.com/slidesgo-443963.min.js" type="text/javascript" async=""></script>
<link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/home-BbjDmqnS.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/pagination-BfIeYl8k.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/effect-fade-DcotJUzZ.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/article-list-BV77PuPs.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/download-j9SM2aLW.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/favorite-BxCgFJRk.js"><script type="module" src="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/home-BbjDmqnS.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/article-list-BV77PuPs.js" data-navigate-track="reload"></script> <script src="https://accounts.google.com/gsi/client" async="" defer=""></script>
<link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/searcher-CwauGSSJ.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/app-Dv8K3Tat.js"><link rel="modulepreload" href="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/index-CFheUZ5j.js"><script type="module" src="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/searcher-CwauGSSJ.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/394047c7a10525401eead58b51d35a9e61303902/build/assets/app-Dv8K3Tat.js" data-navigate-track="reload"></script><script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"anonymous","uri":"\/livewire\/update","progressBar":"","nonce":""};</script>
<script>
window.slg = window.slg || {};
window.slg.viewTag = 'home'
LUX = window.LUX || {};
LUX.label = "home";
window.slg.userId = "";
window.slg.fpUserId = "";
window.slg.userCountry = "";
window.slg.userType = "anonymous";
window.slg.totalResults = 0;
window.slg.nextSearchExpression = "";
if (window.IntersectionObserver) {
let intersectionTimer = {
global: false,
post: {}
};
window.views = {};
setInterval(() => {
trackAll();
}, 4000);
window.onbeforeunload = function () {
trackAll();
};
document.querySelectorAll(".theme_post").forEach((post) => {
createIntersectionObserver().observe(post);
});
}
</script>
<script>
let extraParams = null;
extraParams = {"content_group":"home","content_type":"na","content_group2":"na"};
window.addEventListener("load", () => {
gtm.pageView(null, null, extraParams)
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.9.6/lottie.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function () {
const anim = bodymovin.loadAnimation({
wrapper: document.getElementById('lottieContainer210920763'),
animType: 'svg',
loop: false,
autoplay: true,
path:"/animations/play-animation.json"
});
anim.addEventListener('DOMLoaded', () => document.getElementById('loader-lottieContainer210920763').style.display = 'none');
});
</script>
<template x-data="{}" x-teleport="#slidesgo-modal-teleport" data-teleport-template="true">
<div x-data="{modalOpen: false, closeable: true}" x-cloak="x-cloak" x-show="modalOpen" @download-editable-guest-modal.window="modalOpen = true" x-on:keyup.escape.window="modalOpen = false" x-ref="self">
<div x-cloak="" x-show="modalOpen" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="origin-center fixed inset-0 z-30 flex items-center justify-center px-4 overflow-auto">
<div class="bg-opacity-50 bg-gray-900 fixed inset-0 z-10" x-on:click="modalOpen = false" data-testid="out-premium-modal">
</div>
<div class="bg-white relative z-15 flex flex-col items-center justify-center p-6 sm:p-8 rounded max-w-sm sm:max-w-lg" id="modal-editor" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<div class="relative landscape:hidden lg:landscape:flex h-auto w-auto flex justify-center items-center">
<img src="/images/illustrations/premium-creativity.png" loading="lazy" class="object-contain mb-4 hidden md:flex w-3/4 h-3/4 2xl:w-full 2xl:h-full">
</div>
<h3 class="text-center text-4xl font-semibold font-title mb-3 leading-tight text-gray-900 sm:text-6xl mt-4">
Register for free and start editing online
</h3>
<div class="mb-4 text-gray-800 text-lg text-center leading-relaxed w-full">Just one quick step before editing: Sign up to Slidesgo. By registering in Slidesgo, you will be able to edit online templates and download up to 5 templates per month. If you are already registered, log in!</div>
<div class="flex items-center justify-center w-full"><button x-on:click="modalOpen = false;" class="group absolute top-0 right-0 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-10 h-10 mt-2 mr-2 flex items-center justify-center">
<svg class="fill-current w-3.5 h-3.5 text-gray-600 group-hover:text-gray-800 transition-all duration-300" 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>
<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></div>
</div>
</div>
</div>
</template>
<script>
let heroOffset = -230;
const homeHeader = document.querySelector(".home-topnav");
window.addEventListener('load', () => {
const homeHero = document.querySelector("#hero-home");
heroOffset = ((homeHero.getBoundingClientRect().height * -1) + homeHeader.getBoundingClientRect().height);
});
function handleHomeScroll(offset) {
// Classes are for sm: to prevent change background for mobile as it is always purple
// (related to sm:-mt-16 at home)
if (offset.top < -1) {
homeHeader.classList.add('scrolled')
} else {
homeHeader.classList.remove('scrolled')
}
// Scroll over hero, hide search suggestions
if (offset.top < heroOffset) {
window.dispatchEvent(new CustomEvent("scroll-over-home-hero"));
homeHeader.classList.remove('parent-inverted')
} else {
homeHeader.classList.add('parent-inverted')
}
}
// Loaded for the first time
const offset = document.body.getBoundingClientRect();
handleHomeScroll(offset);
window.addEventListener("scroll", () => {
const offset = document.body.getBoundingClientRect();
handleHomeScroll(offset);
}, { passive: true });
</script>
<script>
(function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1330819,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<script>
function loadOneTrust() {
const oneTrustScript = document.createElement('script');
oneTrustScript.type = 'text/javascript';
oneTrustScript.src = 'https://cdn-ukwest.onetrust.com/scripttemplates/otSDKStub.js';
oneTrustScript.dataset.domainScript = '437406e3-68f5-4511-9b2a-ae1412064c97';
document.getElementsByTagName('head')[0].appendChild(oneTrustScript);
}
function OptanonWrapper() { }
window.addEventListener('load', () => setTimeout(() => loadOneTrust(), 3000));
</script>
<div id="slidesgo-modal-teleport"><div x-data="{modalOpen: false, closeable: true}" x-show="modalOpen" x-on:show-guest-favorite-modal.window="modalOpen = true" x-on:keyup.escape.window="modalOpen = false" x-ref="self" data-teleport-target="true" style="display: none;">
<div x-show="modalOpen" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="origin-center fixed inset-0 z-30 flex items-center justify-center px-4 overflow-auto" style="display: none;">
<div class="bg-opacity-50 bg-gray-900 fixed inset-0 z-10" x-on:click="modalOpen = false" data-testid="out-premium-modal">
</div>
<div class="bg-white relative z-15 flex flex-col items-center justify-center p-6 sm:p-8 rounded max-w-sm sm:max-w-lg" id="modal-favorite" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<div class="relative landscape:hidden lg:landscape:flex h-auto w-auto flex justify-center items-center">
<img src="/images/illustrations/brush-purple.svg" loading="lazy" class="h-24 w-24 sm:w-44 sm:h-44">
<img src="/images/icons/heart-icon.svg" loading="lazy" class="absolute h-6 w-6 sm:h-12 sm:w-12 xl:h-16 xl:w-16 z-10">
</div>
<h3 class="text-center text-4xl font-semibold font-title mb-3 leading-tight text-gray-900 sm:text-6xl">
It seems that you like this template!
</h3>
<div class="mb-4 text-gray-800 text-lg text-center leading-relaxed w-full">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!</div>
<div class="flex items-center justify-center w-full"><button x-on:click="modalOpen = false;" class="group absolute top-0 right-0 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-10 h-10 mt-2 mr-2 flex items-center justify-center">
<svg class="fill-current w-3.5 h-3.5 text-gray-600 group-hover:text-gray-800 transition-all duration-300" 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>
<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></div>
</div>
</div>
</div><div x-data="{modalOpen: false, closeable: true}" x-show="modalOpen" x-on:show-guest-download-modal.window="modalOpen = true;gtm.limitModal('true')" x-on:keyup.escape.window="modalOpen = false" data-anonymous="1" x-ref="self" data-teleport-target="true" style="display: none;">
<div x-show="modalOpen" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="origin-center fixed inset-0 z-30 flex items-center justify-center px-4 overflow-auto" style="display: none;">
<div class="bg-opacity-50 bg-gray-900 fixed inset-0 z-10" x-on:click="modalOpen = false" data-testid="out-premium-modal">
</div>
<div class="bg-white relative z-15 flex flex-col items-center justify-center p-6 sm:p-8 rounded max-w-sm sm:max-w-lg" id="modal-limit" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<button type="button" x-on:click="modalOpen = false; return false;" class="group absolute top-0 right-0 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-10 h-10 mt-2 mr-2 flex items-center justify-center">
<svg class="fill-current w-3.5 h-3.5 text-gray-600 group-hover:text-gray-800 transition-all duration-300" 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>
<div class="relative landscape:hidden lg:landscape:flex h-auto w-auto flex justify-center items-center">
<img src="/images/illustrations/premium-creativity.png" loading="lazy" class="object-contain mb-4 hidden md:flex w-3/4 h-3/4 2xl:w-full 2xl:h-full">
</div>
<h3 class="text-center text-4xl font-semibold font-title mb-3 leading-tight text-gray-900 sm:text-6xl mt-4">
Register for free and start downloading now
</h3>
<div class="mb-4 text-gray-800 text-lg text-center leading-relaxed w-full">Register on our website to download 5 FREE templates every month, or GO Premium for unlimited downloads!</div>
<div class="flex items-center justify-center w-full"><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></div>
</div>
</div>
</div><div x-data="{modalOpen: false, closeable: true}" x-show="modalOpen" @download-editable-guest-modal.window="modalOpen = true" x-on:keyup.escape.window="modalOpen = false" x-ref="self" data-teleport-target="true" style="display: none;">
<div x-show="modalOpen" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="origin-center fixed inset-0 z-30 flex items-center justify-center px-4 overflow-auto" style="display: none;">
<div class="bg-opacity-50 bg-gray-900 fixed inset-0 z-10" x-on:click="modalOpen = false" data-testid="out-premium-modal">
</div>
<div class="bg-white relative z-15 flex flex-col items-center justify-center p-6 sm:p-8 rounded max-w-sm sm:max-w-lg" id="modal-editor" role="dialog" aria-modal="true" aria-labelledby="modal-headline">
<div class="relative landscape:hidden lg:landscape:flex h-auto w-auto flex justify-center items-center">
<img src="/images/illustrations/premium-creativity.png" loading="lazy" class="object-contain mb-4 hidden md:flex w-3/4 h-3/4 2xl:w-full 2xl:h-full">
</div>
<h3 class="text-center text-4xl font-semibold font-title mb-3 leading-tight text-gray-900 sm:text-6xl mt-4">
Register for free and start editing online
</h3>
<div class="mb-4 text-gray-800 text-lg text-center leading-relaxed w-full">Just one quick step before editing: Sign up to Slidesgo. By registering in Slidesgo, you will be able to edit online templates and download up to 5 templates per month. If you are already registered, log in!</div>
<div class="flex items-center justify-center w-full"><button x-on:click="modalOpen = false;" class="group absolute top-0 right-0 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-10 h-10 mt-2 mr-2 flex items-center justify-center">
<svg class="fill-current w-3.5 h-3.5 text-gray-600 group-hover:text-gray-800 transition-all duration-300" 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>
<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></div>
</div>
</div>
</div></div>
<script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8cf2ac6129432165","version":"2024.8.0","serverTiming":{"name":{"cfExtPri":true,"cfL4":true}},"token":"08e518c428c0465b8398e1f267f32687","b":1}" crossorigin="anonymous"></script>
<div id="modal-ai-generator" class="overflow-y-scroll bg-black bg-opacity-60 fixed inset-0 z-50 flex items-center justify-center p-6" x-data="aiModalForm()" x-show="showModal" x-ref="self" x-init="document.querySelector('body').appendChild($refs.self)" @keydown.escape="closeModal" @display-ai-presentation-maker-modal.window="presentModal" style="display: none;">
<div @mousedown.outside="closeModal" class="bg-white rounded-md py-8 px-6 sm:px-8 w-full max-w-screen-md relative">
<button @click="closeModal" class="absolute top-2 right-2 text-gray-900 p-2 rounded hover:bg-gray-100">
<svg class="fill-current h-4 w-4" 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>
<div x-show="!submitting">
<h3 class="text-3xl sm:text-4xl font-semibold font-title text-gray-900 mb-4">
<span x-show="!openFromTemplate">
Create your presentation </span>
<span x-show="openFromTemplate" style="display: none;">
Create personalized presentation content </span>
</h3>
<template x-if="previewSrc">
<div class="my-4">
<img :src="previewSrc" :srcset="previewSrcset" alt="" class="h-20">
</div>
</template>
<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="Effective treatments for malaria" required="required">
<textarea x-show="openFromTemplate" :required="openFromTemplate" minlength="10" maxlength="255" name="topic" x-model="topic" class="h-30 p-3 rounded border border-gray-300 w-full appearance-none text-gray-900 font-regular text-base leading-5 placeholder:text-gray-600 focus:outline-none focus:border-gray-900" placeholder="Effective treatments for malaria" style="display: none;"></textarea>
</div>
<div class="flex justify-between gap-4 w-full flex flex-wrap flex-col md:flex-row">
<div>
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold">
Writing tone </h3>
<select x-model="tone" name="tone" autocomplete="off" :class="{
'dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 w-full placeholder:text-gray-600 focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" class="dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 w-full placeholder:text-gray-600 focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
<option value="">Unspecified</option>
<option value="Fun">
Fun </option>
<option value="Creative">
Creative </option>
<option value="Casual">
Casual </option>
<option value="Professional">
Professional </option>
<option value="Formal">
Formal </option>
</select>
</div>
<div class="flex-1">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold">
Language </h3>
<select x-model="language" name="language" autocomplete="off" :class="{
'dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 placeholder:text-gray-600 w-full focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" class="dsm-selector pl-4 bg-white pr-12 rounded border border-gray-300 placeholder:text-gray-600 w-full focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
<option value="">Auto</option>
<option value="zh">
中文
</option>
<option value="en">
English
</option>
<option value="es">
Español
</option>
<option value="pt">
Português
</option>
<option value="de">
Deutsch
</option>
<option value="it">
Italiano
</option>
<option value="fr">
Français
</option>
<option value="hi">
हिन्दी
</option>
<option value="bn">
বাংলা
</option>
<option value="ru">
Русский
</option>
<option value="ja">
日本語
</option>
<option value="pa">
ਪੰਜਾਬੀ
</option>
<option value="mr">
मराठी
</option>
<option value="te">
తెలుగు
</option>
<option value="tr">
Türkçe
</option>
<option value="ko">
한국어
</option>
<option value="vi">
Tiếng Việt
</option>
<option value="ta">
தமிழ்
</option>
<option value="yo">
Yorùbá
</option>
<option value="ur">
اردو
</option>
<option value="jv">
Basa Jawa
</option>
<option value="gu">
ગુજરાતી
</option>
<option value="pl">
Polski
</option>
<option value="uk">
Українська
</option>
<option value="ms">
Bahasa Melayu
</option>
</select>
</div>
<div class="flex-1 lg:flex-0">
<h3 :class="{
'text-left mb-2': true,
'text-gray-900 font-semibold': !openFromTemplate,
'text-gray-800 font-regular text-base': openFromTemplate
}" class="text-left mb-2 text-gray-900 font-semibold">
Number of slides </h3>
<input type="number" required="" min="6" max="14" name="slides" autocomplete="off" :class="{
'pl-4 bg-white rounded border border-gray-300 w-full appearance-none placeholder:text-gray-600 focus:outline-none focus:border-gray-900': true,
'h-8 text-gray-900 font-semibold text-sm': !openFromTemplate,
'h-11 text-gray-600 font-regular text-base': openFromTemplate
}" value="8" class="pl-4 bg-white rounded border border-gray-300 w-full appearance-none placeholder:text-gray-600 focus:outline-none focus:border-gray-900 h-8 text-gray-900 font-semibold text-sm">
</div>
</div>
</div>
<div x-show="!openFromTemplate">
<h3 class="text-left text-gray-900 font-semibold mb-2">
Style </h3>
<div class="block sm:hidden mb-4">
<select x-model="activeParentStyle" x-on:change="changeActiveStyle" name="parent_style" data-cy="styles-list" autocomplete="off" class="dsm-selector h-8 pl-4 bg-white pr-12 rounded border border-gray-300 w-full text-sm
font-semibold text-gray-900 placeholder:text-gray-600 focus:outline-none focus:border-gray-900">
<template x-for="(parentStyle, key) in elements" x-bind:key="key">
<option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName">
</option>
</template><option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="94" data-cy="check-active-style" selected="selected">Minimalist</option><option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="69">Colorful</option><option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="73">Geometric</option><option x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" x-bind:selected="key == 0 ? 'selected' : null" x-text="parentStyle.tagName" value="1">Professional</option>
</select>
</div>
<div data-cy="styles-list" class="hidden sm:inline-flex border rounded border-gray-300 text-gray-800 hover:text-gray-900 mb-4">
<template x-for="(parentStyle, key) in elements" x-bind:key="key">
<label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">
</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label>
</template><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="94" data-cy="check-active-style">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Minimalist</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="69">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Colorful</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="73">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Geometric</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label><label type="button" class="cursor-pointer text-sm border-r border-gray-300 last:border-0 font-semibold px-4 py-2">
<span class="flex justify-between align-items-center ">
<input @click="activeStyle = parentStyle.elements[0].tagId" x-model="activeParentStyle" name="parent_style" class="hidden peer" type="radio" autocomplete="off" x-bind:value="parentStyle.tagId" x-bind:data-cy="activeParentStyle == parentStyle.tagId ? 'check-active-style' : null" value="1">
<span class="peer-checked:text-blue-500 px-2 mx-1 peer-checked:pl-0 peer-checked:mx-0" x-text="parentStyle.tagName">Professional</span>
<svg class="hidden peer-checked:block size-3.5 text-blue-500 fill-current">
<use xlink:href="#check"></use>
</svg>
</span>
</label>
</div>
<template x-for="(parentStyle, parentStyleIndex) in elements" x-bind:key="parentStyleIndex">
<div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</template>
</div>
</template><div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</template><div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="94" data-cy="check-active-template">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/minimalist.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="223">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/cute.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="177">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/duotone.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="35">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/white.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="33">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/simple.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border block" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="54">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/company.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</div><div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</template><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="500">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/scrapbook.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="66">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/cool.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="65">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/futuristic.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="62">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/gradient.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="90">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/portfolio.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="38">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/black.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</div><div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</template><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="381">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/report.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="26">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/creative.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="635">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/german.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="278">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/math.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="30">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/purple.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="95">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/corporate.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</div><div class="w-full grid grid-cols-3 gap-4">
<template x-for="(childStyle, key) in parentStyle.elements" x-bind:key="key">
<div class="flex flex-wrap box-border" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</template><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="1">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/professional.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="36">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/elegant.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="123">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/meeting.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="296">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/research.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="154">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/consulting.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div><div class="flex flex-wrap box-border hidden" x-bind:class="activeParentStyle == parentStyle.tagId ? 'block' : 'hidden'">
<label class="relative cursor-pointer w-full rounded-md">
<input x-model="activeStyle" class="hidden peer" type="radio" name="style" autocomplete="off" x-bind:value="childStyle.tagId" x-bind:data-cy="activeStyle == childStyle.tagId ? 'check-active-template' : null" value="77">
<img x-bind:src="`/images/landing/ai/${childStyle.tagSlugEn}.jpg`" alt="" class="border-2 w-full rounded peer-checked:border-blue-500" loading="lazy" src="/images/landing/ai/picture.jpg">
<span class="hidden absolute top-2.5 right-2.5 size-4 items-center justify-center bg-blue-500 rounded-sm peer-checked:flex">
<svg class="fill-current w-2.5 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.89321 13.6582C4.64475 13.6582 4.39628 13.5635 4.20669 13.3739L0.284359 9.45155C-0.0947864 9.07241 -0.0947864 8.45765 0.284359 8.07854C0.663544 7.69936 1.27822 7.69936 1.65737 8.07854L4.89384 11.315L14.3433 1.88371C14.7227 1.50491 15.3375 1.50546 15.7163 1.88499C16.0951 2.26449 16.0945 2.87924 15.715 3.258L5.57908 13.3745C5.38956 13.5637 5.14133 13.6582 4.89321 13.6582Z"></path></svg> </span>
</label>
</div>
</div>
</div>
<button data-cy="generate-presentation" :class="{
'bg-gray-900 text-white font-bold h-14 rounded w-full text-lg hover:bg-gray-800 active:bg-gray-700': true,
'mt-6': !openFromTemplate,
'mt-2': openFromTemplate
}" class="bg-gray-900 text-white font-bold h-14 rounded w-full text-lg hover:bg-gray-800 active:bg-gray-700 mt-6">
<span x-show="!openFromTemplate" class="flex items-center justify-center gap-3">
<svg class="fill-current h-6 w-6" viewBox="0 0 23 22" xmlns="http://www.w3.org/2000/svg">
<path d="M19.82 4.53674L19.1052 5.83975C18.8695 6.26925 18.2601 6.25868 18.0761 5.82103L17.5072 4.49479L16.084 4.25607C15.6128 4.17902 15.4583 3.58945 15.8198 3.2587L16.9165 2.25577L16.7542 0.805169C16.6999 0.326892 17.2152 -0.0254924 17.6238 0.205908L18.8683 0.910886L20.191 0.25237C20.6264 0.0366336 21.0978 0.406983 20.9913 0.881014L20.6646 2.32201L21.6442 3.36432C21.9657 3.70649 21.7453 4.29058 21.2678 4.35103L19.82 4.53674ZM11.3838 3.17622L11.9481 4.17987C12.134 4.51081 11.8775 4.90728 11.5143 4.84908L10.4092 4.68016L9.66938 5.51845C9.42578 5.7968 8.97474 5.65703 8.90522 5.28385L8.69469 4.15185L7.67417 3.66463C7.33737 3.50451 7.31662 3.0213 7.6361 2.84735L8.60938 2.31746L8.71788 1.17788C8.75425 0.803228 9.19086 0.64482 9.459 0.908996L10.273 1.71389L11.3596 1.49642C11.7163 1.42505 12.0102 1.80915 11.8544 2.14798L11.3838 3.17622ZM14.3551 7.10097L14.9653 7.71113C15.4895 8.23534 15.7817 8.94003 15.7817 9.68339C15.7817 10.431 15.4938 11.1314 14.9653 11.66L5.87308 20.7521C5.87308 20.7521 3.99601 22.7846 1.63898 20.4274C-0.71805 18.0703 1.3141 16.1932 1.3141 16.1932L10.4063 7.10097C11.4934 6.01386 13.268 6.01386 14.3551 7.10097ZM3.14886 18.9174C3.87321 19.6417 4.66996 18.9174 4.66996 18.9174L10.8618 12.7256L9.34066 11.2045L3.14886 17.3963C3.14886 17.3963 2.42451 18.193 3.14886 18.9174ZM12.3829 11.2002L13.4442 10.1389C13.5645 10.0185 13.6289 9.85097 13.6289 9.67909C13.6289 9.50722 13.5602 9.34394 13.4399 9.22363L12.834 8.61777C12.5848 8.36855 12.1723 8.36855 11.9231 8.61777L10.8618 9.67909L12.3829 11.2002ZM17.0475 13.1394L18.1254 13.5444L18.4269 14.6343C18.5257 14.9939 18.9978 15.0987 19.2249 14.8145L19.9167 13.9487L21.0577 14.0409C21.4329 14.0706 21.6651 13.6683 21.4519 13.3582L20.8015 12.4161L21.2054 11.3842C21.338 11.0454 21.0111 10.689 20.6503 10.7832L19.5557 11.067L18.666 10.3361C18.3726 10.0952 17.9374 10.2785 17.9301 10.6483L17.9034 11.766L16.9488 12.348C16.6334 12.5372 16.6922 13.0057 17.0475 13.1394Z"></path>
</svg> Generate presentation </span>
<span x-show="openFromTemplate" class="flex items-center justify-center gap-3" style="display: none;">
<svg class="size-4 shrink-0 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19.8017 3.41409L18.6997 0.914752C18.162 -0.304917 16.4314 -0.304917 15.8938 0.914752L14.7918 3.41409C14.6376 3.76424 14.3577 4.04408 14.0076 4.1983L11.5082 5.30031C10.2886 5.83796 10.2886 7.56856 11.5082 8.10621L14.0076 9.20822C14.3577 9.36244 14.6376 9.64228 14.7918 9.99243L15.8938 12.4918C16.4314 13.7114 18.162 13.7114 18.6997 12.4918L19.8017 9.99243C19.9559 9.64228 20.2358 9.36244 20.5859 9.20822L23.0852 8.10621C24.3049 7.56856 24.3049 5.83796 23.0852 5.30031L20.5859 4.1983C20.2358 4.04408 19.9559 3.76424 19.8017 3.41409Z"></path>
<path d="M5.44176 9.52043L6.18143 11.1981C6.28502 11.4334 6.47299 11.6209 6.70783 11.7245L8.38546 12.4641C9.20436 12.8251 9.20436 13.9871 8.38546 14.348L6.70783 15.0877C6.47252 15.1913 6.28502 15.3792 6.18143 15.6141L5.44176 17.2917C5.08082 18.1106 3.91881 18.1106 3.55788 17.2917L2.8182 15.6141C2.71461 15.3788 2.52664 15.1913 2.2918 15.0877L0.614171 14.348C-0.204724 13.9871 -0.204724 12.8251 0.614171 12.4641L2.2918 11.7245C2.52711 11.6209 2.71461 11.4329 2.8182 11.1981L3.55788 9.52043C3.91881 8.70153 5.08082 8.70153 5.44176 9.52043Z"></path>
<path d="M14.3666 17.0944L14.9755 18.4758C15.0608 18.6694 15.2155 18.824 15.4091 18.9093L16.7905 19.5182C17.4645 19.8154 17.4645 20.7721 16.7905 21.0693L15.4091 21.6782C15.2155 21.7635 15.0608 21.9182 14.9755 22.1118L14.3666 23.4932C14.0694 24.1672 13.1127 24.1672 12.8156 23.4932L12.2067 22.1118C12.1213 21.9182 11.9667 21.7635 11.7731 21.6782L10.3917 21.0693C9.71763 20.7721 9.71763 19.8154 10.3917 19.5182L11.7731 18.9093C11.9667 18.824 12.1213 18.6694 12.2067 18.4758L12.8156 17.0944C13.1127 16.4203 14.0694 16.4203 14.3666 17.0944Z"></path>
</svg>
Generate content </span>
</button>
</form>
</div>
<div x-show="submitting" class="flex items-center justify-center" style="display: none;">
<svg class="fill-current h-24 w-24 animate-pulse" 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> </div>
</div>
</div><iframe id="_hjSafeContext_67607946" title="_hjSafeContext" tabindex="-1" aria-hidden="true" src="about:blank" style="display: none !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;"></iframe><cs-native-frame-holder hidden=""></cs-native-frame-holder><iframe src="https://csxd.contentsquare.net/uxa/xdframe-single-domain-1.2.0.html?pid=32688" hidden="" title="Intentionally blank"></iframe></body></html>