Dutlo Sticky Notes Style - My First Day | Google Slides & PowerPoint template

<!doctype html> <html lang="en" data-lang="en"> <head> <link rel="preload" href="/images/logos/slidesgo-white.svg" as="image"> <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>  <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="https://media.slidesgo.com/storage/37871850/first-day-of-school1688373159.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"> <meta name="p:domain_verify" content="728b70bf6f2ea14d45a79774bb890f10"/> <title>Dutlo Sticky Notes Style - My First Day | Google Slides & PowerPoint template</title> <meta name="description" content=""Mom, I don't wanna go to school", "Nonsense, you're the principal!" While you're at it, customize this template in Google Slides or PPT!"> <link rel="preload" as="style" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/app-dg5vFG-S.css" /><link rel="stylesheet" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/app-dg5vFG-S.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/tema/modelo-dutlo-com-notas-adhesivas-meu-primeiro-dia" /> <link rel="alternate" hreflang="es" href="https://slidesgo.com/es/tema/plantilla-dutlo-estilo-notas-adhesivas-mi-primer-dia" /> <link rel="alternate" hreflang="en" href="https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day" /> <link rel="alternate" hreflang="fr" href="https://slidesgo.com/fr/theme/modele-dutlo-de-notes-autocollantes-mon-premier-jour" /> <link rel="alternate" hreflang="de" href="https://slidesgo.com/de/theme/dutlo-haftnotizen-stil-mein-erster-tag" /> <link rel="alternate" hreflang="ko" href="https://slidesgo.com/ko/%ED%85%8C%EB%A7%88/dutlo-%EC%8A%A4%ED%8B%B0%EC%BB%A4-%EB%A9%94%EB%AA%A8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%82%98%EC%9D%98-%EC%B2%AB%EB%82%A0" /> <link rel='alternate' hreflang='x-default' href='https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day' /> <link rel="canonical" href="https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day"> <script> window.customEvents = []; // short-lived, replaced on app.js window.trackCustom = function(eventName, data) { window.customEvents.push({eventName, data}); } </script> <script> if( window.innerWidth > 768 ) { const scrollPaginationActive = 'detail' === '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> <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> <meta property="og:image" content="https://media.slidesgo.com/storage/21992158/first-day-of-school1654513878-promotion.png"> <link rel="preload" href="https://media.slidesgo.com/storage/37871513/conversions/0-first-day-of-school-thumb.jpg" imagesrcset="https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_459_258.jpg 459w" imagesizes="(min-width: 1200px) 768px, (min-width: 992px) 629px, (min-width: 768px) 480px, (min-width: 576px) 342px, calc(100vw - 2rem)" as="image" > </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\/theme\/dutlo-sticky-notes-style-my-first-day"},"es":{"home.bar_lang":"\u00a1Slidesgo tambi\u00e9n est\u00e1 disponible en castellano!","home.bar_lang_llevame":"Vis\u00edtanos","url":"https:\/\/slidesgo.com\/es\/tema\/plantilla-dutlo-estilo-notas-adhesivas-mi-primer-dia"},"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\/tema\/modelo-dutlo-com-notas-adhesivas-meu-primeiro-dia"},"fr":{"home.bar_lang":"Slidesgo est aussi disponible en fran\u00e7ais!","home.bar_lang_llevame":"C\u2019est parti!","url":"https:\/\/slidesgo.com\/fr\/theme\/modele-dutlo-de-notes-autocollantes-mon-premier-jour"},"de":{"home.bar_lang":"Slidesgo ist auch auf Deutsch verf\u00fcgbar","home.bar_lang_llevame":"Anzeigen","url":"https:\/\/slidesgo.com\/de\/theme\/dutlo-haftnotizen-stil-mein-erster-tag"},"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\/%ED%85%8C%EB%A7%88\/dutlo-%EC%8A%A4%ED%8B%B0%EC%BB%A4-%EB%A9%94%EB%AA%A8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%82%98%EC%9D%98-%EC%B2%AB%EB%82%A0"}}')"> <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 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"/></svg> </button> </div> </template> </div> <div x-data="{ open: false }" class="fixed left-0 top-1/2 z-30"> <button @click="open = true" class="w-7 h-7 hidden sm:flex items-center justify-center bg-blue-500 text-white rounded-r relative" aria-label="Send suggestions"> <svg class="fill-current w-3.5 h-3.5" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2758 0.53095C17.0437 0.365716 16.7449 0.323529 16.4742 0.421966L5.75508 4.23642H2.63672C1.37812 4.23642 0.351562 5.26298 0.351562 6.52158V9.33408C0.351562 10.4134 1.10391 11.3169 2.10937 11.556V14.9942C2.10937 16.4497 3.29062 17.631 4.74609 17.631C6.20156 17.631 7.38281 16.4497 7.38281 14.9942V12.1993L16.4742 15.4372C16.5691 15.4724 16.6711 15.4864 16.7695 15.4864C16.9488 15.4864 17.1246 15.4302 17.2758 15.3247C17.5078 15.1595 17.6484 14.8923 17.6484 14.6075V1.24814C17.6484 0.963372 17.5113 0.696185 17.2758 0.53095ZM2.10937 6.52158C2.10937 6.22978 2.34492 5.99423 2.63672 5.99423H5.625V9.86142H2.63672C2.34492 9.86142 2.10937 9.62587 2.10937 9.33408V6.52158ZM4.74609 15.8731C4.26094 15.8731 3.86719 15.4794 3.86719 14.9942V11.6192H5.625V14.9942C5.625 15.4794 5.23125 15.8731 4.74609 15.8731ZM15.8906 13.363L7.38281 10.336V5.52314L15.8906 2.49618V13.363Z"/> </svg> </button> <div x-cloak x-show="open" @click.outside="open = false" class="absolute left-0 top-0 bg-white rounded-br p-4 shadow w-72 sm:w-96"> <button @click="open = false" class="w-7 h-7 flex items-center justify-center bg-blue-500 text-white rounded-r absolute -right-7 top-0"> <svg class="fill-current w-3.5 h-3.5" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"> <path d="M17.2758 0.53095C17.0437 0.365716 16.7449 0.323529 16.4742 0.421966L5.75508 4.23642H2.63672C1.37812 4.23642 0.351562 5.26298 0.351562 6.52158V9.33408C0.351562 10.4134 1.10391 11.3169 2.10937 11.556V14.9942C2.10937 16.4497 3.29062 17.631 4.74609 17.631C6.20156 17.631 7.38281 16.4497 7.38281 14.9942V12.1993L16.4742 15.4372C16.5691 15.4724 16.6711 15.4864 16.7695 15.4864C16.9488 15.4864 17.1246 15.4302 17.2758 15.3247C17.5078 15.1595 17.6484 14.8923 17.6484 14.6075V1.24814C17.6484 0.963372 17.5113 0.696185 17.2758 0.53095ZM2.10937 6.52158C2.10937 6.22978 2.34492 5.99423 2.63672 5.99423H5.625V9.86142H2.63672C2.34492 9.86142 2.10937 9.62587 2.10937 9.33408V6.52158ZM4.74609 15.8731C4.26094 15.8731 3.86719 15.4794 3.86719 14.9942V11.6192H5.625V14.9942C5.625 15.4794 5.23125 15.8731 4.74609 15.8731ZM15.8906 13.363L7.38281 10.336V5.52314L15.8906 2.49618V13.363Z"/> </svg> </button> <button @click="open = false" class="group absolute top-0 right-0 text-gray-700 cursor-pointer hover:bg-gray-200 focus:outline-none rounded w-6 h-6 mt-2.5 mr-3.5 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 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"/></svg> </button> <h3 class="text-lg font-bold text-gray-900 mb-2">Got any suggestions?</h3> <p class="text-gray-700 leading-relaxed mb-4">We want to hear from you! Send us a message and help improve Slidesgo</p> <div class="flex"> <a class="py-2 px-4 bg-blue-500 text-white flex items-center justify-center text-sm hover:bg-blue-600 rounded font-semibold mb-4 group" href="https://forms.gle/mUYJ5G2oCnGoCAQE8" target="_blank" > Send suggestions <svg class="fill-current fill-current h-4 ml-2 transition ease-in group-hover:transform group-hover:translate-x-0.5" viewBox="0 0 16 17" xmlns="http://www.w3.org/2000/svg"> <path d="M2.63236 9.26808H10.8757L9.1343 11.0095C8.73118 11.4126 8.73118 12.0662 9.1343 12.4693C9.53742 12.8724 10.191 12.8724 10.5941 12.4693L14.0977 8.96571C14.2913 8.77218 14.4001 8.50957 14.4001 8.23582C14.4001 7.96207 14.2913 7.6995 14.0977 7.50589L10.5942 4.00232C10.191 3.59925 9.53746 3.59921 9.13434 4.00232C8.73123 4.40544 8.73123 5.05903 9.13434 5.46214L10.8758 7.20356H2.63236C2.06226 7.20356 1.6001 7.66572 1.6001 8.23582C1.60006 8.80592 2.06226 9.26808 2.63236 9.26808Z" /> </svg> </a> </div> </div> </div> <div x-data="" class="flex sticky top-0 left-0 right-0 z-30"> <header class=" 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"/> </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" > AI Tools <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> New </span> </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"/> </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"/> </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-900"> <svg class="size-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute left-0 top-10 py-5 px-6 bg-white rounded shadow-top-menu" style="width: 48rem; min-height: 21rem" > <div class="flex"> <div class="w-1/2 box-content"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 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 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 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"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> AI 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-700 leading-relaxed">Create presentations in minutes with AI</span> </a> <a href="https://slidesgo.com/ai-pdf-to-ppt-converter#from_element=main_menu" data-option="create.ai_pdf_to_ppt" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI PDF to PPT converter</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> <span class="text-gray-700 leading-relaxed">Turn documents into PPT with AI</span> </a> <a href="https://slidesgo.com/ai-lesson-plan-generator#from_element=main_menu" data-option="create.ai_lesson_plan" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI lesson plan generator</span> </div> <span class="text-gray-700 leading-relaxed">Plan your lessons faster with AI</span> </a> <a href="https://slidesgo.com/ai-icebreaker-generator#from_element=main_menu" data-option="create.ai_icebreaker" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI icebreaker generator</span> </div> <span class="text-gray-700 leading-relaxed">Generate icebreaker activities and ideas</span> </a> <a href="https://slidesgo.com/ai-exit-ticket-generator#from_element=main_menu" data-option="create.ai_exit_ticket" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI exit ticket generator</span> </div> <span class="text-gray-700 leading-relaxed">Create quick formative assessments for your students</span> </a> <a href="https://slidesgo.com/ai/quiz-maker#from_element=main_menu" data-option="create.ai_quiz_maker" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>AI quiz maker</span> <span class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> beta </span> </div> <span class="text-gray-700 leading-relaxed">Create comprehensive quizzes from any reading material</span> </a> </div> </div> <div class="pl-8 w-1/2 box-content"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"> <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"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> Other tools </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/slideshow-maker#from_element=main_menu" data-option="create.slideshows" 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-700 leading-relaxed">Create and customize presentations online with Slidesgo's editor</span> </a> <a href="https://workspace.google.com/marketplace/app/slidesgo_for_google_slides/560773215564#from_element=main_menu" data-option="create.gslides_addon" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Addon for Google Slides</span> </div> <span class="text-gray-700 leading-relaxed">Apply Slidesgo themes to your Google Slides presentations</span> </a> </div> </div> </div> <a class="flex items-center w-fit text-base font-semibold text-purple-600 border-b border-transparent hover:border-purple-600" href="https://slidesgo.com/ai" > Explore all AI tools <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </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" > Templates </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"/> </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"/> </svg> </div> </div> <style> .nav-templates-container { width: 68rem; min-height: 19rem; } .nav-templates-container:has(.nav-industry-item:hover) { width: 24rem; } .nav-industry-container:has(.nav-industry-item:hover) ~ .nav-industry-sibling-container { opacity: 0; width: 0; height: 0; pointer-events: none; } </style> <div class="cursor-default opacity-0 pointer-events-none group-hover:opacity-100 group-hover:pointer-events-auto transition-all duration-500 text-gray-900"> <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"/> </svg> <div class="absolute left-0 top-10 -translate-x-80 2xl:-translate-x-40 3xl:-translate-x-20 py-5 px-6 bg-white rounded shadow-top-menu" > <div class="nav-templates-container flex transition-[width] transition-duration-300 overflow-hidden"> <div class="nav-industry-container box-content w-48"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-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 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"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By industry </span> </div> <div class="flex my-1.5"> <div class="mr-8"> <div class="w-48 transition-duration-300"> <div class="relative"> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/business" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Business</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/money#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Money</span> </a> <a href="https://slidesgo.com/technology#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Technology</span> </a> <a href="https://slidesgo.com/law#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Law</span> </a> <a href="https://slidesgo.com/sport#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Sport</span> </a> <a href="https://slidesgo.com/architecture#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Architecture</span> </a> <a href="https://slidesgo.com/fashion#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Fashion</span> </a> </div> </div> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/medical" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Medical</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/health#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Health</span> </a> <a href="https://slidesgo.com/mental-health#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Mental Health</span> </a> <a href="https://slidesgo.com/disease#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Disease</span> </a> <a href="https://slidesgo.com/case-report#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Case Report</span> </a> </div> </div> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/marketing" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Marketing</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/newsletter#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Newsletter</span> </a> <a href="https://slidesgo.com/campaign#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Campaign</span> </a> <a href="https://slidesgo.com/instagram#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Instagram</span> </a> <a href="https://slidesgo.com/social-media#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Social Media</span> </a> </div> </div> <div class="nav-industry-item group/industry"> <a href="https://slidesgo.com/themes" class="block p-2.5 rounded flex items-center justify-between hover:bg-gray-50 group-hover/industry:bg-gray-50 hover:font-semibold" > <span>Popular</span> <svg class="size-6 text-gray-800 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </a> <div class=" w-0 opacity-0 pointer-events-none group-hover/industry:w-40 group-hover/industry:opacity-100 group-hover/industry:pointer-events-auto overflow-hidden translate-x-full absolute pl-8 top-0 right-0 transition-opacity transition-duration-300 "> <a href="https://slidesgo.com/food#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Food</span> </a> <a href="https://slidesgo.com/nature#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Nature</span> </a> <a href="https://slidesgo.com/travel#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Travel</span> </a> <a href="https://slidesgo.com/water#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Water</span> </a> <a href="https://slidesgo.com/space#from_element=main_menu" class="w-full block p-2.5 rounded hover:bg-gray-50"> <span class="">Space</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="nav-industry-sibling-container flex flex-auto transition-all transition-duration-300"> <div class="w-40 shrink-0 box-content ml-10"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-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 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 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"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase" > By style </span> </div> <div class="my-1.5"> <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/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/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/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> <a href="https://slidesgo.com/professional#from_element=main_menu" data-option="explore.style.professional" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50 flex items-center"> <span>Professional</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> </div> </div> <div class="w-full box-content ml-10"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-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"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By color </span> </div> <div class="my-1.5 grid grid-rows-7 grid-flow-col"> <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/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/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/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> <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/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/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/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/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/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/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/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> </div> </div> <div class="w-72 shrink-0 box-content ml-10"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.33 17.9635c-.2373 0-.471-.0913-.6462-.2665l-5.96231-5.9623-5.96227 5.9623c-.26288.2592-.65355.3395-.993102.1971-.343205-.1424-.565923-.4746-.565923-.8434V2.37323C.200195 1.06613 1.26632 0 2.57342 0H12.8696c1.3071 0 2.3732 1.06613 2.3732 2.37323V17.0507c0 .3688-.2227.701-.5623.8434-.1132.0475-.2337.0694-.3505.0694Z"/></svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> Collections </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.slidesclass" data-gtm-event="main_menu" > <span class="h-6 flex items-center gap-1"> Slidesclass </span> <span class="block text-gray-700 leading-relaxed"> Ready-to-use slides for any subject to simplify your lesson planning </span> </a> <a href="https://slidesgo.com/disney#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.disney" data-gtm-event="main_menu" > <span class="h-6 flex items-center gap-1"> <svg class="size-4 text-transparent fill-current" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.2873 6.70059L12.6836 6.81558L12.9189 7.38326C14.0518 10.1155 12.7843 13.2399 10.0608 14.3692C7.32954 15.5017 4.20642 14.2355 3.07615 11.514C2.54296 10.1789 2.54334 8.71238 3.07732 7.37745L3.29875 6.82387L2.71505 6.70227C1.23465 6.39385 0.249645 4.9089 0.556141 3.43771L0.556213 3.43773L0.55782 3.42929C0.802189 2.14635 1.97071 1.21655 3.26787 1.21655C4.74853 1.21655 5.98079 2.39011 6.04228 3.86584L6.06871 4.50021L6.67921 4.32578C7.15298 4.19042 7.54277 4.12676 7.99695 4.12676C8.46221 4.12676 8.91685 4.19367 9.29394 4.31936L9.92397 4.52937L9.95162 3.86584C10.0131 2.3901 11.2454 1.21655 12.726 1.21655C14.2688 1.21655 15.5 2.4478 15.5 3.99053C15.5 5.2877 14.5702 6.45622 13.2873 6.70059Z" stroke="#0D0D0D"/> </svg> Disney <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New content </span> </span> <span class="block text-gray-700 leading-relaxed"> Templates with your favorite Disney and Pixar characters </span> </a> <a href="https://slidesgo.com/infographics#from_element=main_menu" class="block p-2.5 rounded hover:bg-gray-50" data-option="explore.featured.infographics" data-gtm-event="main_menu" > <span class="h-6 flex items-center gap-1"> Infographics </span> <span class="block text-gray-700 leading-relaxed"> Templates for turning data and information into visual presentations </span> </a> </div> </div> </div> </div> <a class="flex items-center w-fit text-base font-semibold text-purple-600 border-b border-transparent hover:border-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </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" > Education Hub </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"/> </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"/> </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-900"> <svg class="size-3 absolute right-2.5 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="absolute -translate-x-96 2xl:-translate-x-40 3xl:-translate-x-40 left-0 top-10 py-5 px-6 bg-white rounded shadow-top-menu" style="width: 66rem;" > <div class="flex justify-between"> <div class="w-full"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-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 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 d="M12.2185 1.35677V3.8681H14.7298L12.2185 1.35677Z"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By content type </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/coloring-page#from_element=main_menu" data-option="education_hub.by_content.coloring_page" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Coloring Page </span> </a> <a href="https://slidesgo.com/workshop#from_element=main_menu" data-option="education_hub.by_content.workshop" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Workshop </span> </a> <a href="https://slidesgo.com/about-me#from_element=main_menu" data-option="education_hub.by_content.about_me" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> About Me </span> </a> <a href="https://slidesgo.com/back-to-school#from_element=main_menu" data-option="education_hub.by_content.back_to_school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Back to School </span> </a> <a href="https://slidesgo.com/lesson#from_element=main_menu" data-option="education_hub.by_content.lesson" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Lesson </span> </a> <a href="https://slidesgo.com/thesis-defense#from_element=main_menu" data-option="education_hub.by_content.thesis_defense" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Thesis Defense </span> </a> <a href="https://slidesgo.com/printable#from_element=main_menu" data-option="education_hub.by_content.printable" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Printable </span> </a> </div> </div> <div class="pl-8 w-full"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15.7798 4.78992 8.24856.0711699c-.15197-.0952187-.34515-.0952187-.49712 0L.220188 4.78992C.0833125 4.87551 0 5.02567 0 5.18726c0 .1616.0833125.31175.220188.39735L7.75144 10.2721c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68749c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/><path d="m15.7798 10.4151-.7298-.45612-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 9.95898l-.729843.45612C.0833125 10.5007 0 10.6509 0 10.8125c0 .1616.0833125.3117.220188.3973l7.531252 4.7188c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.7188c.1369-.0856.2202-.2357.2202-.3973s-.0833-.3118-.2202-.3974Z"/><path d="m15.7798 7.60264-.7298-.45616-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 7.14648l-.729843.45616C.0833125 7.68823 0 7.83839 0 7.99998c0 .1616.0833125.31175.220188.39735L7.75144 13.0848c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68747c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/></svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By subject </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/history#from_element=main_menu" data-option="education_hub.by_subject.history" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> History </span> </a> <a href="https://slidesgo.com/science#from_element=main_menu" data-option="education_hub.by_subject.science" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Science </span> </a> <a href="https://slidesgo.com/art#from_element=main_menu" data-option="education_hub.by_subject.art" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Art </span> </a> <a href="https://slidesgo.com/math#from_element=main_menu" data-option="education_hub.by_subject.math" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Math </span> </a> <a href="https://slidesgo.com/biology#from_element=main_menu" data-option="education_hub.by_subject.biology" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Biology </span> </a> <a href="https://slidesgo.com/chemistry#from_element=main_menu" data-option="education_hub.by_subject.chemistry" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Chemistry </span> </a> <a href="https://slidesgo.com/geography#from_element=main_menu" data-option="education_hub.by_subject.geography" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Geography </span> </a> <a href="https://slidesgo.com/psychology#from_element=main_menu" data-option="education_hub.by_subject.psychology" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Psychology </span> </a> <a href="https://slidesgo.com/literature#from_element=main_menu" data-option="education_hub.by_subject.literature" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Literature </span> </a> </div> </div> <div class="pl-8 w-full"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-400 fill-current" viewBox="0 0 22 16" xmlns="http://www.w3.org/2000/svg"><path d="M17.0798 9.4978v2.7964c0 1.0157-.5979 1.9222-1.5236 2.3465-1.125.5142-2.8285 1.0735-4.905 1.0735-2.0764 0-3.77997-.5593-4.9114-1.0735-.91929-.4243-1.51714-1.3308-1.51714-2.3465V9.4978l4.57071 2.0893c.585.27 1.21503.405 1.85783.405.6429 0 1.2729-.135 1.8579-.405l4.5707-2.0893Z"/><path d="M19.6509 8.32153v4.17857c0 .3536-.2892.6429-.6428.6429s-.6429-.2893-.6429-.6429V8.91296l1.2857-.59143Z"/><path d="M9.32538 10.4197c.42107.1922.87302.2886 1.32552.2886.4526 0 .9039-.0958 1.3256-.2886l8.2099-3.75305c.4629-.2115.7503-.65957.7503-1.16936 0-.50978-.2874-.9585-.7503-1.17L11.9765.574936c-.8428-.385071-1.8077-.385071-2.65048 0L1.11545 4.32665c-.462859.21214-.750216.66022-.750216 1.17 0 .50979.287357.95786.750216 1.17l8.20993 3.75305Z"/></svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> By school level </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/pre-k#from_element=main_menu" data-option="education_hub.by_level.pre_k" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Pre-K </span> </a> <a href="https://slidesgo.com/elementary#from_element=main_menu" data-option="education_hub.by_level.elementary" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Elementary </span> </a> <a href="https://slidesgo.com/middle-school#from_element=main_menu" data-option="education_hub.by_level.middle_school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Middle School </span> </a> <a href="https://slidesgo.com/high-school#from_element=main_menu" data-option="education_hub.by_level.high_school" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> High School </span> </a> <a href="https://slidesgo.com/university#from_element=main_menu" data-option="education_hub.by_level.university" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> University </span> </a> </div> </div> <div class="pl-8 w-80 shrink-0"> <div class="pl-1.5 pb-1 flex items-center border-b border-gray-75"> <svg class="h-4.5 w-auto text-purple-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"/> </svg> <span class="text-gray-800 ml-2 text-base font-semibold whitespace-nowrap uppercase"> Featured resources </span> </div> <div class="my-1.5"> <a href="https://slidesgo.com/ai#from_element=main_menu" data-option="education_hub.featured.ai_tools" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> AI tools for education </span> <span class="block text-gray-700 leading-relaxed"> Start creating with AI, for teachers and students </span> </a> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" data-option="education_hub.featured.slidesclass" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Slidesclass </span> <span class="block text-gray-700 leading-relaxed"> Ready-to-use slides for any subject to simplify your lesson planning </span> </a> <a href="https://slidesgo.com/smartick#from_element=main_menu" data-option="education_hub.featured.smartick" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Smartick </span> <span class="block text-gray-700 leading-relaxed"> Discover the world of mathematics like never before with Smartick! </span> </a> <a href="https://slidesgo.com/teacher-toolkit#from_element=main_menu" data-option="education_hub.featured.teacher_toolkit" data-gtm-event="main_menu" class="block p-2.5 rounded hover:bg-gray-50" > <span class="block h-6"> Teacher Toolkit </span> <span class="block text-gray-700 leading-relaxed"> Ready-to-edit educational materials </span> </a> </div> </div> </div> <a class="flex items-center w-fit text-base font-semibold text-purple-600 border-b border-transparent hover:border-purple-600" href="https://slidesgo.com/education" > Explore all education templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </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"/> </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"/> </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-900"> <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"/> </svg> <div class="absolute top-10 left-0 w-max" style="max-width: 388px" > <div class="flex w-full lg:w-screen-lg bg-white rounded shadow-top-menu" > <div class="w-full flex my-5 mx-7"> <div class="flex flex-col"> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.school" data-gtm-event="main_menu" onclick="gtm.navbarGtm('tutorial', '{{ route('school') }}')" href="https://slidesgo.com/slidesgo-school" target="_self" > <span class="block h-6">Blog</span> <span class="block text-gray-700 leading-relaxed">Articles and other resources</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.powerpoint_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials" target="_self" > <span class="block h-6">PowerPoint Tutorials</span> <span class="block text-gray-700 leading-relaxed">Learn how to work with Microsoft PowerPoint</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.google_slides_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/google-slides-tutorials" target="_self" > <span class="block h-6">Google Slides Tutorials</span> <span class="block text-gray-700 leading-relaxed">Discover the secrets of Google Slides</span> </a> <a class="block p-2.5 rounded hover:bg-gray-50" data-option="learn.presentation_tips" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/presentation-tips" target="_self" > <span class="block h-6">Presentation Tips</span> <span class="block text-gray-700 leading-relaxed">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.community" data-gtm-event="main_menu" onclick="gtm.navbarGtm('academy', 'https://www.facebook.com/groups/1129415331402945')" href="https://www.facebook.com/groups/1129415331402945" target="_blank" > <span class="block h-6">Slidesgo Teacher Community</span> <span class="block text-gray-700 leading-relaxed">Join a global community of teachers and educators sharing tips and tools</span> </a> </div> </div> </div> </div> </div> </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/><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"/></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"/> </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 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 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"/><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></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"/></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 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"/></svg> </button> </template> </div> <template x-if="showResults"> <div class="search-bar"> <template x-if="searchText.length > 0 && results.length"> <div class="absolute bg-white shadow-lg left-0 right-0 py-4 rounded-b-lg -ml-4 sm:ml-0 w-screen sm:w-auto sm:-mt-2" > <div> <template x-for="(result, key) in results"> <div @mouseover="resetOptionNavigation" @click="selectOption(result)" @keyup.enter="selectOption(result)" :class="key === selectedOption ? 'bg-gray-100' : ''" class="autocomplete-terms flex items-center text-left py-3 px-4 text-gray-600 hover:bg-gray-100 hover:cursor-pointer"> <span :class="result.fromHistory ? 'highlighted' : ''" x-html="result.highlightResult"></span> </div> </template> <template x-if="templates.length"> <div class="hidden sm:block border-t border-gray-100 mt-3 pt-3 px-4"> <h3 class="text-left font-bold text-gray-800 mb-2">Templates</h3> <div class="grid sm:grid-cols-3 lg:grid-cols-2 gap-4 py-2"> <template x-for="(article, key) in templates"> <div class="last:hidden lg:last:flex flex justify-between"> <div class="w-full lg:w-4/12"> <a :href="article.url" class="block relative aspect-w-16 aspect-h-9"> <template x-if="article.premium && !article.xl"> <span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1"> <img src="/images/icons/premium.svg" class="h-2 w-2"> </span> </template> <template x-if="article.xl"> <span class="h-4 w-4 rounded-sm bg-darkblue-500 bg-opacity-75 flex items-center justify-center z-10 mb-1 absolute top-0 left-0 mt-1 ml-1"> <img src="/images/icons/premium-xl.svg" class="h-2 w-2"> </span> </template> <img :src="article.thumb" class="absolute top-0 left-0 w-full h-full object-contain rounded" alt="related"> </a> </div> <div class="hidden lg:flex pl-2 w-8/12 flex-col justify-center"> <h3 class="truncate font-bold text-sm text-left"> <a :href="article.url" x-text="article.name" class="text-gray-700 no-underline hover:text-purple-700"></a> </h3> <p x-text="article.total_images +' slides'" class="text-gray-600 text-xs text-left"></p> </div> </div> </template> </div> </div> </template> </div> </div> </template> <template x-if="searchText.length === 0"> <div class="bg-white shadow-lg w-full p-4 fixed sm:absolute top-28 sm:top-auto left-0 w-screen sm:w-full sm:mt-2 sm:rounded" > <p class="text-left font-semibold mb-2 text-gray-900">Top searches</p> <div class="flex items-center mb-4 overflow-auto sm:flex-wrap"> <a href="https://slidesgo.com/search?q=aesthetic#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > aesthetic </a> <a href="https://slidesgo.com/search?q=simple#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > simple </a> <a href="https://slidesgo.com/search?q=history#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > history </a> <a href="https://slidesgo.com/search?q=school#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > school </a> <a href="https://slidesgo.com/search?q=minimalist#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > minimalist </a> <a href="https://slidesgo.com/search?q=christmas#rs=topsearches" class="cursor-pointer text-sm text-gray-900 flex items-center px-3 py-1 mr-2 mb-2 rounded whitespace-nowrap border border-gray-300 hover:border-gray-900 active:bg-gray-100" > christmas </a> <a href="https://slidesgo.com/search?q=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> </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=december#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/28354828/daily-calendar-2023-december1669372555.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">december</h4> <p class="text-gray-600 text-left text-xs">75 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=advent#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/52035516/first-advent-sunday1713263444.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">advent</h4> <p class="text-gray-600 text-left text-xs">5 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=albania#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/52166765/travel-guide-albania1713424055.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/52166765/travel-guide-albania1713424055.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/52166765/travel-guide-albania1713424055.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">albania</h4> <p class="text-gray-600 text-left text-xs">46 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=ai+technology#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/28642471/ai-tech-agency-infographics1669823813.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/28642471/ai-tech-agency-infographics1669823813.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/28642471/ai-tech-agency-infographics1669823813.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">ai technology</h4> <p class="text-gray-600 text-left text-xs">200 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=thankgiving#rs=collections-trending-searches" > <div class="w-1/2 pr-2 mr-1 shrink-0 sm:w-2/5"> <div class="aspect-w-16 aspect-h-9"> <img class="rounded absolute left-0 top-0 z-20" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg"/> <div class="absolute -top-1 scale-95 h-full bg-gray-200 rounded z-10 overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg"/> </div> <div class="absolute -top-2 scale-90 h-full bg-gray-100 rounded overflow-hidden"> <img class="absolute top-0 left-0 w-full h-full transition-all duration-300 rounded opacity-50 blur-lg" src="https://media.slidesgo.com/storage/12547295/COVER-Thanksgiving-Brochure-by-Slidesgo.jpg"/> </div> </div> </div> <div class="w-1/2 sm:w-auto"> <h4 class="font-semibold text-gray-900 mb-1 text-sm text-left group-hover:text-purple-700 capitalize">thankgiving</h4> <p class="text-gray-600 text-left text-xs">5 templates</p> </div> </a> <a class="shrink-0 w-2/3 sm:w-auto flex items-center group cursor-pointer mr-3 sm:mr-0" href="https://slidesgo.com/search?q=winter+wonderland#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/32443330/winter-wonderland-theme-mk-plan1678710406.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/32443330/winter-wonderland-theme-mk-plan1678710406.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/32443330/winter-wonderland-theme-mk-plan1678710406.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">winter wonderland</h4> <p class="text-gray-600 text-left text-xs">26 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-900 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"/> </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"/> </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"/> </svg> <div class="absolute -translate-x-11 top-10 w-max" > <div class="flex w-full lg:w-screen-lg bg-white rounded shadow-top-menu" > <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-700">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-700">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-700">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-700">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-700">Free videos and motion graphics</span> </a> </div> </div> </div> </div> </div> <div class="relative group p-2.5 py-3 cursor-pointer"> <div class="flex items-center"> <div class="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"> Plans & Pricing </span> </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-900"> <svg class="h-3 w-3 absolute right-1/2 translate-x-1/2 mr-0.5 -bottom-1 text-white fill-current"> <use xlink:href="#icon-nav-caret-dropdown-menu"/> </svg> <div class="fixed left-1/2 -translate-x-1/2 w-10/12 sm:left-auto sm:w-[388px] sm:translate-x-0 sm:absolute sm:right-0 top-10 py-5 px-6 bg-white rounded shadow-top-menu" > <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="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Pricing</span> </div> <span class="text-gray-700">Discover benefits of Premium plan</span> </a> <a href="https://slidesgo.com/for-education-contact-us" class="block p-2.5 rounded hover:bg-gray-50"> <div> <span>Slidesgo for Schools and Districts</span> </div> <span class="text-gray-700">Save money when your school buys together</span> </a> </div> </div> </div> </div> </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.article" 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/><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"/></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"/> </svg> </div> </div> </div> </div> </header> </div> <main x-data="{ activeVariant: '', defaultFormat: 'sixteentonine', activeFormat: 'sixteentonine', variantWepikEditables: [] }" @slide-color-change-9211.window="activeVariant = $event.detail.variantId" id="slide" class="sixteentonine mt-14 pb-16 relative flex flex-col sm:z-0 sm:mt-0" data-slug="dutlo-sticky-notes-style-my-first-day" data-premium="" data-format="sixteentonine" > <div class="container mx-auto px-4 pt-4 sm:pt-8 pb-12 sm:pb-20"> <div class="hidden flex-col justify-between sm:flex sm:mb-4"> <div data-gi="article-header"> <h3 class="flex text-2xl sm:text-5xl font-bold text-gray-900 font-title leading-tight items-baseline"> Dutlo Sticky Notes Style - My First Day </h3> </div> </div> <div class="flex flex-col sm:flex-row -mx-4 pt-2 sm:pt-0"> <div class="flex flex-col w-full sm:w-8/12 lg:w-4/6 px-4"> <div class="iframe-article swiper-template group z-0"> <style> .swiper-container-previews-image { min-height:140px; } @media (min-width: 576px) { .swiper-container-previews-image { min-height: 190px; } } @media (min-width: 768px) { .swiper-container-previews-image { min-height: 270px; } } @media (min-width: 992px) { .swiper-container-previews-image { min-height: 350px; } } @media (min-width: 1200px) { .swiper-container-previews-image { min-height: 427px; } } @media (min-width: 1400px) { .swiper-container-previews-image { min-height: 506px; } } </style> <button class="swiper-zoom swiper-zoom-close absolute bg-gray-800 bg-opacity-75 z-20 rounded-full top-0 right-0 mt-3 mr-24 opacity-0 transition duration-300 h-8 w-8 flex items-center justify-center hover:bg-opacity-100 hidden focus:outline-none"> <svg alt="Close icon" loading="lazy" class="fill-current h-6 w-6 text-white" 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 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"/></svg></button> <div class="aspect-w-16 aspect-h-9 w-full relative z-0"> <div class="mx-auto overflow-hidden gallery-top absolute w-full group rounded-lg"> <div class="swiper-wrapper w-full h-full flex" id="swiper-container-previews"> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871513/conversions/0-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_459_258.jpg 459w" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto cover-image-9211" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871515/conversions/1-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871518/conversions/2-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871525/conversions/3-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871527/conversions/4-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871544/conversions/5-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871551/conversions/6-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871557/conversions/7-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871561/conversions/8-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871569/conversions/9-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871574/conversions/10-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871578/conversions/11-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871582/conversions/12-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871588/conversions/13-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871591/conversions/14-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871596/conversions/15-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871600/conversions/16-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871606/conversions/17-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871610/conversions/18-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871613/conversions/19-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871616/conversions/20-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871621/conversions/21-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_1119_629.jpg 1119w, https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871626/conversions/22-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871629/conversions/23-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871633/conversions/24-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_784_441.jpg 784w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871636/conversions/25-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871638/conversions/26-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871641/conversions/27-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871646/conversions/28-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871651/conversions/29-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871657/conversions/30-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871660/conversions/31-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_784_441.jpg 784w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871665/conversions/32-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871672/conversions/33-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871675/conversions/34-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871678/conversions/35-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871683/conversions/36-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871685/conversions/37-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871689/conversions/38-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871694/conversions/39-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871697/conversions/40-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871700/conversions/41-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871703/conversions/42-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871707/conversions/43-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871712/conversions/44-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871714/conversions/45-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871718/conversions/46-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871719/conversions/47-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871723/conversions/48-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871724/conversions/49-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871726/conversions/50-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871729/conversions/51-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871731/conversions/52-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871735/conversions/53-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871740/conversions/54-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871746/conversions/55-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871748/conversions/56-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871750/conversions/57-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871753/conversions/58-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871757/conversions/59-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871761/conversions/60-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871766/conversions/61-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871768/conversions/62-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871773/conversions/63-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871776/conversions/64-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871778/conversions/65-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871781/conversions/66-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871785/conversions/67-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871790/conversions/68-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871795/conversions/69-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_384_216.jpg 384w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871799/conversions/70-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871802/conversions/71-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871804/conversions/72-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_655_368.jpg 655w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871807/conversions/73-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871809/conversions/74-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871812/conversions/75-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871815/conversions/76-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871819/conversions/77-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871822/conversions/78-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_784_441.jpg 784w, https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871825/conversions/79-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871828/conversions/80-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_784_441.jpg 784w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871830/conversions/81-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871834/conversions/82-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871836/conversions/83-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871838/conversions/84-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871841/conversions/85-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_548_308.jpg 548w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871845/conversions/86-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_459_258.jpg 459w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 w-full h-full flex justify-center relative overflow-hidden mr-2 sm:mr-0"> <div class="w-full h-full object-center object-contain rounded-lg z-10 swiper-lazy flex"> <img src="https://media.slidesgo.com/storage/37871849/conversions/87-first-day-of-school-thumb.jpg" srcset="https://media.slidesgo.com/storage/37871849/responsive-images/87-first-day-of-school___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871849/responsive-images/87-first-day-of-school___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871849/responsive-images/87-first-day-of-school___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871849/responsive-images/87-first-day-of-school___media_library_original_937_527.jpg 937w" loading="lazy" class="swiper-container-previews-image m-auto rounded border border-gray-200 object-contain h-full w-auto" alt="Dutlo Sticky Notes Style - My First Day presentation template " onload="this.onload=null;this.sizes=Math.ceil(this.getBoundingClientRect().width/window.innerWidth*100)+'vw';" /> </div> <div class="swiper-lazy-preloader"></div> </div> </div> <button class="swiper-zoom absolute bg-gray-800 bg-opacity-75 z-20 rounded-full top-0 right-0 mt-3 mr-4 opacity-0 transition duration-300 h-6 sm:h-8 w-6 sm:w-8 hidden sm:flex items-center justify-center group-hover:opacity-100 focus:outline-none"> <svg alt="full screen button" class="fill-current h-3 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M1 342a25 25 0 01-25-25v-86a65 65 0 0165-65h86a25 25 0 110 50H41a15 15 0 00-15 15v86a25 25 0 01-25 25zm412 0a25 25 0 01-25-25v-86a15 15 0 00-15-15h-86a25 25 0 110-50h86a65 65 0 0165 65v86a25 25 0 01-25 25zm-40 286h-86a25 25 0 110-50h86a15 15 0 0015-15v-86a25 25 0 1150 0v86a65 65 0 01-65 65zm-246 0H41a65 65 0 01-65-65v-86a25 25 0 1150 0v86a15 15 0 0015 15h86a25 25 0 110 50z"/></svg> </button> <div class="swiper-pagination absolute top-0 mx-auto ml-4 mt-3 text-white h-6 sm:h-8 hidden sm:flex items-center justify-center text-xs sm:text-sm w-10 sm:w-16 text-center rounded uppercase z-20 opacity-0 bg-gray-800 bg-opacity-75 transition-opacity duration-300 group-hover:opacity-100"></div> <button type="button" class="swiper-button-next cursor-pointer absolute z-10 top-0 right-0 justify-end h-full w-20 hidden sm:flex items-center p-2 m-0 opacity-0 transition duration-300 focus:outline-none group-hover:opacity-100 rounded-tr-lg rounded-br-lg"> <svg class="w-9 h-9 text-gray-800 shadow bg-white rounded-full p-1.5 border border-gray-100 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-65 141 512 512" style="enable-background:new -49 141 512 512;" xml:space="preserve"> <path id="XMLID_13_" d="M262.145,397L98.822,560.323c-9.763,9.763-9.763,25.592,0,35.355c9.764,9.763,25.592,9.763,35.355,0l181-181 c4.882-4.881,7.323-11.279,7.323-17.677s-2.441-12.796-7.322-17.678l-181-181c-9.764-9.763-25.592-9.763-35.355,0 s-9.763,25.592,0,35.355L262.145,397z"/></svg> </button> <button type="button" class="swiper-button-prev cursor-pointer absolute z-10 top-0 left-0 h-full w-20 hidden sm:flex items-center p-2 m-0 opacity-0 transition duration-300 focus:outline-none group-hover:opacity-100 rounded-tl-lg rounded-bl-lg"> <svg class="w-9 h-9 text-gray-800 shadow bg-white rounded-full p-1.5 border border-gray-100 fill-current" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-35 141 512 512" style="enable-background:new -49 141 512 512;" xml:space="preserve"><path id="XMLID_12_" d="M151.856,397l163.322-163.322c9.763-9.763,9.763-25.592,0-35.355c-9.764-9.763-25.592-9.763-35.355,0 l-181,181C93.941,384.203,91.5,390.602,91.5,397s2.441,12.796,7.322,17.678l181,181c9.764,9.763,25.592,9.763,35.355,0 s9.763-25.592,0-35.355L151.856,397z"/></svg> </button> </div> </div> <div class="relative"> <div class="hidden sm:block mx-auto overflow-hidden" id="swiper-container-thumbs"> <div class="swiper-wrapper relative h-full w-full flex"> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871513/responsive-images/0-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871515/responsive-images/1-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871518/responsive-images/2-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871525/responsive-images/3-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871527/responsive-images/4-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871544/responsive-images/5-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871551/responsive-images/6-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" style="min-width: 95px;" onload="this.onload=null;this.style.minWidth = null" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871557/responsive-images/7-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871561/responsive-images/8-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871569/responsive-images/9-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871574/responsive-images/10-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871578/responsive-images/11-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871582/responsive-images/12-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871588/responsive-images/13-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871591/responsive-images/14-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871596/responsive-images/15-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871600/responsive-images/16-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871606/responsive-images/17-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871610/responsive-images/18-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871613/responsive-images/19-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871616/responsive-images/20-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871621/responsive-images/21-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871626/responsive-images/22-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871629/responsive-images/23-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871633/responsive-images/24-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871636/responsive-images/25-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871638/responsive-images/26-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871641/responsive-images/27-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871646/responsive-images/28-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871651/responsive-images/29-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871657/responsive-images/30-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871660/responsive-images/31-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871665/responsive-images/32-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871672/responsive-images/33-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871675/responsive-images/34-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871678/responsive-images/35-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871683/responsive-images/36-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871685/responsive-images/37-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871689/responsive-images/38-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871694/responsive-images/39-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871697/responsive-images/40-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871700/responsive-images/41-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871703/responsive-images/42-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871707/responsive-images/43-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871712/responsive-images/44-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871714/responsive-images/45-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871718/responsive-images/46-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871719/responsive-images/47-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871723/responsive-images/48-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871724/responsive-images/49-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871726/responsive-images/50-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871729/responsive-images/51-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871731/responsive-images/52-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871735/responsive-images/53-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871740/responsive-images/54-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871746/responsive-images/55-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871748/responsive-images/56-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871750/responsive-images/57-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871753/responsive-images/58-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871757/responsive-images/59-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871761/responsive-images/60-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871766/responsive-images/61-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871768/responsive-images/62-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871773/responsive-images/63-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871776/responsive-images/64-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871778/responsive-images/65-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871781/responsive-images/66-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871785/responsive-images/67-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871790/responsive-images/68-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871795/responsive-images/69-first-day-of-school___media_library_original_384_216.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871799/responsive-images/70-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871802/responsive-images/71-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871804/responsive-images/72-first-day-of-school___media_library_original_655_368.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871807/responsive-images/73-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871809/responsive-images/74-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871812/responsive-images/75-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871815/responsive-images/76-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871819/responsive-images/77-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871822/responsive-images/78-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871825/responsive-images/79-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871828/responsive-images/80-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871830/responsive-images/81-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871834/responsive-images/82-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871836/responsive-images/83-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871838/responsive-images/84-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871841/responsive-images/85-first-day-of-school___media_library_original_548_308.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871845/responsive-images/86-first-day-of-school___media_library_original_459_258.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> <div class="swiper-slide shrink-0 h-full w-auto cursor-pointer bg-white relative" style="margin-right: 10px"> <img loading="lazy" src="https://media.slidesgo.com/storage/37871849/responsive-images/87-first-day-of-school___media_library_original_937_527.jpg" alt="Dutlo Sticky Notes Style - My First Day presentation template " class="h-full w-auto transition duration-300 rounded" /> <div class="swiper-lazy-preloader"></div> </div> </div> <div class="swiper-button-next-thumbs w-10 absolute top-6 -right-4 -mr-1 z-20 hidden lg:flex items-center justify-center"> <button class="w-7 h-7 rounded-full shadow flex items-center justify-center bg-white transition duration-300 hover:shadow-md focus:outline-none text-gray-800 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"/></svg> </button> </div> <div class="swiper-button-prev-thumbs w-10 absolute top-6 -left-4 -mr-1 z-20 hidden lg:flex items-center justify-center"> <div class="w-7 h-7 rounded-full shadow flex items-center justify-center bg-white transition duration-300 hover:shadow-md focus:outline-none text-gray-800 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"/></svg> </div> </div> </div> </div> <style> .iframe-article.fullscreen .blurred-image { display: none; } </style> <script> // preload second image document.addEventListener("DOMContentLoaded", () => { document.querySelectorAll('#swiper-container-previews .swiper-slide img')[1]?.removeAttribute('loading') }); </script> </div> <div class="flex justify-between flex-wrap flex-col"> <div class="flex items-center my-4 sm:mb-4 justify-center w-full sm:justify-start"> <div wire:snapshot="{"data":{"slide":[[],{"key":9211,"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":true,"slideNewDetailView":true,"showTitle":true,"mainCategories":""},"memo":{"id":"FSpeHhhGbuwmDciVgg7L","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"6c4731f3e61f6621e687853b8a596550215821975f07bb66435dd967b15693ab"}" wire:effects="[]" wire:id="FSpeHhhGbuwmDciVgg7L" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-my-first-day', isFavorite = ''" > <div class="flex items-center relative lg:mt-0 z-[5]"> <button aria-label="Like button" class="flex items-center rounded h-8 px-4 py-2 mr-2 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100 lg:mr-4" onclick=" gtm.addToFavorites('', '', 'resource_detail', '9211', 'Dutlo Sticky Notes Style - My First Day'); " x-data @click="$dispatch('show-guest-favorite-modal')" type="button" aria-label="Favorite button" > <svg alt="Heart icon" class="fill-current w-3 h-3 mr-2 fill-current" 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"/></svg> <span>Like</span> </button> </div> <template x-teleport='#slidesgo-modal-teleport'> <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-data="{ modalOpen: false, closeable : 1, ...{} }" x-ref="self" x-on:keyup.escape.window="!closeable ? modalOpen = false : ''" > <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 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"/></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.article" 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="{show: false}" class="relative z-[5]"> <button aria-label="Share icon" x-on:click="show = !show" class="flex items-center rounded h-8 px-4 py-2 mr-2 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100 lg:mr-4"> <svg alt="Share icon" class="w-3 h-3 mr-2 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M358 463a94.7 94.7 0 00-69 29.8l-140.4-74.7a95 95 0 000-42.2L289 301.1A95.1 95.1 0 10358 141a95.1 95.1 0 00-92.5 116L125 331.9A95.1 95.1 0 1056 492a94.7 94.7 0 0069-29.8l140.3 74.7A95 95 0 10358 463zm0-272a45 45 0 11-.1 90.1 45 45 0 01.1-90.1zM56 442a45 45 0 11.1-90.1A45 45 0 0156 442zm302 161a45 45 0 11.1-90.1 45 45 0 01-.1 90.1z"/></svg> Share </button> <div x-cloak x-show="show" class="absolute top-0 -translate-x-1/2 border border-gray-100 mt-10 bg-white rounded p-2 shadow-xl flex duration-300 gap-2 sm:left-0" @click.outside="show = false"> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "facebook"); window.socialShare({ platform: "facebook", shareImage: false, }); ' class="h-12 w-12 sm:w-auto sm:h-auto rounded flex items-center justify-center p-2 sm:px-4 sm:py-2 focus:outline-none bg-facebook text-white" > <svg alt="Facebook" class="h-4 sm:h-3.5 w-4 sm:w-3.5 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M16 8C16 3.5813 12.4187 0 8 0C3.5813 0 0 3.5813 0 8C0 11.9937 2.925 15.3031 6.75 15.9031V10.3125H4.7188V8H6.75V6.2375C6.75 4.2328 7.9438 3.125 9.7719 3.125C10.6469 3.125 11.5625 3.2812 11.5625 3.2812V5.25H10.5531C9.5594 5.25 9.25 5.8672 9.25 6.5V8H11.4688L11.1141 10.3125H9.25V15.9031C13.075 15.3031 16 11.9937 16 8Z" fill="white"/> <path d="M11.114 10.3125L11.4688 8H9.24995V6.5C9.24995 5.8672 9.55935 5.25 10.5531 5.25H11.5625V3.2812C11.5625 3.2812 10.6469 3.125 9.77185 3.125C7.94375 3.125 6.74995 4.2328 6.74995 6.2375V8H4.71875V10.3125H6.74995V15.9031C7.15775 15.9672 7.57495 16 7.99995 16C8.42495 16 8.84215 15.9672 9.24995 15.9031V10.3125H11.114Z" fill="#1877F2"/> </svg> <span class="font-bold hidden xl:block text-xs xl:ml-2">Facebook</span> </button> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "twitter"); window.socialShare({ platform: "twitter", shareImage: false, }); ' class="h-12 w-12 sm:w-auto sm:h-auto rounded flex items-center justify-center p-2 sm:px-4 sm:py-2 focus:outline-none bg-twitter border border-black text-black" > <?xml version="1.0" encoding="utf-8"?>  <svg alt="Twitter" class="h-4 sm:h-3.5 w-4 sm:w-3.5 fill-current" 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"/> </g> </svg> <span class="font-bold hidden xl:block text-xs xl:ml-2">Twitter</span> </button> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "pinterest"); window.socialShare({ platform: "pinterest", shareImage: false, image: "https://media.slidesgo.com/storage/21992158/first-day-of-school1654513878-promotion.png", description: ""Mom, I don't wanna go to school", "Nonsense, you're the principal!" While you're at it, customize this template in Google Slides or PPT!", }); ' class="h-12 w-12 sm:w-auto sm:h-auto rounded flex items-center justify-center p-2 sm:px-4 sm:py-2 focus:outline-none sm:hidden bg-pinterest text-white" > <svg alt="Pinterest" class="h-4 w-4 fill-current" 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" /></svg> </button> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "linkedin"); window.socialShare({ platform: "linkedin", shareImage: false, }); ' class="h-12 w-12 sm:w-auto sm:h-auto rounded flex items-center justify-center p-2 sm:px-4 sm:py-2 focus:outline-none bg-linkedin text-white" > <svg alt="Linkedin" class="h-4 sm:h-3.5 w-4 sm:w-3.5 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"> <path d="M13.6328 13.6326H11.2621V9.92001C11.2621 9.0347 11.2463 7.89503 10.0291 7.89503C8.79431 7.89503 8.60539 8.85961 8.60539 9.85555V13.6324H6.23468V5.99773H8.51056V7.04108H8.54242C8.77018 6.65166 9.0993 6.3313 9.49473 6.11412C9.89016 5.89695 10.3371 5.79109 10.7879 5.80783C13.1907 5.80783 13.6338 7.38829 13.6338 9.44438L13.6328 13.6326ZM3.55975 4.95413C3.28765 4.95418 3.02165 4.87354 2.79538 4.72241C2.56911 4.57128 2.39275 4.35645 2.28858 4.10508C2.18441 3.85372 2.15711 3.57711 2.21014 3.31023C2.26318 3.04335 2.39417 2.79819 2.58653 2.60575C2.7789 2.41332 3.02401 2.28225 3.29087 2.22911C3.55773 2.17598 3.83435 2.20318 4.08575 2.30726C4.33715 2.41134 4.55205 2.58764 4.70326 2.81385C4.85447 3.04006 4.9352 3.30604 4.93525 3.57813C4.93529 3.7588 4.89973 3.9377 4.83062 4.10463C4.76151 4.27155 4.66021 4.42323 4.53249 4.55101C4.40476 4.67878 4.2531 4.78014 4.0862 4.84931C3.9193 4.91848 3.74042 4.95409 3.55975 4.95413ZM4.7451 13.6326H2.37193V5.99773H4.7451V13.6326ZM14.8147 0.00109007H1.18066C0.871207 -0.00240211 0.573012 0.117105 0.351627 0.33335C0.130241 0.549596 0.00377671 0.844887 0 1.15434V14.8449C0.00364745 15.1545 0.130038 15.45 0.351416 15.6665C0.572793 15.8829 0.871053 16.0027 1.18066 15.9994H14.8147C15.1249 16.0033 15.424 15.8839 15.6462 15.6674C15.8685 15.4509 15.9957 15.1551 16 14.8449V1.15335C15.9956 0.843286 15.8683 0.547658 15.646 0.331418C15.4237 0.115178 15.1247 -0.00398749 14.8147 0.000101878" fill="white"/> </svg> <span class="font-bold hidden xl:block text-xs xl:ml-2">Linkedin</span> </button> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "whatsapp"); window.socialShare({ platform: "whatsapp", shareImage: false, }); ' class="h-12 w-12 sm:w-auto sm:h-auto rounded flex items-center justify-center p-2 sm:px-4 sm:py-2 focus:outline-none bg-whatsapp text-white" > <svg alt="Whatsapp" class="h-4 sm:h-3.5 w-4 sm:w-3.5 fill-current" viewBox="-23 -21 682 682.7" fill="#fff" xmlns="http://www.w3.org/2000/svg"><path d="M544.4 93A315 315 0 00320 0 317.6 317.6 0 0045.2 475.7L.2 640l168.2-44.1a316.8 316.8 0 00151.5 38.6h.2c174.7 0 317-142.3 317-317.1.1-84.8-32.8-164.5-92.7-224.4zM320 581h-.2c-47.3 0-93.6-12.8-134.1-36.8l-9.6-5.7-99.8 26.2 26.6-97.3-6.2-10A264 264 0 01320.2 53.5c70.4 0 136.5 27.5 186.3 77.4s77.2 116 77.1 186.4A264 264 0 01320.1 581zm144.5-197.5c-7.9-4-46.8-23.1-54.1-25.8-7.3-2.6-12.6-4-17.8 4-5.3 8-20.5 25.8-25.1 31-4.7 5.4-9.3 6-17.2 2-8-3.9-33.5-12.3-63.7-39.3a239 239 0 01-44.1-54.9c-4.6-7.9 0-11.8 3.5-16.1a224.2 224.2 0 0019.8-27.1c2.6-5.3 1.3-10-.7-14-2-3.9-17.8-42.9-24.4-58.8-6.4-15.4-13-13.3-17.8-13.6-4.7-.2-10-.2-15.2-.2-5.3 0-13.9 2-21.2 9.9-7.2 8-27.7 27-27.7 66s28.4 76.8 32.4 82c4 5.3 55.8 85.4 135.3 119.7 19 8.2 33.7 13 45.2 16.7 19 6 36.3 5.2 50 3.1 15.1-2.2 46.8-19.1 53.4-37.6 6.6-18.6 6.6-34.4 4.6-37.7-2-3.3-7.2-5.3-15.2-9.3zm0 0" fill-rule="evenodd"/></svg> <span class="font-bold hidden xl:block text-xs xl:ml-2">Whatsapp</span> </button> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "classroom"); window.socialShare({ platform: "classroom", title: "Dutlo Sticky Notes Style - My First Day", shareImage: false, }); ' class="h-12 w-12 sm:w-auto sm:h-auto rounded flex items-center justify-center p-2 sm:px-4 sm:py-2 focus:outline-none bg-g_classroom text-white sm:hidden" > <svg alt="Google Classroom" class="h-4 sm:h-3.5 w-4 sm:w-3.5 fill-current" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h21v21H0z"/><path fill="#F6BB16" d="M0 0h21v21H0z"/><path fill="#23A766" d="M1.75 1.75H19.2V19.2H1.75z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.512 10.744a.958.958 0 1 1-.734-1.77.958.958 0 0 1 .734 1.77ZM3.5 12.734c0-.847 1.39-1.534 2.683-1.534 1.294 0 2.684.687 2.684 1.534v.766H3.5v-.767ZM15.112 10.744a.957.957 0 1 1-.734-1.77.957.957 0 0 1 .734 1.77Zm-3.012 1.99c0-.847 1.39-1.534 2.683-1.534 1.294 0 2.684.687 2.684 1.534v.766H12.1v-.767Z" fill="#56BB8A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.928 9.905a1.247 1.247 0 0 1-1.633-.677 1.25 1.25 0 1 1 1.633.677ZM7 12.5c0-1.104 1.812-2 3.5-2s3.5.896 3.5 2.001v.999H7v-1Z" fill="#fff"/><path fill="#fff" d="M12.25 18h5.25v1.2h-5.25z"/></svg> <span class="font-bold hidden xl:block text-xs xl:ml-2">Google Classroom</span> </button> </div> </div> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "pinterest"); window.socialShare({ platform: "pinterest", shareImage: false, image: "https://media.slidesgo.com/storage/21992158/first-day-of-school1654513878-promotion.png", description: ""Mom, I don't wanna go to school", "Nonsense, you're the principal!" While you're at it, customize this template in Google Slides or PPT!", }); ' class="hidden sm:flex items-center rounded h-8 px-4 py-2 mr-2 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 hover:text-pinterest active:bg-gray-100 lg:mr-4" > <svg alt="Pinterest" class="h-4 w-4 fill-current" 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" /></svg> </button> <button onclick=' gtm.share("", "", "resource_detail", "9211", "Dutlo Sticky Notes Style - My First Day", "classroom"); window.socialShare({ platform: "classroom", title: "Dutlo Sticky Notes Style - My First Day", shareImage: false, }); ' class="hidden sm:flex items-center rounded h-8 px-4 py-2 mr-2 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100 lg:mr-4" > <svg alt="Google Classroom" class="h-4 sm:h-3.5 w-4 sm:w-3.5 fill-current" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h21v21H0z"/><path fill="#F6BB16" d="M0 0h21v21H0z"/><path fill="#23A766" d="M1.75 1.75H19.2V19.2H1.75z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.512 10.744a.958.958 0 1 1-.734-1.77.958.958 0 0 1 .734 1.77ZM3.5 12.734c0-.847 1.39-1.534 2.683-1.534 1.294 0 2.684.687 2.684 1.534v.766H3.5v-.767ZM15.112 10.744a.957.957 0 1 1-.734-1.77.957.957 0 0 1 .734 1.77Zm-3.012 1.99c0-.847 1.39-1.534 2.683-1.534 1.294 0 2.684.687 2.684 1.534v.766H12.1v-.767Z" fill="#56BB8A"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.928 9.905a1.247 1.247 0 0 1-1.633-.677 1.25 1.25 0 1 1 1.633.677ZM7 12.5c0-1.104 1.812-2 3.5-2s3.5.896 3.5 2.001v.999H7v-1Z" fill="#fff"/><path fill="#fff" d="M12.25 18h5.25v1.2h-5.25z"/></svg> <span class="font-bold hidden xl:block text-xs xl:ml-2">Google Classroom</span> </button> </div> </div> <div id="article_ads1" class="mt-6 border border-gray-200 relative"> <span class="bg-gray-600 text-2xs h-4 flex items-center px-2 rounded-tl-sm rounded-tr-sm text-white font-bold uppercase absolute right-0 top-0 -mt-4 -mr-px">Ads</span> </div> <div class="mt-4 sm:mt-6 relative z-0" data-gi="article-body"> <h1 class="flex text-3xl sm:text-5xl font-title font-bold text-gray-900 leading-tight items-baseline"> Dutlo Sticky Notes Style - My First Day Presentation </h1> <div class="justify-start mt-2 flex sm:hidden"> </div> <h2 class="text-2xl text-gray-800 leading-6 mt-2"> Free Google Slides theme, PowerPoint template, and Canva presentation template </h2> <div class="text-base leading-relaxed text-gray-700 mt-5 mb-4"> <p>It's the first day of school! How nervous you must feel, preparing yourself to learn lots of things and knowing your classmates and... Wait, are you the teacher? Oh, OK, then... We have a great template for you! Give your students a nice welcome and introduce yourself on these slides. We've opted for a funny touch, with backgrounds resembling pages of a notebook, many colorful stickers and a biiiig font for the titles. Oh, and there's a timetable. And a couple of graphs! And some mockups!</p> </div> <div class="prose prose--article mb-6"> <h3>Features of this template</h3> <ul> <li>100% editable and easy to modify</li> <li>35 different slides to impress your audience</li> <li>Contains easy-to-edit graphics such as graphs, maps, tables, timelines and mockups</li> <li>Includes 500+ icons and Flaticon’s extension for customizing your slides</li> <li>Designed to be used in Google Slides, Canva, and Microsoft PowerPoint</li> <li>16:9 widescreen format suitable for all types of screens</li> <li>Includes information about fonts, colors, and credits of the resources used</li> </ul> </div> <div x-data="{ open: false }" class="mt-4"> <h4 @click="open = true" class="text-gray-700 font-semibold text-xl cursor-pointer flex items-center mt-6 faqs-title"> <svg alt="learn more button" class="mr-2 w-3 h-3 text-gray-700 font-bold fill-current" x-cloak="" x-show="!open" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 372H232V191a25 25 0 00-50 0v181H1a25 25 0 000 50h181v181a25 25 0 0050 0V422h181a25 25 0 000-50z"/></svg> <svg alt="learn less button" class="mr-2 w-3 h-3 text-gray-700 fill-current" x-cloak="" x-show="open" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><path d="M413 422H1a25 25 0 010-50h412a25 25 0 010 50z"/></svg> FAQs </h4> <div x-cloak x-show="open" @click.outside="open = false" class="mt-3">   <p class="leading-normal mb-2"> <a href="https://slidesgo.com/faqs#howtousetemplate" class="faq-tutorial-modal-link text-gray-700 hover:underline flex items-start"> <svg class="fill-current h-4 w-4 mr-3 shrink-0 mt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0.976562 10.9766H16.6658L13.8212 13.8212C13.4398 14.2025 13.4398 14.8209 13.8212 15.2022C14.2026 15.5836 14.8209 15.5836 15.2023 15.2022L19.714 10.6905C19.8971 10.5074 20 10.259 20 10C20 9.74101 19.8971 9.49261 19.714 9.30945L15.2023 4.79773C14.8209 4.4164 14.2025 4.41636 13.8212 4.79773C13.4398 5.1791 13.4398 5.79742 13.8212 6.17878L16.6658 9.02339H0.976562C0.437188 9.02339 0 9.46062 0 9.99996C0 10.5393 0.437188 10.9766 0.976562 10.9766Z"/></svg> How can I use the template?</a> </p> <p class="leading-normal mb-2"> <a href="https://slidesgo.com/faqs#freetousetemplates" class="faq-tutorial-modal-link text-gray-700 hover:underline flex items-start"> <svg class="fill-current h-4 w-4 mr-3 shrink-0 mt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0.976562 10.9766H16.6658L13.8212 13.8212C13.4398 14.2025 13.4398 14.8209 13.8212 15.2022C14.2026 15.5836 14.8209 15.5836 15.2023 15.2022L19.714 10.6905C19.8971 10.5074 20 10.259 20 10C20 9.74101 19.8971 9.49261 19.714 9.30945L15.2023 4.79773C14.8209 4.4164 14.2025 4.41636 13.8212 4.79773C13.4398 5.1791 13.4398 5.79742 13.8212 6.17878L16.6658 9.02339H0.976562C0.437188 9.02339 0 9.46062 0 9.99996C0 10.5393 0.437188 10.9766 0.976562 10.9766Z"/></svg> Am I free to use the templates?</a> </p> <p class="leading-normal mb-2"> <a href="https://slidesgo.com/faqs#howtoattribute" class="faq-tutorial-modal-link text-gray-700 hover:underline flex items-start"> <svg class="fill-current h-4 w-4 mr-3 shrink-0 mt-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0.976562 10.9766H16.6658L13.8212 13.8212C13.4398 14.2025 13.4398 14.8209 13.8212 15.2022C14.2026 15.5836 14.8209 15.5836 15.2023 15.2022L19.714 10.6905C19.8971 10.5074 20 10.259 20 10C20 9.74101 19.8971 9.49261 19.714 9.30945L15.2023 4.79773C14.8209 4.4164 14.2025 4.41636 13.8212 4.79773C13.4398 5.1791 13.4398 5.79742 13.8212 6.17878L16.6658 9.02339H0.976562C0.437188 9.02339 0 9.46062 0 9.99996C0 10.5393 0.437188 10.9766 0.976562 10.9766Z"/></svg> How to attribute?</a> </p> <a href="https://slidesgo.com/faqs" id="see-all-faqs" class="faq-tutorial-modal-link text-purple-700 font-semibold inline-block text-base"> See all FAQs</a> </div> </div> </div> </div> <div class="w-full sm:w-4/12 lg:w-2/6 px-4 flex flex-col"> <div id="article_ads2" class="mb-8 border border-gray-200 relative"> <span class="bg-gray-600 text-2xs h-4 flex items-center px-2 rounded-tl-sm rounded-tr-sm text-white font-bold uppercase absolute right-0 top-0 -mt-4 -mr-px">Ads</span> </div> <div class="mt-10 sm:mt-0 sm:mb-8"> <h4 class="text-gray-900 text-xl font-semibold mb-4"> Combines with: </h4> <p class="mb-4 font-base text-gray-700">This template can be combined with this other one to create the perfect presentation:</p> <div class="flex relative justify-between flex-row sm:flex-col lg:flex-row w-full"> <div class="w-full"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day-infographics" class="block relative aspect-w-16 aspect-h-9"> <img src="https://media.slidesgo.com/storage/37871530/conversions/0-first-day-of-school-infographics-thumb.jpg" class="absolute top-0 left-0 w-full h-full object-contain rounded border border-gray-100" alt="Dutlo Sticky Notes Style - My First Day Infographics"> </a> </div> </div> </div> <div x-data="download( 9211, 'dutlo-sticky-notes-style-my-first-day', 'Dutlo Sticky Notes Style - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day/download', false, [], false, false, null, false, false, )" @slide-color-change-9211.window="colorHasChanged($event.detail);" class="flex items-start justify-evenly fixed sm:relative bottom-0 left-0 w-full py-4 bg-white sm:bg-transparent border-t border-gray-200 sm:h-auto sm:border-0 z-15 lg:z-[5] px-3 sm:p-0 sm:flex-col" > <div x-data="{ open: false }" class="w-full sm:mb-8 z-[5]"> <form x-ref="download_form" method="post" target="_blank" action="" @download-editable-confirmation.window="downloadEditableConfirmation()" @download-editable.window="downloadSlide('editor')"> <input type="hidden" name="_token" value="anonymous" autocomplete="off"> <button type="button" data-testid="download-btn" data-cy="download-template-button" @click="open = true" x-bind:class="{'bg-blue-600': open }" class="group transition-all duration-300 h-12 p-3 border-blue-500 bg-blue-500 text-white flex items-center rounded font-semibold text-lg w-full relative justify-center sm:justify-start md:justify-center hover:bg-blue-600 active:bg-blue-700" aria-label="Open download options" > <svg alt="download icon" class="fill-current text-white size-4.5 shrink-0 mr-2 hidden md:flex" 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 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"/></svg> <span class="hidden xl:flex"> Download this template</span> <span class="xl:hidden"> Download</span> <span x-bind:class="{'bg-blue-700': open }" class="transition-all duration-300 bg-blue-600 absolute right-0 h-full flex items-center justify-center px-4 rounded-r-lg sm:px-2.5 lg:px-4 group-hover:bg-blue-700 group-active:bg-blue-800" > <svg x-bind:class="open ? 'rotate-180' : ''" alt="icon caret" class="fill-current h-2.5 w-2.5 transform shrink-0" viewBox="0 0 11 8" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.732 1.156A1.231 1.231 0 0 0 9.598.4H1.267A1.225 1.225 0 0 0 .398 2.49L4.566 6.66c.24.24.555.358.869.358.314 0 .628-.117.869-.358l4.167-4.168c.349-.348.452-.879.26-1.335Z"/></svg> </span> </button> <div x-cloak x-show="open" @click.outside="open = false" class="absolute bg-white rounded-sm p-4 shadow-inner bottom-[70px] left-0 w-full sm:bottom-auto sm:z-10 xl:p-6 sm:shadow-xl"> <div class="flex flex-col justify-evenly sm:justify-center relative h-full gap-4 w-full"> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group relative bg-gray-75 hover:bg-gray-100 text-gray-900 h-12 px-2 rounded flex items-center justify-start" > <div class="absolute inset-x-0 -top-2 flex justify-center transition-all duration-300 opacity-0 group-hover:opacity-100"> <div class="bg-white px-4 py-1 text-xs whitespace-nowrap rounded-md shadow-md"> Download as a PowerPoint file </div> </div> <svg class="ml-6 size-5 shrink-0 text-gray-600 fill-current mr-2" alt="PowerPoint" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.0423 5.26562C15.7892 5.26562 15.584 5.46309 15.584 5.70666V8.35279C15.584 8.59635 15.7892 8.79382 16.0423 8.79382H18.7923C19.0455 8.79382 19.2507 8.59635 19.2507 8.35279C19.2506 6.64781 17.8142 5.26562 16.0423 5.26562Z" fill="#777777"/> <path d="M16.0416 9.67848C15.2822 9.67848 14.6666 9.08612 14.6666 8.35542V6.19531C12.9164 6.43487 11.6994 7.99435 11.9483 9.67848C12.1973 11.3626 13.818 12.5337 15.5682 12.2941C16.9781 12.1011 18.0859 11.0351 18.2865 9.67848H16.0416Z" fill="#777777"/> <path d="M12.661 0.950307C12.7703 1.03428 12.8337 1.16158 12.8333 1.29608V20.7011C12.8333 20.7234 12.8315 20.7458 12.828 20.7679C12.7895 21.0087 12.5555 21.1738 12.3053 21.1368L0.388672 19.3727C0.165149 19.3396 0.000106356 19.1545 2.0419e-05 18.9369V3.94221C-0.00199911 3.73515 0.145985 3.55463 0.355715 3.50824L12.2724 0.862117C12.4091 0.832802 12.5523 0.8653 12.661 0.950307ZM4.12502 14.9678C4.37819 14.9678 4.58336 14.7703 4.58336 14.5266V12.3215H5.95836C7.22401 12.3215 8.25001 11.3343 8.25001 10.1164V9.23442C8.25001 8.01658 7.22401 7.02933 5.95836 7.02933H4.12502C3.87189 7.02933 3.66667 7.2268 3.66667 7.47036V14.5267C3.66667 14.7703 3.87189 14.9678 4.12502 14.9678ZM4.58336 11.4396V7.9114H5.95836C6.71775 7.9114 7.33336 8.50376 7.33336 9.23446V10.1165C7.33336 10.8472 6.71775 11.4396 5.95836 11.4396H4.58336Z" fill="#777777"/> <path d="M21.541 19.376H12.3744C12.1212 19.376 11.916 19.1785 11.916 18.9349C11.916 18.6914 12.1212 18.4939 12.3744 18.4939H21.0827V3.49922H12.3744C12.1212 3.49922 11.916 3.30175 11.916 3.05818C11.916 2.81461 12.1212 2.61719 12.3744 2.61719H21.541C21.7941 2.61719 21.9993 2.81465 21.9993 3.05822V18.935C21.9993 19.1786 21.7942 19.376 21.541 19.376Z" fill="#777777"/> <path d="M18.7911 16.7336H12.3744C12.1212 16.7336 11.916 16.5362 11.916 16.2926C11.916 16.049 12.1212 15.8516 12.3744 15.8516H18.791C19.0441 15.8516 19.2494 16.049 19.2494 16.2926C19.2494 16.5362 19.0442 16.7336 18.7911 16.7336Z" fill="#777777"/> <path d="M18.7911 14.0852H12.3744C12.1212 14.0852 11.916 13.8877 11.916 13.6442C11.916 13.4006 12.1212 13.2031 12.3744 13.2031H18.791C19.0441 13.2031 19.2494 13.4006 19.2494 13.6442C19.2494 13.8878 19.0442 14.0852 18.7911 14.0852Z" fill="#777777"/> </svg> <span class="font-semibold">PowerPoint</span> </button> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group relative bg-gray-75 hover:bg-gray-100 text-gray-900 h-12 px-2 rounded flex items-center justify-start" > <div class="absolute inset-x-0 -top-2 flex justify-center transition-all duration-300 opacity-0 group-hover:opacity-100"> <div class="bg-white px-4 py-1 text-xs whitespace-nowrap rounded-md shadow-md"> Download and open in Google Slides </div> </div> <svg class="ml-6 size-5 shrink-0 text-gray-600 fill-current mr-2" alt="Google Slides" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.46145 0H17.1277C18.4872 0 19.5893 1.11669 19.5892 2.49414V17.3545C19.5892 18.7318 18.4872 19.8485 17.1277 19.8485H2.46145C1.10209 19.8485 0 18.7319 0 17.3545V2.49403C0 1.11669 1.10199 0 2.46145 0ZM4 5C3.44772 5 3 5.44772 3 6V14.72C3 15.2723 3.44772 15.72 4 15.72H15.85C16.4023 15.72 16.85 15.2723 16.85 14.72V6C16.85 5.44772 16.4023 5 15.85 5H4Z"/> </svg> <span class="font-semibold">Google Slides</span> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group relative bg-gray-75 hover:bg-gray-100 text-gray-900 h-12 px-2 rounded flex items-center justify-start" > <div class="absolute inset-x-0 -top-2 flex justify-center transition-all duration-300 opacity-0 group-hover:opacity-100"> <div class="bg-white px-4 py-1 text-xs whitespace-nowrap rounded-md shadow-md"> Download and open in Canva </div> </div> <svg class="ml-6 size-5 shrink-0 text-gray-600 fill-current mr-2" alt="Canva" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_9457_2126" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="22"> <circle cx="11" cy="11" r="11" fill="#D9D9D9"/> </mask> <g mask="url(#mask0_9457_2126)"> <mask id="mask1_9457_2126" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="-1" y="-1" width="23" height="23"> <path d="M22 -0.0625H-0.0625V22H22V-0.0625Z" fill="white"/> </mask> <g mask="url(#mask1_9457_2126)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1884 -3.45585C17.276 -3.45585 25.7798 -4.57974 26.0829 12.0527C26.1381 15.0669 26.3717 22.9866 23.3036 26.086C20.1765 29.2453 13.7176 27.556 10.6447 27.556C7.57188 27.556 -0.222764 29.686 -3.6209 26.086C-6.73719 22.7847 -5.70538 13.8709 -5.70538 10.9587C-5.70538 7.6922 -5.83956 -0.092896 -2.01542 -3.01681C1.28718 -5.54207 8.36702 -3.45629 11.1884 -3.45629V-3.45585Z" fill="#777777"/> <path d="M17.9601 11.721C17.9349 11.721 17.9119 11.7375 17.9002 11.7713C17.7482 12.2052 17.5428 12.4636 17.3734 12.4636C17.2762 12.4636 17.2371 12.3554 17.2371 12.1856C17.2371 11.7605 17.4916 10.8594 17.6197 10.4486C17.6344 10.3986 17.644 10.3543 17.644 10.3166C17.644 10.1971 17.5788 10.1385 17.4169 10.1385C17.2427 10.1385 17.0547 10.2067 16.8723 10.5263C16.8093 10.2445 16.6187 10.1211 16.3525 10.1211C16.0446 10.1211 15.7471 10.3192 15.5022 10.6405C15.2573 10.9619 14.9693 11.067 14.7531 11.0153C14.909 10.634 14.9667 10.3491 14.9667 10.1376C14.9667 9.80586 14.8026 9.60566 14.5381 9.60566C14.1351 9.60566 13.9032 9.98998 13.9032 10.3943C13.9032 10.7065 14.0448 11.0279 14.3566 11.1838C14.0956 11.7744 13.7143 12.3085 13.5697 12.3085C13.383 12.3085 13.3278 11.394 13.3382 10.7395C13.3448 10.3643 13.376 10.3448 13.376 10.2314C13.376 10.1663 13.3339 10.1216 13.1641 10.1216C12.768 10.1216 12.6456 10.4568 12.6269 10.842C12.6208 10.9884 12.5978 11.1334 12.5587 11.2745C12.3933 11.8651 12.0519 12.3129 11.8296 12.3129C11.7267 12.3129 11.6984 12.21 11.6984 12.0749C11.6984 11.6497 11.9364 11.1186 11.9364 10.6653C11.9364 10.3322 11.7905 10.1216 11.5152 10.1216C11.1912 10.1216 10.7622 10.5072 10.3566 11.2298C10.4899 10.6766 10.545 10.1407 10.1494 10.1407C10.0634 10.142 9.97962 10.1637 9.90406 10.2045C9.85238 10.2288 9.82068 10.2822 9.82415 10.3396C9.86193 10.9284 9.3495 12.4375 8.86356 12.4375C8.7754 12.4375 8.73241 12.342 8.73241 12.1874C8.73241 11.7618 8.98602 10.8624 9.11369 10.4507C9.1302 10.3973 9.13888 10.3513 9.13888 10.3113C9.13888 10.1984 9.06896 10.1407 8.91132 10.1407C8.73762 10.1407 8.54915 10.2067 8.36762 10.5263C8.30379 10.2445 8.11314 10.1211 7.84694 10.1211C7.41007 10.1211 6.92195 10.5832 6.70742 11.1855C6.42037 11.9898 5.84193 12.7662 5.06286 12.7662C4.35587 12.7662 3.98284 12.1778 3.98284 11.2485C3.98284 9.9066 4.96775 8.81008 5.69862 8.81008C6.04821 8.81008 6.21496 9.03243 6.21496 9.37376C6.21496 9.78675 5.98437 9.97913 5.98437 10.1363C5.98437 10.1845 6.02432 10.2319 6.10379 10.2319C6.42124 10.2319 6.79515 9.85884 6.79515 9.34988C6.79515 8.84092 6.38216 8.46875 5.65129 8.46875C4.44359 8.46875 3.22852 9.68383 3.22852 11.2407C3.22852 12.4796 3.83996 13.2266 4.89697 13.2266C5.61785 13.2266 6.24797 12.6659 6.58757 12.0115C6.62622 12.5539 6.87244 12.837 7.24765 12.837C7.5816 12.837 7.85128 12.6381 8.05756 12.289C8.13703 12.6546 8.34765 12.8336 8.62123 12.8336C8.93478 12.8336 9.19751 12.6347 9.44764 12.2655C9.44417 12.5556 9.51018 12.8288 9.76162 12.8288C9.88017 12.8288 10.0222 12.8014 10.0474 12.6976C10.3123 11.6028 10.9663 10.7087 11.1669 10.7087C11.2264 10.7087 11.2425 10.766 11.2425 10.8333C11.2425 11.1308 11.0327 11.7405 11.0327 12.13C11.0327 12.5504 11.2116 12.8288 11.5808 12.8288C11.9903 12.8288 12.4063 12.3272 12.6838 11.5946C12.7707 12.2794 12.9583 12.8318 13.2518 12.8318C13.6123 12.8318 14.2524 12.0732 14.6406 11.2698C14.7926 11.2889 15.021 11.2837 15.2408 11.1286C15.1474 11.3653 15.0922 11.6241 15.0922 11.883C15.0922 12.6286 15.4483 12.8375 15.7545 12.8375C16.0876 12.8375 16.3577 12.6386 16.5644 12.2894C16.6326 12.6047 16.8072 12.8331 17.1276 12.8331C17.6292 12.8331 18.0644 12.3207 18.0644 11.8999C18.0644 11.7887 18.017 11.721 17.9614 11.721H17.9601ZM7.55164 12.4245C7.34927 12.4245 7.2698 12.2204 7.2698 11.9164C7.2698 11.3883 7.63111 10.5063 8.01326 10.5063C8.18002 10.5063 8.24342 10.703 8.24342 10.9432C8.24342 11.4795 7.89992 12.4245 7.55207 12.4245H7.55164ZM14.4882 10.8481C14.3674 10.7044 14.3236 10.5085 14.3236 10.3339C14.3236 10.119 14.4022 9.937 14.4964 9.937C14.5907 9.937 14.6198 10.0299 14.6198 10.1589C14.6198 10.3747 14.5425 10.69 14.4886 10.8481H14.4882ZM16.0589 12.4245C15.8565 12.4245 15.7771 12.19 15.7771 11.9164C15.7771 11.4066 16.1384 10.5063 16.5231 10.5063C16.6899 10.5063 16.7494 10.7013 16.7494 10.9432C16.7494 11.4795 16.412 12.4245 16.0589 12.4245Z" fill="white"/> </g> </g> </svg> <span class="font-semibold">Canva</span> </button> <h4 class="text-gray-800 text-sm font-semibold flex items-center" x-data="{ howToContributeOpen: false }" > <svg class="size-4 text-gray-300 mr-2 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.3 13.7a8 8 0 0011.4 0 8 8 0 000-11.4 8 8 0 00-11.4 0 8 8 0 000 11.4zM1.6 8a6.4 6.4 0 1112.9 0 6.4 6.4 0 01-13 0zm6.7 4.6a.8.8 0 01-.8-.8v-4h-.8a.8.8 0 010-1.5h1.6c.4 0 .8.3.8.7v4.8c0 .4-.4.8-.8.8zM7.1 4.4a1 1 0 101.8 0 1 1 0 00-1.8 0z"/></svg> Attribution required <span class="group relative ml-1 text-gray-500" @click="howToContributeOpen = !howToContributeOpen;" @click.outside="howToContributeOpen = false;" > <div class="absolute -inset-x-24 -top-8 flex justify-center transition-all duration-300 opacity-0 group-hover:opacity-100" :class="{'opacity-100': howToContributeOpen}"> <div class="bg-white px-4 py-1 text-xs text-center rounded-md shadow-md"> <p>If you are a free user, you must attribute Slidesgo by keeping the slide where the credits appear.</p> </div> </div> How to attribute? </span> </h4> </div> </div> </form> </div> <div x-data="{ open: false }" class="sm:mb-8 hidden sm:block"> <h4 @click="open = true" class="text-gray-900 text-xl font-semibold border border-gray-200 rounded bg-white p-4 ml-2 h-[50px] flex items-center justify-center sm:justify-start sm:h-auto sm:ml-0 sm:mb-4 sm:border-0 sm:p-0"> <span class="hidden sm:flex">Formats</span> <svg alt="Formats icon" class="fill-current w-6 h-6 shrink-0 text-gray-700 sm:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"> <path fill-rule="evenodd" d="M0 3.92a.65.65 0 101.3 0V1.7c0-.22.17-.4.39-.4h2.23a.65.65 0 100-1.29H1.7C.76 0 0 .76 0 1.69v2.23zm10.7 0a.65.65 0 101.3 0V1.7C12 .76 11.24 0 10.31 0H8.08a.65.65 0 100 1.3h2.23c.22 0 .4.17.4.39v2.23zM10.31 12H8.08a.65.65 0 110-1.3h2.23c.22 0 .4-.17.4-.39V8.08a.65.65 0 111.29 0v2.23c0 .93-.76 1.69-1.69 1.69zM1.7 12h2.23a.65.65 0 100-1.3H1.7a.39.39 0 01-.4-.39V8.08a.65.65 0 10-1.29 0v2.23C0 11.24.76 12 1.69 12z" clip-rule="evenodd"/> </svg> </h4> <div x-cloak x-show="open" @click.outside="open = false" class="dropdown-new-show absolute bg-white rounded-sm p-3 shadow-xl bottom-[70px] right-0 mr-3 flex justify-between sm:mr-0 sm:justify-start sm:p-0 sm:relative sm:bottom-auto sm:shadow-none sm:bg-transparent sm:left-auto sm:z-0"> <div class="flex flex-col justify-between items-start sm:flex-row sm:justify-start"> <button @click='activeFormat = "sixteentonine"; activeVariant = "";' data-slug="dutlo-sticky-notes-style-my-first-day" data-format="sixteentonine" class="format-selector rounded-full border flex items-center my-1.5 px-4 h-8 text-sm font-medium text-gray-900 hover:text-white hover:bg-gray-900 hover:border-gray-900 sm:my-0 sm:mr-2 xl:mr-4 active" > 16:9 </button> </div> </div> </div> <template x-teleport='#slidesgo-modal-teleport'> <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-data="{ modalOpen: false, closeable : 1, ...{} }" x-ref="self" x-on:keyup.escape.window="!closeable ? modalOpen = false : ''" > <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 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"/></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 3 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.article" 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="mt-10 sm:mt-0 sm:mb-8"> <h4 class="text-gray-900 text-xl font-semibold mb-4">Related posts on our blog</h4> <div class="flex mb-4 relative justify-between flex-col xl:flex-row"> <div class="w-full mb-4 xl:mb-0 xl:w-1/2"> <a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-add-duplicate-move-delete-or-hide-slides-in-google-slides" class="block relative aspect-w-16 aspect-h-9"> <img loading="lazy" alt="How to Add, Duplicate, Move, Delete or Hide Slides in Google Slides | Quick Tips & Tutorial for your presentations" class="object-contain absolute inset-0 rounded" srcset="https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_912_513.jpeg 912w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_763_429.jpeg 763w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_638_359.jpeg 638w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_534_300.jpeg 534w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_446_251.jpeg 446w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_373_210.jpeg 373w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_312_176.jpeg 312w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_261_147.jpeg 261w, https://media.slidesgo.com/storage/34299997/responsive-images/upload___media_library_original_218_123.jpeg 218w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgOTEyIDUxMyI+Cgk8aW1hZ2Ugd2lkdGg9IjkxMiIgaGVpZ2h0PSI1MTMiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBMW9ibUt3UjU1d05xZ25CcnlMWC9BSWhMcnVxWFZ2RE15QkNRRVd0djRpL0VQUzd5d2hrMDI2VXhFNGNBOXFpK0hQaHZTYnpYclhVa2c4K0NURzhZenpYbDRITG5RcHVWYUtkKzU3bWFjYzRmaUdFSlVlYW1yMnM5TGtQZ2Z4UmRhUmNLMHM3ZVNUeUhHSzl6MG03ajFtMmptaWJPNGRLaDFmNFY2WDRydkk0YldFVzBhNEpLakZlZ2VHUGhYQm9VRWV4eXlvTVlOZWRtSEYyQ3lxVG9LSHZSNkw5VDdYaHpFNG5ESnlrNzBaYkxxbWZsL0RLNXNsRzlzWjlhK3dmMmMwVnZEa1pLZ24zRkZGZmRZLzhBaHIxUDVkcmZ4YVgrTkh2M2cvOEE0L0p2clhvVnIveDdtaWl2NVl6My9rZFZ6K29zdi8zQ21mL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 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/34299997/upload.jpeg" width="912" height="513"> <span class="absolute inset-0 rounded border border-black opacity-5 pointer-events-none bg-white z-[1]"></span> </a> </div> <div class="xl:pl-4 xl:w-1/2"> <h3> <a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-add-duplicate-move-delete-or-hide-slides-in-google-slides" class="leading-relaxed text-gray-700 text-base font-semibold hover:text-purple-700"> How to Add, Duplicate, Move, Delete or Hide Slides in Google Slides </a> </h3> </div> </div> <div class="flex mb-4 relative justify-between flex-col xl:flex-row"> <div class="w-full mb-4 xl:mb-0 xl:w-1/2"> <a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-change-layouts-in-powerpoint" class="block relative aspect-w-16 aspect-h-9"> <img loading="lazy" alt="How to Change Layouts in PowerPoint | Quick Tips & Tutorial for your presentations" class="object-contain absolute inset-0 rounded" srcset="https://media.slidesgo.com/storage/27776600/responsive-images/upload___media_library_original_912_513.png 912w, https://media.slidesgo.com/storage/27776600/responsive-images/upload___media_library_original_763_429.png 763w, https://media.slidesgo.com/storage/27776600/responsive-images/upload___media_library_original_638_359.png 638w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgOTEyIDUxMyI+Cgk8aW1hZ2Ugd2lkdGg9IjkxMiIgaGVpZ2h0PSI1MTMiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBNEg5blA5a1IvaUpQSU5USml4MEZmUWR2K3cvb1hnclVJN3RwemxEbk5la2ZBSDdONGIxQ1I3aVJZbHgzNHJyL0FJamVMYmU5dVdpaG5SNGozQnJoekhPTWJoY0RPYzdLWGExejYvRjhQVXNEbVVhRkNMY1ZiVTgvaytHT2p6UXBFdHlQbEdPdGVXZkZqd2VuaGpZSUhMbzNldlZOUFEvYU40bDNMbjFxbDhSdEhoMXExaUFJWndLK0k0VTRpeFAxK05URTRkY3NOZHJIZm0yYlliTGFMcDRyRnRLWHV1N3ZhL2RHSzBqUnd2dFlyOURpc0c0bmtaeG1SejlXTkZGZlZjUmZIRS9YSzM4Vm5VZUduWXdjc1Q5VFduY2tucWMvV2lpdkt3bndIK2UvaUwveU44VC9BSWovMlE9PSI+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/27776600/upload.png" width="912" height="513"> <span class="absolute inset-0 rounded border border-black opacity-5 pointer-events-none bg-white z-[1]"></span> </a> </div> <div class="xl:pl-4 xl:w-1/2"> <h3> <a href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials/how-to-change-layouts-in-powerpoint" class="leading-relaxed text-gray-700 text-base font-semibold hover:text-purple-700"> How to Change Layouts in PowerPoint </a> </h3> </div> </div> <div class="flex mb-4 relative justify-between flex-col xl:flex-row"> <div class="w-full mb-4 xl:mb-0 xl:w-1/2"> <a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-change-the-slide-size-in-google-slides" class="block relative aspect-w-16 aspect-h-9"> <img loading="lazy" alt="How to Change the Slide Size in Google Slides | Quick Tips & Tutorial for your presentations" class="object-contain absolute inset-0 rounded" srcset="https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_912_513.png 912w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_763_429.png 763w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_638_359.png 638w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_534_300.png 534w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_446_251.png 446w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_373_210.png 373w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_312_176.png 312w, https://media.slidesgo.com/storage/27776477/responsive-images/upload___media_library_original_261_147.png 261w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgOTEyIDUxMyI+Cgk8aW1hZ2Ugd2lkdGg9IjkxMiIgaGVpZ2h0PSI1MTMiIHhsaW5rOmhyZWY9ImRhdGE6aW1hZ2UvanBlZztiYXNlNjQsLzlqLzRBQVFTa1pKUmdBQkFRRUFZQUJnQUFELy9nQTdRMUpGUVZSUFVqb2daMlF0YW5CbFp5QjJNUzR3SUNoMWMybHVaeUJKU2tjZ1NsQkZSeUIyT0RBcExDQnhkV0ZzYVhSNUlEMGdPVEFLLzlzQVF3QURBZ0lEQWdJREF3TURCQU1EQkFVSUJRVUVCQVVLQndjR0NBd0tEQXdMQ2dzTERRNFNFQTBPRVE0TEN4QVdFQkVURkJVVkZRd1BGeGdXRkJnU0ZCVVUvOXNBUXdFREJBUUZCQVVKQlFVSkZBMExEUlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBOXIwblI1THE1ak9RdVRYcTJuK0I0YitCVk0rR0M1eFg1LzhBZ2Y4QWFoMVBWL0Y4YlNTaUsxejkwbXZxR3crT1dwMnFSWE1WdVpZbUhWZWMxNTlITGxtbFpyT294VXZzSnY4QUErM3piaU92bWMxVXdMZkxIYzBmaU44THJMVmtuZFhJbmk0QlBldlAvRHZ3WGthZnpKM3pIWHBGajhTRzhVbHhjMlJ0MGJrc1JWbUhWMWhqS1IvZDdWV2VjUTV2bE9GaGwyUVZVb2ZEWldiajZNK1JxWXJBWmFwWXpPN3Jxdk0vSnZSSFpMNklxeFU3aDBPSy9RNzRLcUp2QXRvWkFITzBjdHpSUlhtY2NmQlI5VGZoWCtKVTlEMGxva1d4RzFGSDBGUllBVmVLS0svTU9Idjk4bDh6dy9Gei9rVFI5VWYvMlE9PSI+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/27776477/upload.png" width="912" height="513"> <span class="absolute inset-0 rounded border border-black opacity-5 pointer-events-none bg-white z-[1]"></span> </a> </div> <div class="xl:pl-4 xl:w-1/2"> <h3> <a href="https://slidesgo.com/slidesgo-school/google-slides-tutorials/how-to-change-the-slide-size-in-google-slides" class="leading-relaxed text-gray-700 text-base font-semibold hover:text-purple-700"> How to Change the Slide Size in Google Slides </a> </h3> </div> </div> </div> </div> </div> <div class="mt-10"> <h4 class="text-gray-900 text-xl font-semibold mb-4">Tags</h4> <div class="flex items-center flex-wrap" data-gi="article-tags"> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/creative#rs=tags" > <svg alt="Creative" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Creative </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/white#rs=tags" > <svg alt="White" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> White </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/funny#rs=tags" > <svg alt="Funny" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Funny </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/colorful#rs=tags" > <svg alt="Colorful" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Colorful </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/education#rs=tags" > <svg alt="Education" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Education </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/kids#rs=tags" > <svg alt="Kids" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Kids </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/teacher#rs=tags" > <svg alt="Teacher" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Teacher </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/back-to-school#rs=tags" > <svg alt="Back to School" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Back to School </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/notebook#rs=tags" > <svg alt="Notebook" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Notebook </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/sticker#rs=tags" > <svg alt="Sticker" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Sticker </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/craft-notebook#rs=tags" > <svg alt="Craft & Notebook" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Craft & Notebook </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/teacher-toolkit#rs=tags" > <svg alt="Teacher Toolkit" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Teacher Toolkit </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/dutlo#rs=tags" > <svg alt="Dutlo" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Dutlo </a> <a class="flex items-center mr-2 mb-2 rounded-full h-8 px-4 text-sm text-gray-900 font-semibold border border-gray-300 hover:border-gray-900 active:bg-gray-100" href="https://slidesgo.com/editable-in-canva#rs=tags" > <svg alt="Editable in Canva" loading="lazy" class="h-4 w-4 mr-2 fill-current" 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"/></svg> Editable in Canva </a> </div> </div> </div> <div class="bg-gray-50 pt-12 pb-6 sm:pb-12 relative z-0"> <div class="container mx-auto px-6"> <h3 class="text-3xl font-semibold mb-4 text-gray-900"> Related presentations </h3> <div> <div id="related_grid" class="grid sm:grid-cols-2 lg:grid-cols-3 related -m-3"> <div class="p-3"> <div class="theme_post" data-id="14735" data-slug="dutlo-sticky-notes-style-my-first-day-infographics" @toggle-fav-14735.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-my-first-day-infographics', ["https:\/\/media.slidesgo.com\/storage\/37871530\/conversions\/0-first-day-of-school-infographics-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37871534\/conversions\/1-first-day-of-school-infographics-thumb.jpg"], 0, true, 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/dutlo-sticky-notes-style-my-first-day-infographics#position-1&related-1&rs=detail-related" x-on:click='handleEvents("14735", "Dutlo Sticky Notes Style - My First Day Infographics", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day-infographics#position-1&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-14735" 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="Dutlo Sticky Notes Style - My First Day Infographics presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/37871634/responsive-images/first-day-of-school-infographics1688372737___media_library_original_459_258.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErNlBpbjhTbThFQlc2ZzF4V2kvSEs4MTV0dHNvWTEwbnhVOERONDRnUmNFWXJnTkgrQ3Q5bzBtNjNrWlBwWHdsYkdVcGN6NXBjM1RzZlFVWnlwcUs5bkZyejNPNXVmaUJxaVJSNVRERTlxN1BRdFlUVzdkRWttWHppT1V6elhuMmtlRTcreXV0bDJ6VGc5TTExSGhMd0tiTFhIdjJtY1ovZ0o0cjFjdHJ5cjBGUXFRdStyZlZHOVo0YXBHVTE3clhZN3hFVXFQbEg1VTdZdjhBZEg1VVVVbzdJOGhsZDQxODBIYU0vU3JjQ2dQd0FLS0s5cWx1dlE1ZTUvL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 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/37871634/first-day-of-school-infographics1688372737.jpg" width="1600" height="900"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style - My First Day Infographics presentation template " /> </div> </div> </template> </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" :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":14735,"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":""},"memo":{"id":"7Li7LAe9zw1umK5RpsqQ","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a90e5b4572887e0e27483c938a88a93bfbaf48796900a5214784783546f5e9ea"}" wire:effects="[]" wire:id="7Li7LAe9zw1umK5RpsqQ" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-my-first-day-infographics', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '14735', 'Dutlo Sticky Notes Style - My First Day 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 14735, 'dutlo-sticky-notes-style-my-first-day-infographics', 'Dutlo Sticky Notes Style - My First Day Infographics', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-my-first-day-infographics/download', false, {"search":false,"nextSearchExpression":false,"position":1,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-14735.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </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 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"/></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"/> </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" /> </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 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 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 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 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 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" /> </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" /> </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 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 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"/><defs><clipPath id="a"><path d="M0 0h24v24H0z"/></clipPath></defs></svg> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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"/> </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"/> </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"/></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" /><defs><clipPath id="a"><path d="M0 0h35v35H0z"/></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" /><clipPath id="a"><path d="M0 0h35v35H0z"/></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"/></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" /><clipPath id="a"><path d="M0 0h35v35H0z"/></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"/> </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"/> </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"/></svg> </div> </div> <div class="p-3"> <div class="theme_post" data-id="21910" data-slug="dutlo-sticky-notes-style-icebreakers-my-first-day" @toggle-fav-21910.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'dutlo-sticky-notes-style-icebreakers-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476647\/conversions\/0-dutlo-sticky-notes-style-icebreakers-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476658\/conversions\/1-dutlo-sticky-notes-style-icebreakers-my-first-day-thumb.jpg"], 0, true, 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/dutlo-sticky-notes-style-icebreakers-my-first-day#position-2&related-1&rs=detail-related" x-on:click='handleEvents("21910", "Dutlo Sticky Notes Style Icebreakers - My First Day", "", "premium", "https://slidesgo.com/theme/dutlo-sticky-notes-style-icebreakers-my-first-day#position-2&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21910" 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="Dutlo Sticky Notes Style Icebreakers - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476647/responsive-images/0-dutlo-sticky-notes-style-icebreakers-my-first-day___media_library_original_324_458.jpg 324w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9ReVhUWjRXd3lHdW8wTzErejI0eU1FMUhyR3IyK254TTBnREVkcXhkSzhicmUzT3p5eWtZN212azhCbGVGeTZyS3NxaStiMk82dmk1MWtxYldyT3N1citHeVRmTklzYWp1VFVkbnF0dGZqTUV5eUQvWk9hOFcvYUQ4UlhnME5ZOU9aOHQ5NHAxRmMzK3pocW1xVDNjc2QxSks2RCsvbXZvWVl2RDFKS0VacHM5U0dUemxnWGpISzF1aDZGNDVudndrZ2dUZElPZ3J6TCswUEZVYm55N2ZhUHBYMFpkYUpGY3pGM0dheGIvUUdFcDhtTUZmcFh4dUp5WEUxYTg1eHRadnFkR0R6ZWpoNmZMT2ttend5NG44UzN5aEo3VU92b1JtdlJQaDFHdW1sQkxBc1V6ZFFvcnNOTzBKakxpYU1CZnBWMjM4T1cxdmZlZUNPTzFaMGNseE5HckNiYVNUTTh3emw0bWg3S2hUU3VkSHRGQlZhVTlLcVhNN1JkSy9RVDVrenZFT29TV0VCTWFrazl4WE1SNnJjdUNXWWdtdXdHMjlWbGtVRUN1VTFDQllydGxYZ1Y4TnhKN2VuQ000VHNtZTNnWlU1UjVISFUvOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/37476647/0-dutlo-sticky-notes-style-icebreakers-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Icebreakers - My First Day presentation template " /> </div> </div> </template> </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" :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"/> </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":21910,"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":""},"memo":{"id":"WSX6sI7PcvuKT3PB3Pkq","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"ac740e52437028854d6dbb10e0059154bee24fda484881b167fe35ecc895222f"}" wire:effects="[]" wire:id="WSX6sI7PcvuKT3PB3Pkq" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-icebreakers-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', 'premium', 'thumbnail', '21910', 'Dutlo Sticky Notes Style Icebreakers - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21910, 'dutlo-sticky-notes-style-icebreakers-my-first-day', 'Dutlo Sticky Notes Style Icebreakers - My First Day', 1, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-icebreakers-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":2,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21910.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=dutlo-sticky-notes-style-icebreakers-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Icebreakers+-+My+First+Day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 21910); gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=dutlo-sticky-notes-style-icebreakers-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Icebreakers+-+My+First+Day', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="p-3"> <div class="theme_post" data-id="23091" data-slug="dutlo-sticky-notes-style-printable-collection-my-first-day" @toggle-fav-23091.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'dutlo-sticky-notes-style-printable-collection-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/38518582\/conversions\/0-dutlo-sticky-notes-style-printable-collection-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/38518589\/conversions\/1-dutlo-sticky-notes-style-printable-collection-my-first-day-thumb.jpg"], 0, true, 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/dutlo-sticky-notes-style-printable-collection-my-first-day#position-3&related-1&rs=detail-related" x-on:click='handleEvents("23091", "Dutlo Sticky Notes Style Printable Collection - My first day", "Multi-purpose", "premium", "https://slidesgo.com/theme/dutlo-sticky-notes-style-printable-collection-my-first-day#position-3&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-23091" 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="Dutlo Sticky Notes Style Printable Collection - My first day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/38518582/responsive-images/0-dutlo-sticky-notes-style-printable-collection-my-first-day___media_library_original_324_458.jpg 324w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9ReWJUcDRUaGxybzlHRWRuYmplNFZqMkpybmZHZmlwZEFqYVNRZktLOHhsK0pDM1YwSkRPNnBuSUFyODl5K09CeTNFMUpPVDAwMlBvcW1HeDJNb3hsU3AzVFBvY3pLVTNaR0s4ejhYL0hUUnZDT29tMHVYK1lkY2RxNXdmR1dGWXZJREhPTUExNUY0eCtHZXNlUGRTbXZiVDk0c3ZJejJyMzZlZVVLcjVJeGQzdGM5UEw4aWlxbDh3ZkxFOXkrSkVpM2RuT0dqeVFPQWE4SGtzN29UY0pnWjlLK3I5VThOSnFNeDNxQ3A3VnoxNzRPMCsxazJtQlQrRmZPNG5LOFhMRVRsQ0YwMmJaWm5sSEIwZVNTUG50TE9WV1J5bnpBK2xlNi9EbTRpVzFnREFLY2NqRmFObDRPMDY2ZkFnVWZoV2hwL2hOTEsvRHFRc2E5QUt5cFpYaTRWcWM1UnNrKzV6NXRua01WUTVLVWRUdENsUXlXY1VweXlnbXJCNlZVdVoyaTZWK2xIeGhrNjdOL1pjTzZHUGs5d0s1MlBWTGx3U3pFRTEyQTIzcXNzaWdnVnltb1FMRmRzcThDdmh1SlBiMDRSbkNka3oyOERLbktQSTQ2bi85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 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/38518582/0-dutlo-sticky-notes-style-printable-collection-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Printable Collection - My first day presentation template " /> </div> </div> </template> </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" :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"/> </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":23091,"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":"wkM3YcjBNfVxwWQAu9Rb","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"c376591ebbbfc629a1444a96639a2a9b694a9fa19ce0cbf0a50c1a9f505f8c5d"}" wire:effects="[]" wire:id="wkM3YcjBNfVxwWQAu9Rb" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-printable-collection-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('Multi-purpose', 'premium', 'thumbnail', '23091', 'Dutlo Sticky Notes Style Printable Collection - My first day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 23091, 'dutlo-sticky-notes-style-printable-collection-my-first-day', 'Dutlo Sticky Notes Style Printable Collection - My first day', 1, 'Multi-purpose', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-printable-collection-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":3,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-23091.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=dutlo-sticky-notes-style-printable-collection-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Printable+Collection+-+My+first+day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 23091); gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=dutlo-sticky-notes-style-printable-collection-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Printable+Collection+-+My+first+day', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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"> A4 </span> </div> </div> </div> </div> </div> <div class="p-3"> <div class="theme_post" data-id="21911" data-slug="dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day" @toggle-fav-21911.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476621\/conversions\/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476628\/conversions\/1-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day-thumb.jpg"], 0, true, 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="afour" > <div class="box-image absolute inset-0 overflow-hidden rounded-t"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day#position-4&related-1&rs=detail-related" x-on:click='handleEvents("21911", "Dutlo Sticky Notes Style Meet the Teacher Poster - My First Day", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day#position-4&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21911" 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="Dutlo Sticky Notes Style Meet the Teacher Poster - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476621/responsive-images/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day___media_library_original_324_458.jpg 324w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QSs1ZmlaOFliYjRiU2JKU1pKRzZBVnl2d3ovYU1ieHo0bE5rSWlpcjYxaC9IYlFaOVo4UUs3V3hsUlBhc3I0UCtHa3NQRnF2SGErVVNQbU9LK2RsajFER2ZWT1hwdWVuREFmN0g5WVVyYTdlUjczcWZ4V2cwMjlhM01aSkhla2s4ZXpYOWo5cHM0aTIwOGl1YjhVK0NwTHErTXlSc2MrbGRCNEMwOUxIZGFTeEhucnVGZW5TcnVzMm9uWGlvWUtPR3ZTK011ZUlyRmJpOEphTlcrb3FqWmFWRlpUK2REQXF5ZW9GYU92Qi90cEliRlZFbmNER2EvTHNmaXVURlR0TjNUT3FqQnVrbGJRdm0rdVQxQXF6cERTTmVCaW9CUGVzcnozOWEwTkZtZHJzQW5pcXdHT25MRXdqN1NXckpyVW84ajBSVDFYVTQ3aWZkR29kZldrc1NseXdWa3htc3p3akNKOUhpZC9tWW5HVFhaUldFTUNJNnJ6WHVTeW5FWW10N2IzZVZ1NUZlcERDeWRMWFRRNStZcEZPVUtjQ3RIUldqTjBNTHpXakZwOE4xSVM2ODFkdDlMZ3QzM0l2TmFVY214RlBFcXA3dkttYzBzVkNVSEhXNS85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 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/37476621/0-dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Meet the Teacher Poster - My First Day presentation template " /> </div> </div> </template> </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" :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":21911,"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":""},"memo":{"id":"iWYph4h5A2BHNRjIoVmp","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"fc2f8b69364cde6dcf88116bfeed3959a3a6973d083592ff5883167912ae20ae"}" wire:effects="[]" wire:id="iWYph4h5A2BHNRjIoVmp" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '21911', 'Dutlo Sticky Notes Style Meet the Teacher Poster - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21911, 'dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day', 'Dutlo Sticky Notes Style Meet the Teacher Poster - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-meet-the-teacher-poster-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":4,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21911.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="p-3"> <div class="theme_post" data-id="21908" data-slug="dutlo-sticky-notes-style-class-schedule-my-first-day" @toggle-fav-21908.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-class-schedule-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476616\/conversions\/0-dutlo-sticky-notes-style-class-schedule-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476620\/conversions\/1-dutlo-sticky-notes-style-class-schedule-my-first-day-thumb.jpg"], 0, true, 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="afour" > <div class="box-image absolute inset-0 overflow-hidden rounded-t"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-class-schedule-my-first-day#position-5&related-1&rs=detail-related" x-on:click='handleEvents("21908", "Dutlo Sticky Notes Style Class Schedule - My First Day", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-class-schedule-my-first-day#position-5&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21908" 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="Dutlo Sticky Notes Style Class Schedule - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_1600_1131.jpg 1600w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_1338_946.jpg 1338w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_1120_792.jpg 1120w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_937_662.jpg 937w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_783_553.jpg 783w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_655_463.jpg 655w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_548_387.jpg 548w, https://media.slidesgo.com/storage/37476616/responsive-images/0-dutlo-sticky-notes-style-class-schedule-my-first-day___media_library_original_459_324.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMTMxIj4KCTxpbWFnZSB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMTMxIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUZ3QWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9RYnhIOFJob2QrTGNwa24wclAxRHg3OXZ0UmhXQlB0V0w0aXRvN3J4ckFraWhsSjVCcjAyMzhKNmMwQ2Z1RjZlbGVMaXN0eFVxVk90UnJOY3l1enR4YXFVSEIwVXRWMU9MMGZ4NzlsaDJPRG42VjBHbGVOUDdSdUJHQVJXeC93aU9tai9sZ3Y1VTE5Q3RMRncwVVFWdlVWNWNzSGo2UDd5VmE2Und3cVlpYy9mU3NjM3FYaEJyalg0NzBPUGxQU3V1RjA4RVNqSFFVVVY3VTYxVGxqRG0wV3g2TTV1b2x6ZEIwZDY4ZzRGSklYbllBOFVVVnp0eW43c25vUWtscWovOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/37476616/0-dutlo-sticky-notes-style-class-schedule-my-first-day.jpg" width="1600" height="1131"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Class Schedule - My First Day presentation template " /> </div> </div> </template> </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" :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":21908,"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":""},"memo":{"id":"lLt6DLWNG88zfenGZlfz","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"be0c425a8c0e78a61c1695ae4477efc891e528febd10e7111840af1a38cf432c"}" wire:effects="[]" wire:id="lLt6DLWNG88zfenGZlfz" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-class-schedule-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '21908', 'Dutlo Sticky Notes Style Class Schedule - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21908, 'dutlo-sticky-notes-style-class-schedule-my-first-day', 'Dutlo Sticky Notes Style Class Schedule - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-class-schedule-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":5,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21908.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="p-3"> <div class="theme_post" data-id="21904" data-slug="dutlo-sticky-notes-style-evaluation-criteria-my-first-day" @toggle-fav-21904.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-evaluation-criteria-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476588\/conversions\/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476596\/conversions\/1-dutlo-sticky-notes-style-evaluation-criteria-my-first-day-thumb.jpg"], 0, true, 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="afour" > <div class="box-image absolute inset-0 overflow-hidden rounded-t"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-evaluation-criteria-my-first-day#position-6&related-1&rs=detail-related" x-on:click='handleEvents("21904", "Dutlo Sticky Notes Style Evaluation Criteria - My First Day", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-evaluation-criteria-my-first-day#position-6&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21904" 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="Dutlo Sticky Notes Style Evaluation Criteria - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_1600_1131.jpg 1600w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_1338_946.jpg 1338w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_1119_791.jpg 1119w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_937_662.jpg 937w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_783_553.jpg 783w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_655_463.jpg 655w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_548_387.jpg 548w, https://media.slidesgo.com/storage/37476588/responsive-images/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day___media_library_original_459_324.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCAxMTMxIj4KCTxpbWFnZSB3aWR0aD0iMTYwMCIgaGVpZ2h0PSIxMTMxIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUZ3QWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9RRHhKOFNWMEhVeGJ5Y1pxdGUrTnY3U2hHRllBOThWd0h4UmprazhYMm9DRmwzRE9CWHRIaDN3L1pQcEZ1WGdYZHNHY2l2R3I1YlhxVUlWcVZacHkzT2FPTHhIdDVRaEZKUjduTFdIakpyR0VvRllrOThWYzhQK0tMcSsxSXEyZGg5UlhZZjhJOXAvL1BCUHlxTnRIdGJSdzBVU3FmWVY1bjFIR1ViVGxYYlNPMm5YeEVwTlRVZGZJenJ6d2hhMzk4dHhOR3JzcHlDYTJsSDJTRUlvd29HQlJSWHRxOFk4cWJzaTI3N2lXenVTVG5OU3lxMGpDaWlrNDh5czJDZlUvOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/37476588/0-dutlo-sticky-notes-style-evaluation-criteria-my-first-day.jpg" width="1600" height="1131"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Evaluation Criteria - My First Day presentation template " /> </div> </div> </template> </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" :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":21904,"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":""},"memo":{"id":"iO757VRxjGcXiWNPPyJ4","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9e2bb6af6b3454de328e572a045e598873dcf37698d5fc6bec77764727b0a8e3"}" wire:effects="[]" wire:id="iO757VRxjGcXiWNPPyJ4" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-evaluation-criteria-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '21904', 'Dutlo Sticky Notes Style Evaluation Criteria - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21904, 'dutlo-sticky-notes-style-evaluation-criteria-my-first-day', 'Dutlo Sticky Notes Style Evaluation Criteria - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-evaluation-criteria-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":6,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21904.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="p-3"> <div class="theme_post" data-id="21903" data-slug="dutlo-sticky-notes-style-introduce-yourself-my-first-day" @toggle-fav-21903.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'dutlo-sticky-notes-style-introduce-yourself-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476590\/conversions\/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476598\/conversions\/1-dutlo-sticky-notes-style-introduce-yourself-my-first-day-thumb.jpg"], 0, true, 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/dutlo-sticky-notes-style-introduce-yourself-my-first-day#position-7&related-1&rs=detail-related" x-on:click='handleEvents("21903", "Dutlo Sticky Notes Style Introduce Yourself - My First Day", "", "premium", "https://slidesgo.com/theme/dutlo-sticky-notes-style-introduce-yourself-my-first-day#position-7&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21903" 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="Dutlo Sticky Notes Style Introduce Yourself - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476590/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day___media_library_original_324_458.jpg 324w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9SN1JCSmJXcm1RYlpmU3FjdDdyUm1iWW9LWjRyWm5UZGM0NkNyaUtzU1Y0OUdLdzlOVTZlaVI2ZnRrNU9UaW5jNXVPODF2emwzSU5tZWEzazFvUk1zY2luZGptckFrVmhudFVBU0dhWWNBa1YyVTYzSy9mMU1xazQxTjQyOUNwcUR0RFBuT00wNWJ2Q1lZNUo2VkZxaEx6WXdUU1c4YXlrQmdjajJyamxkM1NSa2g4Rnl5c1FWTzJyOXZHb2NNb3htbFMxd09CeFRsUXBJS1Mwc3JETE1VRWJzU3lnbXAxdFlRZUFLcE9wRG5ERVZXdUpwSXVqbXUxVk9YU3hqYS9VMndFSHBVRnh0eU1Zckp0YmlTWmlHYzhWYlJTWEdXSm9jM0xTd1d0MVAvWiI+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/37476590/0-dutlo-sticky-notes-style-introduce-yourself-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Introduce Yourself - My First Day presentation template " /> </div> </div> </template> </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" :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"/> </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":21903,"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":""},"memo":{"id":"8mczjiLgY8lE2wNEyutL","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"a787a36833184ec73f78fa7e1a2740f753777947932442eb1a516343bccda77e"}" wire:effects="[]" wire:id="8mczjiLgY8lE2wNEyutL" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-introduce-yourself-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', 'premium', 'thumbnail', '21903', 'Dutlo Sticky Notes Style Introduce Yourself - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21903, 'dutlo-sticky-notes-style-introduce-yourself-my-first-day', 'Dutlo Sticky Notes Style Introduce Yourself - My First Day', 1, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-introduce-yourself-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":7,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21903.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=dutlo-sticky-notes-style-introduce-yourself-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Introduce+Yourself+-+My+First+Day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 21903); gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=dutlo-sticky-notes-style-introduce-yourself-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Introduce+Yourself+-+My+First+Day', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="p-3"> <div class="theme_post" data-id="21907" data-slug="dutlo-sticky-notes-style-name-labels-my-first-day" @toggle-fav-21907.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'dutlo-sticky-notes-style-name-labels-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476594\/conversions\/0-dutlo-sticky-notes-style-name-labels-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476604\/conversions\/1-dutlo-sticky-notes-style-name-labels-my-first-day-thumb.jpg"], 0, true, 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/dutlo-sticky-notes-style-name-labels-my-first-day#position-8&related-1&rs=detail-related" x-on:click='handleEvents("21907", "Dutlo Sticky Notes Style Name Labels - My First Day", "", "premium", "https://slidesgo.com/theme/dutlo-sticky-notes-style-name-labels-my-first-day#position-8&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21907" 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="Dutlo Sticky Notes Style Name Labels - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476594/responsive-images/0-dutlo-sticky-notes-style-name-labels-my-first-day___media_library_original_324_458.jpg 324w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9UTzUxeU8zbkVSQkpOWTNpTzR2bVpEYkFnSDJxMVBidkpmaGdCZ0h2WFFJMEJSUTIwa1Y1MUtibXJ6bWRWM1RkNHJVNW5TSkwyeGhNdDIyVjYxcVdldlJYY214ZXRRZUs1d2RQWklzSFBwWE1lRmJhV0c4K2NrZzE1T0p4VmFoaUlRak5jck5kYXI1cFJOdlVETWI5VlJncWs4MXRSYVVXUUhlYzRyTXUyZ1M4eko5NEhpdE9QVmNJQUVPSzFnOEpyN1RlNG43VDdKbTYvYW15czJrenV4MnJHOFBYdjJpNUdCaW8vR0YvcUYzS3NjWHlRbnJtazhNMlpndUZ5UVRYbDR1ZUdkYUVhVWRiclU3ZVNwQ2ttOWIvZ2ExOWIrYnFDSFlXd2UxZE5CQkY1UzVVRGlxYndLSlN3SnpVRnhNOFhSalgwRk4relRUamM4MlN2cmNaNGwweUs0c3lSd1Y1NHJsdkRraEYrVTU0OWE2WkhhOFVvNU9LV3kwaUNDYmVvK2F2UHhWRjRpckNTanNkZEt0eVU1UWtmL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 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/37476594/0-dutlo-sticky-notes-style-name-labels-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Name Labels - My First Day presentation template " /> </div> </div> </template> </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" :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"/> </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":21907,"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":""},"memo":{"id":"o2QG2FjX2HWzG0XZbnPs","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"290611d98b15100a18c99e793ae75e4c44bfe5d963d32802c33f1418fd34e55f"}" wire:effects="[]" wire:id="o2QG2FjX2HWzG0XZbnPs" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-name-labels-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', 'premium', 'thumbnail', '21907', 'Dutlo Sticky Notes Style Name Labels - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21907, 'dutlo-sticky-notes-style-name-labels-my-first-day', 'Dutlo Sticky Notes Style Name Labels - My First Day', 1, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-name-labels-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":8,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21907.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=dutlo-sticky-notes-style-name-labels-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Name+Labels+-+My+First+Day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 21907); gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=dutlo-sticky-notes-style-name-labels-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Name+Labels+-+My+First+Day', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="p-3"> <div class="theme_post" data-id="21902" data-slug="dutlo-sticky-notes-style-exit-ticket-my-first-day" @toggle-fav-21902.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-exit-ticket-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476589\/conversions\/0-dutlo-sticky-notes-style-exit-ticket-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476597\/conversions\/1-dutlo-sticky-notes-style-exit-ticket-my-first-day-thumb.jpg"], 0, true, 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="afour" > <div class="box-image absolute inset-0 overflow-hidden rounded-t"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-exit-ticket-my-first-day#position-9&related-1&rs=detail-related" x-on:click='handleEvents("21902", "Dutlo Sticky Notes Style Exit Ticket - My First Day", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-exit-ticket-my-first-day#position-9&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21902" 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="Dutlo Sticky Notes Style Exit Ticket - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476589/responsive-images/0-dutlo-sticky-notes-style-exit-ticket-my-first-day___media_library_original_324_458.jpg 324w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9UNmJVWW9YMnMyRFdWcVpsdmdQczB1M0ZRNmxKRXVwS2pESmFueHhHSnlFNEJyblRuTlhUTllTOW5LOWlYU2t1TFJHODk5NXBXMTd5NTlqSVFQV3RDMWl3bnpjNXFDK3NZNW5YS2o4SzU2eXJSU2FrYnhuQ2NtNW9pdTdTRjdvU3VQbUZKKzZjNURHa3ZieUpMcnlYKzgzU3EwVVhrU0VBNUJOS0NyTy9JMVl4ZkwxTk9LNVdOY1VwbkVzcTRwYmFFRmZuR2FlOFNvNEtqQnBWRld0N3pWaW91RjlER0VjT3FYS1hLdDBxNmJZRjg3cXI2UGFKYlROR3YzZmV0SzVJaTZBVjFjc290cUQwSm55M0NLUVJyZ25OVjMxQlpMZ1JnSFByVTlxd21KeUJWaGJTTlczQlJuMXFKd3FUU1YwWlA4QXVuLy8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/37476589/0-dutlo-sticky-notes-style-exit-ticket-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Exit Ticket - My First Day presentation template " /> </div> </div> </template> </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" :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":21902,"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":""},"memo":{"id":"ZgJzYEJcwa4OiQdKD6Wu","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"bcb2889631af4d68c49533d7ef609b1b81a2e47ab69e6ebc509bf86413071458"}" wire:effects="[]" wire:id="ZgJzYEJcwa4OiQdKD6Wu" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-exit-ticket-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '21902', 'Dutlo Sticky Notes Style Exit Ticket - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21902, 'dutlo-sticky-notes-style-exit-ticket-my-first-day', 'Dutlo Sticky Notes Style Exit Ticket - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-exit-ticket-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":9,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21902.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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="max-h-0 overflow-hidden transition-all duration-150 more-relateds opacity-0"> <div class="p-3"> <div class="theme_post" data-id="21906" data-slug="dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day" @toggle-fav-21906.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476592\/conversions\/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476605\/conversions\/1-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day-thumb.jpg"], 0, true, 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="afour" > <div class="box-image absolute inset-0 overflow-hidden rounded-t"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day#position-10&related-1&rs=detail-related" x-on:click='handleEvents("21906", "Dutlo Sticky Notes Style List of Materials\/Books - My First Day", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day#position-10&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21906" 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="Dutlo Sticky Notes Style List of Materials/Books - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_324_458.jpg 324w, https://media.slidesgo.com/storage/37476592/responsive-images/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day___media_library_original_271_383.jpg 271w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9TUFVQRksybDRiZHh0Qi9pTll0M3FFclNPNlhpaGV1SzNienc1YmFsT1hsSElxcS9nNnpKSXdmenJPQzUxZHMzbzFYU20rWmFHQnBuaUpudnRqM1FLcWVhN2JUdGZ0cnh2TGprRE1Ld3g0SHNGWXNFd1QzcU9iVFlQRDJKNGxPYXpxdFVJT2JsdDVHK0tyVVorK3RMSFV4ZmVha2I3OUVicUhiSnBHWVpQTk9rMG9uSExjRFZXOHRFdkYyT01nMVo4eFQzRk5ERGVLbXZ5eWhaZ29xV2pLTnpwMHR4Y2xsbEtBZHFsbHNuU0Uvdk1uRlJhNUs5ckV6eHNRYXFXdDdMTGFnczJTYTRKMFk4amJXdnFhcXA3L0tPajBXNGtiZjlvT1BTdEdHMGFCMXkrNnE5bE84bkc3R0t2eEx1a0dTVFVSaEZwSzJ2cWFYZXVwLy85az0iPgoJPC9pbWFnZT4KPC9zdmc+ 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/37476592/0-dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style List of Materials/Books - My First Day presentation template " /> </div> </div> </template> </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" :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":21906,"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":""},"memo":{"id":"lnsAkeY9l7vx7P0xbi4v","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"65c081029fad9ef487eb26dd5548660c6ca83f63683427b1498489abb4598cd1"}" wire:effects="[]" wire:id="lnsAkeY9l7vx7P0xbi4v" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '21906', 'Dutlo Sticky Notes Style List of Materials/Books - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21906, 'dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day', 'Dutlo Sticky Notes Style List of Materials/Books - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-list-of-materialsbooks-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":10,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21906.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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> <div class="max-h-0 overflow-hidden transition-all duration-150 more-relateds opacity-0"> <div class="p-3"> <div class="theme_post" data-id="21905" data-slug="dutlo-sticky-notes-style-class-rules-poster-my-first-day" @toggle-fav-21905.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'dutlo-sticky-notes-style-class-rules-poster-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476591\/conversions\/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476599\/conversions\/1-dutlo-sticky-notes-style-class-rules-poster-my-first-day-thumb.jpg"], 0, true, 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="afour" > <div class="box-image absolute inset-0 overflow-hidden rounded-t"> <a href="https://slidesgo.com/theme/dutlo-sticky-notes-style-class-rules-poster-my-first-day#position-11&related-1&rs=detail-related" x-on:click='handleEvents("21905", "Dutlo Sticky Notes Style Class Rules Poster - My First Day", "", "", "https://slidesgo.com/theme/dutlo-sticky-notes-style-class-rules-poster-my-first-day#position-11&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21905" 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="Dutlo Sticky Notes Style Class Rules Poster - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476591/responsive-images/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day___media_library_original_388_548.jpg 388w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9UVFUvRUZ2cGk1bGFzbTkxQnRWVlh0SndvTlpmaUcyVzd1R1J2bUZWdE90R3RNS2dJVVY4SFg0aHEwNnJvcW5zejJxT0RVZjNuTWJsanFCMHJjMTVjQWl0eXgxdTN2aG1Od1JYQmFuQ2wzSnNrYjhNMDFMdHRFakJRRWdkcU1ObjlldmlJMEZUM2RoMWNFNXZudVd0ZWluUzdab241cE5PdTUwUUxMZ3Q2MHp4UnFma1hHK0ZmTVh2aW5hVmNSM2FLNVVxVDJOZk9ZdXJYbGlwZStyWFBRakZleWkydWhqYXZwbDFQcUl1SXBpdUQ5MnR6VDdVNmdZNDVoa2pxYWoxUzZpc3lUdExIMnFidzFkbWE3QlpTQjJyVEJTcnJGUm1wclJrMXFxNU5WMFBMUGh6NHhFMmxSUTZuY0NTNUp4OHhyMW5UOUtrbWpTU0pma1BJeFhnSGdMd3piM3ZpSlVkMzJxdzRyNmtzb3hwOWpGSEh5b1VEbXZad21TMDhaVWxXcVBxZWxuY2FlWE9OT2xxMmM5YzZGTkkrU21hc2FWcE1zRnlDVXdLNk8xbU16SGNCVndSajByMUljT1VLZFZWVko2TzU4dThkTng1V2ovMlE9PSI+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/37476591/0-dutlo-sticky-notes-style-class-rules-poster-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Class Rules Poster - My First Day presentation template " /> </div> </div> </template> </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" :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":21905,"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":""},"memo":{"id":"gA6KIqVQ3CXIIqpy7yx2","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"3949aaab044a1da47908d910f64928f1eb33022b6c81e2c8264e8598e42f4fcf"}" wire:effects="[]" wire:id="gA6KIqVQ3CXIIqpy7yx2" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-class-rules-poster-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '21905', 'Dutlo Sticky Notes Style Class Rules Poster - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21905, 'dutlo-sticky-notes-style-class-rules-poster-my-first-day', 'Dutlo Sticky Notes Style Class Rules Poster - My First Day', 0, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-class-rules-poster-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":11,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21905.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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> <div class="max-h-0 overflow-hidden transition-all duration-150 more-relateds opacity-0"> <div class="p-3"> <div class="theme_post" data-id="21909" data-slug="dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day" @toggle-fav-21909.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/37476619\/conversions\/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/37476625\/conversions\/1-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day-thumb.jpg"], 0, true, 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/dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day#position-12&related-1&rs=detail-related" x-on:click='handleEvents("21909", "Dutlo Sticky Notes Style Introduce Yourself Cards - My First Day", "", "premium", "https://slidesgo.com/theme/dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day#position-12&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-21909" 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="Dutlo Sticky Notes Style Introduce Yourself Cards - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_1132_1600.jpg 1132w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_947_1339.jpg 947w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_792_1119.jpg 792w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_662_936.jpg 662w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_554_783.jpg 554w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_464_656.jpg 464w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_388_548.jpg 388w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_324_458.jpg 324w, https://media.slidesgo.com/storage/37476619/responsive-images/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day___media_library_original_271_383.jpg 271w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTEzMiAxNjAwIj4KCTxpbWFnZSB3aWR0aD0iMTEzMiIgaGVpZ2h0PSIxNjAwIiB4bGluazpocmVmPSJkYXRhOmltYWdlL2pwZWc7YmFzZTY0LC85ai80QUFRU2taSlJnQUJBUUVBWUFCZ0FBRC8vZ0E3UTFKRlFWUlBVam9nWjJRdGFuQmxaeUIyTVM0d0lDaDFjMmx1WnlCSlNrY2dTbEJGUnlCMk9EQXBMQ0J4ZFdGc2FYUjVJRDBnT1RBSy85c0FRd0FEQWdJREFnSURBd01EQkFNREJBVUlCUVVFQkFVS0J3Y0dDQXdLREF3TENnc0xEUTRTRUEwT0VRNExDeEFXRUJFVEZCVVZGUXdQRnhnV0ZCZ1NGQlVVLzlzQVF3RURCQVFGQkFVSkJRVUpGQTBMRFJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVUvOEFBRVFnQUxRQWdBd0VpQUFJUkFRTVJBZi9FQUI4QUFBRUZBUUVCQVFFQkFBQUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVRQUFJQkF3TUNCQU1GQlFRRUFBQUJmUUVDQXdBRUVRVVNJVEZCQmhOUllRY2ljUlF5Z1pHaENDTkNzY0VWVXRId0pETmljb0lKQ2hZWEdCa2FKU1luS0NrcU5EVTJOemc1T2tORVJVWkhTRWxLVTFSVlZsZFlXVnBqWkdWbVoyaHBhbk4wZFhaM2VIbDZnNFNGaG9lSWlZcVNrNVNWbHBlWW1acWlvNlNscHFlb3FhcXlzN1MxdHJlNHVickN3OFRGeHNmSXljclMwOVRWMXRmWTJkcmg0dVBrNWVibjZPbnE4Zkx6OVBYMjkvajUrdi9FQUI4QkFBTUJBUUVCQVFFQkFRRUFBQUFBQUFBQkFnTUVCUVlIQ0FrS0MvL0VBTFVSQUFJQkFnUUVBd1FIQlFRRUFBRUNkd0FCQWdNUkJBVWhNUVlTUVZFSFlYRVRJaktCQ0JSQ2thR3h3UWtqTTFMd0ZXSnkwUW9XSkRUaEpmRVhHQmthSmljb0tTbzFOamM0T1RwRFJFVkdSMGhKU2xOVVZWWlhXRmxhWTJSbFptZG9hV3B6ZEhWMmQzaDVlb0tEaElXR2g0aUppcEtUbEpXV2w1aVptcUtqcEtXbXA2aXBxckt6dExXMnQ3aTV1c0xEeE1YR3g4akp5dExUMU5YVzE5aloydUxqNU9YbTUranA2dkx6OVBYMjkvajUrdi9hQUF3REFRQUNFUU1SQUQ4QS9USzUxMktDVXhzY0dzZlVJdFF2NWZNdFh4R2FsdW9ZSkx4dk1YY2EwYmU4RnJFRlNJaFJYbFJyODErYVIyUWJwTzhVWWtUWCtra3ozY243cGVUbXIra2VOTFBWcGpGQTRjamc0TlovakdkdFkwYWUxaU94MlVqTmNMOEsvQ2R6b0dvU200bE1tNXNqSnJpcVl1VUtxaEdSNk1hVkt0UWxWcU8wbHNqczladVpyWFVkOGFGc2RxMDlNMXA3dENzOFd6ajBwbHhhbWUvTEZ3QUQwTmJVUzJpSUFkdWE2YVRrazdOYm5tU3QxT2Z2YlNDTlhkV0pKN0dxV2dveTM0SlBldDNYM2dTd2tNUUJmSEdLNDN3amRYVXVxTUpoaGM4VjV0ZWxLcGlGSnRhV05ZdU1ZN2FuUmFoRGN5WGpHRVpGSmEyZDYweWlRWVR2elhTbXlqTGx1aE5RWE1ZaTZFMTdVS0hMZFNTWnp1ZDltVWRYc1lvckZtQnl3SFN1WDhOeXUrcGtNbTBBMTJVVUszZVZmSkZTUWFOYlc4bTlGd2E0cXVEbk9zcHdza2JScktNV21mL1oiPgoJPC9pbWFnZT4KPC9zdmc+ 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/37476619/0-dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day.jpg" width="1132" height="1600"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Dutlo Sticky Notes Style Introduce Yourself Cards - My First Day presentation template " /> </div> </div> </template> </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" :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"/> </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":21909,"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":""},"memo":{"id":"c4d7MCwqYXDVBKtyyBW8","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"f28604d9815b3d10cf93ab508ada34bb5155ac2479f0fe5a9c7552ba3cd6dc4c"}" wire:effects="[]" wire:id="c4d7MCwqYXDVBKtyyBW8" x-data="favorite([])" x-init="article = 'dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', 'premium', 'thumbnail', '21909', 'Dutlo Sticky Notes Style Introduce Yourself Cards - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 21909, 'dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day', 'Dutlo Sticky Notes Style Introduce Yourself Cards - My First Day', 1, '', 'en', 'https://slidesgo.com/theme/dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":12,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-21909.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Introduce+Yourself+Cards+-+My+First+Day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 21909); gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=dutlo-sticky-notes-style-introduce-yourself-cards-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Dutlo+Sticky+Notes+Style+Introduce+Yourself+Cards+-+My+First+Day', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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> <div class="max-h-0 overflow-hidden transition-all duration-150 more-relateds opacity-0"> <div class="p-3"> <div class="theme_post" data-id="31172" data-slug="first-day-of-school-aesthetic" @toggle-fav-31172.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'first-day-of-school-aesthetic', ["https:\/\/media.slidesgo.com\/storage\/55726572\/conversions\/0-first-day-of-school-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/55726579\/conversions\/1-first-day-of-school-thumb.jpg"], 0, true, 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/first-day-of-school-aesthetic#position-13&related-1&rs=detail-related" x-on:click='handleEvents("31172", "First Day of School", "Multi-purpose", "premium", "https://slidesgo.com/theme/first-day-of-school-aesthetic#position-13&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-31172" 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="First Day of School presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/55726773/responsive-images/first-day-of-school1718703999___media_library_original_459_258.jpg 459w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBK1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCa1pXWmhkV3gwSUhGMVlXeHBkSGtLLzlzQVF3QUlCZ1lIQmdVSUJ3Y0hDUWtJQ2d3VURRd0xDd3daRWhNUEZCMGFIeDRkR2h3Y0lDUXVKeUFpTENNY0hDZzNLU3d3TVRRME5COG5PVDA0TWp3dU16UXkvOXNBUXdFSkNRa01Dd3dZRFEwWU1pRWNJVEl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeU1qSXlNakl5TWpJeS84QUFFUWdBRWdBZ0F3RWlBQUlSQVFNUkFmL0VBQjhBQUFFRkFRRUJBUUVCQUFBQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVFBQUlCQXdNQ0JBTUZCUVFFQUFBQmZRRUNBd0FFRVFVU0lURkJCaE5SWVFjaWNSUXlnWkdoQ0NOQ3NjRVZVdEh3SkROaWNvSUpDaFlYR0JrYUpTWW5LQ2txTkRVMk56ZzVPa05FUlVaSFNFbEtVMVJWVmxkWVdWcGpaR1ZtWjJocGFuTjBkWFozZUhsNmc0U0Zob2VJaVlxU2s1U1ZscGVZbVpxaW82U2xwcWVvcWFxeXM3UzF0cmU0dWJyQ3c4VEZ4c2ZJeWNyUzA5VFYxdGZZMmRyaDR1UGs1ZWJuNk9ucThmTHo5UFgyOS9qNSt2L0VBQjhCQUFNQkFRRUJBUUVCQVFFQUFBQUFBQUFCQWdNRUJRWUhDQWtLQy8vRUFMVVJBQUlCQWdRRUF3UUhCUVFFQUFFQ2R3QUJBZ01SQkFVaE1RWVNRVkVIWVhFVElqS0JDQlJDa2FHeHdRa2pNMUx3RldKeTBRb1dKRFRoSmZFWEdCa2FKaWNvS1NvMU5qYzRPVHBEUkVWR1IwaEpTbE5VVlZaWFdGbGFZMlJsWm1kb2FXcHpkSFYyZDNoNWVvS0RoSVdHaDRpSmlwS1RsSldXbDVpWm1xS2pwS1dtcDZpcHFyS3p0TFcydDdpNXVzTER4TVhHeDhqSnl0TFQxTlhXMTlqWjJ1TGo1T1htNStqcDZ2THo5UFgyOS9qNSt2L2FBQXdEQVFBQ0VRTVJBRDhBMUxpZVZYL2RxU0tXMWxtZVhEcWNWZWlJQTVVR3BQTVZUd29GYzk1ZGp3T1NMcEtwTHFXRXRVTVBtTXdGVlpWVWZkNlZjUlVNUHpOd2UxUlhZaENBUjFwcGJ6Q2RPQ29YVzVYVHBURDkraWlwT2QvdzBTRW5iVEcrN1JSUVRMWS8vOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/55726773/first-day-of-school1718703999.jpg" width="1600" height="900"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="First Day of School presentation template " /> </div> </div> </template> </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" :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"/> </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":31172,"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":"aWYWdKSnSfkK8EoPdFma","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"fd1a5d081960dc1d428ac37f54901246224767f45db936926fbca1286daf89d0"}" wire:effects="[]" wire:id="aWYWdKSnSfkK8EoPdFma" x-data="favorite([])" x-init="article = 'first-day-of-school-aesthetic', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('Multi-purpose', 'premium', 'thumbnail', '31172', 'First Day of School'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 31172, 'first-day-of-school-aesthetic', 'First Day of School', 1, 'Multi-purpose', 'en', 'https://slidesgo.com/theme/first-day-of-school-aesthetic/download', false, {"search":false,"nextSearchExpression":false,"position":13,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-31172.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=first-day-of-school-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=First+Day+of+School" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 31172); gtm.microfunnel('Multi-purpose', 'Go Premium', 'https://slidesgo.com/pricing?slide=first-day-of-school-aesthetic&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=First+Day+of+School', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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> <div class="max-h-0 overflow-hidden transition-all duration-150 more-relateds opacity-0"> <div class="p-3"> <div class="theme_post" data-id="22540" data-slug="webys-cute-interface-style-subject-presentation-my-first-day" @toggle-fav-22540.window="isFavorite = !isFavorite" data-premium="premium" x-data="box(false, 'webys-cute-interface-style-subject-presentation-my-first-day', ["https:\/\/media.slidesgo.com\/storage\/38101054\/conversions\/0-webys-cute-interface-style-subject-presentation-my-first-day-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/38101062\/conversions\/1-webys-cute-interface-style-subject-presentation-my-first-day-thumb.jpg"], 0, true, 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/webys-cute-interface-style-subject-presentation-my-first-day#position-14&related-1&rs=detail-related" x-on:click='handleEvents("22540", "Webys Cute Interface Style Subject Presentation - My First Day", "", "premium", "https://slidesgo.com/theme/webys-cute-interface-style-subject-presentation-my-first-day#position-14&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-22540" 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="Webys Cute Interface Style Subject Presentation - My First Day presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_1338_753.jpg 1338w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_784_441.jpg 784w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_655_368.jpg 655w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_548_308.jpg 548w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_459_258.jpg 459w, https://media.slidesgo.com/storage/38101116/responsive-images/webys-cute-interface-style-subject-presentation-my-first-day1689080950___media_library_original_384_216.jpg 384w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErNnRIOE0yaTIvMm9xeGNET2FtL3RLSlZiQ25DOFYxZmhxYTBPamhaR1E1SElOVUw2eXNtTExFcUFIcml2WHJZMVFxTlZic1hJM3NZdHRxVU03QVlJeWExdGUwdFlORyswUnNja1pxVFRiS3loY2IxU3JYaTYvdGwwUm9vM1hHT0FEV2NNVEd0VVNwcGxLTFRWenpXeG1rRU9BN0FleHFZelNZLzFqZm1hS0s5YWZ4SFVDelNmMzIvT3FtcVRTTmJuTHNmcWFLS2NOd1c1Ly9aIj4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/38101116/webys-cute-interface-style-subject-presentation-my-first-day1689080950.jpg" width="1600" height="900"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Webys Cute Interface Style Subject Presentation - My First Day presentation template " /> </div> </div> </template> </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" :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"/> </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":22540,"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":""},"memo":{"id":"KBIx2xy4H8QzSzTTmABl","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"67f8ec9b39ff0ce5b40123499ccb1f1bd3c02a1ada9af6520d2af24eeb0de393"}" wire:effects="[]" wire:id="KBIx2xy4H8QzSzTTmABl" x-data="favorite([])" x-init="article = 'webys-cute-interface-style-subject-presentation-my-first-day', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', 'premium', 'thumbnail', '22540', 'Webys Cute Interface Style Subject Presentation - My First Day'); " @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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 22540, 'webys-cute-interface-style-subject-presentation-my-first-day', 'Webys Cute Interface Style Subject Presentation - My First Day', 1, '', 'en', 'https://slidesgo.com/theme/webys-cute-interface-style-subject-presentation-my-first-day/download', false, {"search":false,"nextSearchExpression":false,"position":14,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-22540.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </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=webys-cute-interface-style-subject-presentation-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Webys+Cute+Interface+Style+Subject+Presentation+-+My+First+Day" onclick="trackAnalytic('premium', 'click', 'detailp-gopremium', 22540); gtm.microfunnel('', 'Go Premium', 'https://slidesgo.com/pricing?slide=webys-cute-interface-style-subject-presentation-my-first-day&utm_source=Premium&utm_medium=template&utm_campaign=premium-slides-microfunnel&utm_term=Go-Premium&utm_content=Webys+Cute+Interface+Style+Subject+Presentation+-+My+First+Day', 'thumbnail');" class="w-full text-center flex justify-center items-center sm:mb-2 rounded h-10 px-4 text-base bg-yellow-500 text-gray-900 font-semibold hover:bg-yellow-600 active:bg-yellow-700"> Go Premium</a> <p class="hidden sm:block text-sm text-gray-100 sm:mt-2">Are you already Premium? <a href="javascript:document.querySelector('#login').submit()" class="font-semibold hover:underline">Log in</a> </div> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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> <div class="max-h-0 overflow-hidden transition-all duration-150 more-relateds opacity-0"> <div class="p-3"> <div class="theme_post" data-id="4631" data-slug="sticky-notes-infographics" @toggle-fav-4631.window="isFavorite = !isFavorite" data-premium="0" x-data="box(false, 'sticky-notes-infographics', ["https:\/\/media.slidesgo.com\/storage\/4384086\/conversions\/0-sticky-notes-infographics-thumb.jpg","https:\/\/media.slidesgo.com\/storage\/4384090\/conversions\/1-sticky-notes-infographics-thumb.jpg"], 0, true, 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/sticky-notes-infographics#position-15&related-1&rs=detail-related" x-on:click='handleEvents("4631", "Sticky Notes Infographics", "", "", "https://slidesgo.com/theme/sticky-notes-infographics#position-15&related-1&rs=detail-related&rs=detail-related", "detail-related")' 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-4631" 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="Sticky Notes Infographics presentation template " loading="lazy" decoding="async" srcset="https://media.slidesgo.com/storage/4384179/responsive-images/sticky-notes-infographics1617112028___media_library_original_1600_900.jpg 1600w, https://media.slidesgo.com/storage/4384179/responsive-images/sticky-notes-infographics1617112028___media_library_original_1338_752.jpg 1338w, https://media.slidesgo.com/storage/4384179/responsive-images/sticky-notes-infographics1617112028___media_library_original_1120_630.jpg 1120w, https://media.slidesgo.com/storage/4384179/responsive-images/sticky-notes-infographics1617112028___media_library_original_937_527.jpg 937w, https://media.slidesgo.com/storage/4384179/responsive-images/sticky-notes-infographics1617112028___media_library_original_783_440.jpg 783w, https://media.slidesgo.com/storage/4384179/responsive-images/sticky-notes-infographics1617112028___media_library_original_655_368.jpg 655w, data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTYwMCA5MDAiPgoJPGltYWdlIHdpZHRoPSIxNjAwIiBoZWlnaHQ9IjkwMCIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FFZ0FnQXdFaUFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEEvUnJYUEVNMW5xSGxMd3RTYUg0aGt1cnhrYzVVQ3NyeFZZU3pYN09nUEFxdDRNdEp2dDBubUFqUEZlWHp2MjlyczdGQzlOczNyNzRtYWRwOXk4RWpZWmV0YS9oL3hUYmVJRUxXNXlCWEdhejhLVTFTK2U0M2xTeHpYUmVFUENmL0FBamFGVk9RYTlRNHk1cWlnekhnVkZvcUtMZzRBSDRVVVZ5cjR6YjdKMG82VVVVVjFHSi8vOWs9Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg== 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/4384179/sticky-notes-infographics1617112028.jpg" width="1600" height="900"> <span class="absolute inset-0 border-b border-black opacity-5 pointer-events-none bg-white z-10"> </span> </div> <template x-cloak 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="Sticky Notes Infographics presentation template " /> </div> </div> </template> </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" :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":4631,"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":""},"memo":{"id":"gM7WxCf5PG3pgu13T1Mn","name":"favorite-button","path":"theme\/dutlo-sticky-notes-style-my-first-day","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"77aa2c2b47e897c996ec7633f9d95ef67f7f3a36a1cc0a65f155a02a8c292861"}" wire:effects="[]" wire:id="gM7WxCf5PG3pgu13T1Mn" x-data="favorite([])" x-init="article = 'sticky-notes-infographics', isFavorite = ''" > <div class="flex items-center z-15"> <button x-data onclick=" gtm.addToFavorites('', '', 'thumbnail', '4631', 'Sticky Notes 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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( 4631, 'sticky-notes-infographics', 'Sticky Notes Infographics', 0, '', 'en', 'https://slidesgo.com/theme/sticky-notes-infographics/download', false, {"search":false,"nextSearchExpression":false,"position":15,"results":false,"variant":false,"related":true}, false, false, null, false, false, )" @slide-color-change-4631.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 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"/></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" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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-cloak 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" > <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"/> </svg> </button> <div class="h-full flex flex-col justify-center"> <div class="flex justify-center gap-x-4 relative"> <button @click='downloadSlide("google");' type="button" aria-label="Google slides" name="action" value="google" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button @click='downloadSlide("powerpoint");' type="button" aria-label="Powerpoint" name="action" value="powerpoint" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> <button x-show="!activeVariant" @click='downloadSlide("canva");' type="button" aria-label="Canva" name="action" value="canva" class="group/download relative" > <div class="hidden xl:flex transition-all duration-300 opacity-0 group-hover/download:opacity-100 transform pointer-events-none"> <svg class="size-4 absolute left-6 -top-4 text-white tooltip fill-current" alt="icon caret" viewBox="0 0 7 3" xmlns="http://www.w3.org/2000/svg"> <path d="M3.5 3L6.5 0L0.5 -5.24537e-07L3.5 3Z" /> </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"/> </svg> </div> </button> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="p-4 flex items-center justify-between my-2"> <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> </div> </div> <div class="text-center mt-8"> <button id="show-more" class="mx-auto bg-gray-900 text-white text-lg py-4 px-6 font-semibold rounded no-underline inline-block hover:bg-gray-800 active:bg-gray-700" > Show more </button> </div> </div> </div> </main> <div> </div> <div class="hidden"> <svg id="premium" alt="Premium Icon" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 10.8h11.2v2.6H1.5v-2.6z" fill="#FA8C00"/><path d="M1.4 8.7L7 .1l5.8 8.6H1.4z" fill="#FF8C00"/><path d="M12.7 10.1L14 2.5 2.8 9.8l9.9.3z" fill="#EDA500"/><path d="M1.3 10L.1 2.5l10.4 7.7H1.3z" fill="#FEC400"/></svg> </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" x-cloak :class="{ 'pointer-events-none hide-after': open }"> <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"/> </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 fill-current h-4 w-4 ml-2 transform rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><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"/></svg> </button> <div x-cloak 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"> <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"/> </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" /></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 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 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 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 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 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 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"/> </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">  <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"/> </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 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 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"/> </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"/> </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 fill-current h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><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"/></svg> </h3> <ul x-cloak x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-wrap px-6 sm:px-0 w-full"> <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/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/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/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> </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 fill-current h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><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"/></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"> <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 fill-current h-5 w-5 ml-1 rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><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"/></svg> </h3> <ul x-cloak x-show="open" @click.outside="open = false" id="dropdown-footer" class="p-0 sm:flex flex-wrap px-6 sm:px-0 w-full"> <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://www.facebook.com/groups/1129415331402945">Slidesgo Educator Community</a> </li> </ul> </li>  <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 fill-current h-4 w-4 ml-1 transform rotate-90" xmlns="http://www.w3.org/2000/svg" viewBox="-49 141 512 512"><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"/></svg> </button> <div x-cloak 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"> <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"/> </svg> <a hreflang="es" href="https://slidesgo.com/es/tema/plantilla-dutlo-estilo-notas-adhesivas-mi-primer-dia" 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/theme/dutlo-sticky-notes-style-my-first-day" 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/tema/modelo-dutlo-com-notas-adhesivas-meu-primeiro-dia" 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/theme/modele-dutlo-de-notes-autocollantes-mon-premier-jour" 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/theme/dutlo-haftnotizen-stil-mein-erster-tag" 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/%ED%85%8C%EB%A7%88/dutlo-%EC%8A%A4%ED%8B%B0%EC%BB%A4-%EB%A9%94%EB%AA%A8-%EC%8A%A4%ED%83%80%EC%9D%BC-%EB%82%98%EC%9D%98-%EC%B2%AB%EB%82%A0" 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> <div x-data="navMenu" @display-nav-menu.window="active = true" > <div :class="active ? 'active-menu' : ''"> <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"> <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 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"/></svg> </button> </div> <nav> <div class="text-gray-900"> <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('ai_tools')" 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 Tools </span> <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 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"/> </svg> </div> <div @click="selectSection('templates')" 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"> Templates </span> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('education-hub')" 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"> Education Hub </span> <svg class="size-6 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </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"/> </svg> </div> <div class="my-4 mx-5 border-b border-gray-75"></div> <div @click="selectSection('pricing')" class="mx-5 px-1 py-2.5 rounded text-yellow-800 hover:bg-gray-50 flex justify-between items-center cursor-pointer" > <span class="text-base font-semibold"> Plans & Pricing </span> <svg class="size-6 text-gray-900 inline-block ml-1 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <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"/> </svg> </div> </div> <div x-show="activeSection === 'ai_tools'" 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" > <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"/> </svg> <div class="flex"> <span class="text-base font-semibold"> AI Tools </span> <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New </span> </div> </div> <div class=""> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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 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 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"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> AI Tools </span> </div> <div class=""> <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-700 leading-relaxed">Create presentations in minutes 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 class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> New </span> </span> <span class="text-base text-gray-700 leading-relaxed">Turn documents into PPT with AI</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-700 leading-relaxed">Plan your lessons faster 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-700 leading-relaxed">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 generator </span> <span class="text-base text-gray-700 leading-relaxed">Create quick formative assessments for your students</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 class="px-1 mx-1 py-0.5 bg-blue-100 text-blue-900 rounded-sm text-sm font-semibold uppercase"> beta </span> </span> <span class="text-base text-gray-700 leading-relaxed">Create comprehensive quizzes from any reading material</span> </a> </div> </div> <div class=""> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 18 19" xmlns="http://www.w3.org/2000/svg"> <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"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> Other tools </span> </div> <div class=""> <a href="https://slidesgo.com/slideshow-maker#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> Create Slideshows </span> <span class="text-base text-gray-700 leading-relaxed">Create and customize presentations online with Slidesgo's editor</span> </a> <a href="https://workspace.google.com/marketplace/app/slidesgo_for_google_slides/560773215564#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block"> Addon for Google Slides </span> <span class="text-base text-gray-700 leading-relaxed">Apply Slidesgo themes to your Google Slides presentations</span> </a> </div> </div> <a href="https://slidesgo.com/ai#from_element=main_menu" class="mt-4 block pl-4" > <span class="flex items-center w-fit text-lg border-b border-transparent text-purple-600 font-semibold hover:border-purple-600"> Explore all AI tools <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </span> </a> </div> <div x-show="activeSection === 'templates'" 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" > <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"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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 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"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By industry </span> </div> <div> <div @click="selectSection('Business')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Business </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('Medical')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Medical </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('Marketing')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Marketing </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> <div @click="selectSection('Popular')" class="mx-5 pl-1.5 py-2.5 rounded text-gray-900 hover:bg-gray-50 flex items-center justify-between cursor-pointer" > <span class="text-base"> Popular </span> <svg class="size-6 inline-block fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> </div> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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 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 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"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By style </span> </div> <div> <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/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/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/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> <a href="https://slidesgo.com/professional#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">Professional</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> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By color </span> </div> <div> <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/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/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/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> <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/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/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/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/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/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/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/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> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 16 18" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.33 17.9635c-.2373 0-.471-.0913-.6462-.2665l-5.96231-5.9623-5.96227 5.9623c-.26288.2592-.65355.3395-.993102.1971-.343205-.1424-.565923-.4746-.565923-.8434V2.37323C.200195 1.06613 1.26632 0 2.57342 0H12.8696c1.3071 0 2.3732 1.06613 2.3732 2.37323V17.0507c0 .3688-.2227.701-.5623.8434-.1132.0475-.2337.0694-.3505.0694Z"/></svg> <span class="ml-2 text-base font-semibold uppercase"> Collections </span> </div> <div> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base flex items-center gap-1"> Slidesclass </span> <span class="text-base text-gray-700 leading-relaxed">Ready-to-use slides for any subject to simplify your lesson planning</span> </a> <a href="https://slidesgo.com/disney#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base flex items-center gap-1"> <svg class="size-4 text-transparent fill-current" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.2873 6.70059L12.6836 6.81558L12.9189 7.38326C14.0518 10.1155 12.7843 13.2399 10.0608 14.3692C7.32954 15.5017 4.20642 14.2355 3.07615 11.514C2.54296 10.1789 2.54334 8.71238 3.07732 7.37745L3.29875 6.82387L2.71505 6.70227C1.23465 6.39385 0.249645 4.9089 0.556141 3.43771L0.556213 3.43773L0.55782 3.42929C0.802189 2.14635 1.97071 1.21655 3.26787 1.21655C4.74853 1.21655 5.98079 2.39011 6.04228 3.86584L6.06871 4.50021L6.67921 4.32578C7.15298 4.19042 7.54277 4.12676 7.99695 4.12676C8.46221 4.12676 8.91685 4.19367 9.29394 4.31936L9.92397 4.52937L9.95162 3.86584C10.0131 2.3901 11.2454 1.21655 12.726 1.21655C14.2688 1.21655 15.5 2.4478 15.5 3.99053C15.5 5.2877 14.5702 6.45622 13.2873 6.70059Z" stroke="#0D0D0D"/> </svg> Disney <span class="uppercase inline-block px-1 mx-1 leading-relaxed bg-blue-100 rounded-sm text-xs font-semibold"> New content </span> </span> <span class="text-base text-gray-700 leading-relaxed">Templates with your favorite Disney and Pixar characters</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 flex items-center gap-1"> Infographics </span> <span class="text-base text-gray-700 leading-relaxed">Templates for turning data and information into visual presentations</span> </a> </div> </div> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> <div x-show="activeSection === 'Business'" 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 pb-6" > <div @click="selectSection('templates')" 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"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <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 font-semibold">Business</span> </a> <a href="https://slidesgo.com/money#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Money</span> </a> <a href="https://slidesgo.com/technology#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Technology</span> </a> <a href="https://slidesgo.com/law#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Law</span> </a> <a href="https://slidesgo.com/sport#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Sport</span> </a> <a href="https://slidesgo.com/architecture#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Architecture</span> </a> <a href="https://slidesgo.com/fashion#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Fashion</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'Medical'" 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 pb-6" > <div @click="selectSection('templates')" 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"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <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 font-semibold">Medical</span> </a> <a href="https://slidesgo.com/health#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Health</span> </a> <a href="https://slidesgo.com/mental-health#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Mental Health</span> </a> <a href="https://slidesgo.com/disease#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Disease</span> </a> <a href="https://slidesgo.com/case-report#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Case Report</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'Marketing'" 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 pb-6" > <div @click="selectSection('templates')" 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"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <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 font-semibold">Marketing</span> </a> <a href="https://slidesgo.com/newsletter#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Newsletter</span> </a> <a href="https://slidesgo.com/campaign#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Campaign</span> </a> <a href="https://slidesgo.com/instagram#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Instagram</span> </a> <a href="https://slidesgo.com/social-media#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Social Media</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'Popular'" 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 pb-6" > <div @click="selectSection('templates')" 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"/> </svg> <span class="text-base font-semibold"> Templates </span> </div> <div> <a href="https://slidesgo.com/themes#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base font-semibold">Popular</span> </a> <a href="https://slidesgo.com/food#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Food</span> </a> <a href="https://slidesgo.com/nature#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Nature</span> </a> <a href="https://slidesgo.com/travel#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Travel</span> </a> <a href="https://slidesgo.com/water#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Water</span> </a> <a href="https://slidesgo.com/space#from_element=main_menu" class="block mx-5 pl-4 py-3 rounded hover:bg-gray-50" > <span class="text-base">Space</span> </a> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/recent" > Explore recent templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </div> </div> <div x-show="activeSection === 'education-hub'" 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" > <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"/> </svg> <span class="text-base font-semibold"> Education Hub </span> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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 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 d="M12.2185 1.35677V3.8681H14.7298L12.2185 1.35677Z"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> By content type </span> </div> <div> <a href="https://slidesgo.com/coloring-page#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Coloring Page</span> </a> <a href="https://slidesgo.com/workshop#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Workshop</span> </a> <a href="https://slidesgo.com/about-me#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">About Me</span> </a> <a href="https://slidesgo.com/back-to-school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Back to School</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 block">Lesson</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 block">Thesis Defense</span> </a> <a href="https://slidesgo.com/printable#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Printable</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M15.7798 4.78992 8.24856.0711699c-.15197-.0952187-.34515-.0952187-.49712 0L.220188 4.78992C.0833125 4.87551 0 5.02567 0 5.18726c0 .1616.0833125.31175.220188.39735L7.75144 10.2721c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68749c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/><path d="m15.7798 10.4151-.7298-.45612-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 9.95898l-.729843.45612C.0833125 10.5007 0 10.6509 0 10.8125c0 .1616.0833125.3117.220188.3973l7.531252 4.7188c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.7188c.1369-.0856.2202-.2357.2202-.3973s-.0833-.3118-.2202-.3974Z"/><path d="m15.7798 7.60264-.7298-.45616-6.80144 4.23132c-.076.0476-.1625.0714-.24856.0714s-.17256-.0238-.24856-.0714L.950031 7.14648l-.729843.45616C.0833125 7.68823 0 7.83839 0 7.99998c0 .1616.0833125.31175.220188.39735L7.75144 13.0848c.076.0476.1625.0714.24856.0714s.17256-.0238.24856-.0714l7.53124-4.68747c.1369-.0856.2202-.23575.2202-.39735 0-.16159-.0833-.31175-.2202-.39734Z"/></svg> <span class="ml-2 text-base font-semibold uppercase"> By subject </span> </div> <div> <a href="https://slidesgo.com/history#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">History</span> </a> <a href="https://slidesgo.com/science#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Science</span> </a> <a href="https://slidesgo.com/art#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Art</span> </a> <a href="https://slidesgo.com/math#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Math</span> </a> <a href="https://slidesgo.com/biology#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Biology</span> </a> <a href="https://slidesgo.com/chemistry#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Chemistry</span> </a> <a href="https://slidesgo.com/geography#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Geography</span> </a> <a href="https://slidesgo.com/psychology#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Psychology</span> </a> <a href="https://slidesgo.com/literature#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Literature</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 fill-current" viewBox="0 0 22 16" xmlns="http://www.w3.org/2000/svg"><path d="M17.0798 9.4978v2.7964c0 1.0157-.5979 1.9222-1.5236 2.3465-1.125.5142-2.8285 1.0735-4.905 1.0735-2.0764 0-3.77997-.5593-4.9114-1.0735-.91929-.4243-1.51714-1.3308-1.51714-2.3465V9.4978l4.57071 2.0893c.585.27 1.21503.405 1.85783.405.6429 0 1.2729-.135 1.8579-.405l4.5707-2.0893Z"/><path d="M19.6509 8.32153v4.17857c0 .3536-.2892.6429-.6428.6429s-.6429-.2893-.6429-.6429V8.91296l1.2857-.59143Z"/><path d="M9.32538 10.4197c.42107.1922.87302.2886 1.32552.2886.4526 0 .9039-.0958 1.3256-.2886l8.2099-3.75305c.4629-.2115.7503-.65957.7503-1.16936 0-.50978-.2874-.9585-.7503-1.17L11.9765.574936c-.8428-.385071-1.8077-.385071-2.65048 0L1.11545 4.32665c-.462859.21214-.750216.66022-.750216 1.17 0 .50979.287357.95786.750216 1.17l8.20993 3.75305Z"/></svg> <span class="ml-2 text-base font-semibold uppercase"> By school level </span> </div> <div> <a href="https://slidesgo.com/pre-k#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Pre-K</span> </a> <a href="https://slidesgo.com/elementary#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Elementary</span> </a> <a href="https://slidesgo.com/middle-school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Middle School</span> </a> <a href="https://slidesgo.com/high-school#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">High School</span> </a> <a href="https://slidesgo.com/university#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">University</span> </a> </div> </div> <div> <div class="mx-5 py-1.5 mt-2 flex items-center border-b border-gray-75"> <svg class="h-4 text-purple-500 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"/> </svg> <span class="ml-2 text-base font-semibold uppercase"> Featured resources </span> </div> <div> <a href="https://slidesgo.com/ai#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">AI tools for education</span> <span class="text-base text-gray-700 leading-relaxed">Start creating with AI, for teachers and students</span> </a> <a href="https://slidesgo.com/slidesclass#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Slidesclass</span> <span class="text-base text-gray-700 leading-relaxed">Ready-to-use slides for any subject to simplify your lesson planning</span> </a> <a href="https://slidesgo.com/smartick#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Smartick</span> <span class="text-base text-gray-700 leading-relaxed">Discover the world of mathematics like never before with Smartick!</span> </a> <a href="https://slidesgo.com/teacher-toolkit#from_element=main_menu" class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50" > <span class="text-base block">Teacher Toolkit</span> <span class="text-base text-gray-700 leading-relaxed">Ready-to-edit educational materials</span> </a> </div> </div> <a class="mt-5 mx-5 pl-1.5 py-3 flex items-center w-fit text-base font-semibold text-purple-600" href="https://slidesgo.com/education" > Explore all education templates <svg class="h-3.5 ml-2 fill-current" viewBox="0 0 8 14" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M4.9207 7.00011.361593 11.3769c-.482124.4628-.482124 1.2132 0 1.676.482172.4629 1.263807.4629 1.745927 0l5.4321-5.21477c.24108-.23135.36163-.53471.36163-.83802 0-.30331-.12055-.60663-.36158-.83807L2.10757.947227C1.6254.484388.843765.484388.361642.947227c-.482123.462843-.482123 1.213253 0 1.676093L4.9207 7.00011Z"/></svg> </a> </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"> <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"/> </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" data-option="learn.school" data-gtm-event="main_menu" onclick="gtm.navbarGtm('tutorial', '{{ route('school') }}')" href="https://slidesgo.com/slidesgo-school" target="_self" > <span class="block h-6">Blog</span> <span class="block text-gray-700">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.powerpoint_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/powerpoint-tutorials" target="_self" > <span class="block h-6">PowerPoint Tutorials</span> <span class="block text-gray-700">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" data-option="learn.google_slides_tutorials" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/google-slides-tutorials" target="_self" > <span class="block h-6">Google Slides Tutorials</span> <span class="block text-gray-700">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" data-option="learn.presentation_tips" data-gtm-event="main_menu" href="https://slidesgo.com/slidesgo-school/presentation-tips" target="_self" > <span class="block h-6">Presentation Tips</span> <span class="block text-gray-700">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" data-option="learn.community" data-gtm-event="main_menu" onclick="gtm.navbarGtm('academy', 'https://www.facebook.com/groups/1129415331402945')" href="https://www.facebook.com/groups/1129415331402945" target="_blank" > <span class="block h-6">Slidesgo Teacher Community</span> <span class="block text-gray-700">Join a global community of teachers and educators sharing tips and tools</span> </a> </div> </div> <div x-show="activeSection === 'pricing'" 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"> <div @click="selectSection('menu')" class="mx-5 pl-1.5 py-2.5 rounded text-yellow-800 hover:bg-gray-50 flex items-center cursor-pointer" > <svg class="size-6 text-gray-800 inline-block rotate-180 fill-current"> <use xlink:href="#icon-nav-mobile-caret-drop"/> </svg> <span class="text-base font-semibold"> Plans & Pricing </span> </div> <div> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/pricing" onclick="trackAnalytic('premium', 'click', 'prices-individual'); gtm.microfunnel('', 'Simple plans for you', 'https://slidesgo.com/pricing', 'header_menu')" rel="noreferrer" > <span class="block h-6">Pricing</span> <span class="block text-gray-600">Discover benefits of Premium plan</span> </a> <a class="block mx-5 pl-1.5 py-3 rounded hover:bg-gray-50 text-base" href="https://slidesgo.com/for-education-contact-us" rel="noreferrer" > <span class="block h-6">Slidesgo for Schools and Districts</span> <span class="block text-gray-600">Save money when your school buys together</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"> <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"/> </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/><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"/></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': 'detail'}); gtag('set', { 'dimension1': 'anonymous' }); </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/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/social-share-C5UzG7AK.js" /><script type="module" src="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/social-share-C5UzG7AK.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/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/article-details-QJWFvCnO.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/pagination-BfIeYl8k.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/article-list-DmVuILn1.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/download-CYBTtY44.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/favorite-BxCgFJRk.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/functions-jlleKNFh.js" /><script type="module" src="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/article-details-QJWFvCnO.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/article-list-DmVuILn1.js" data-navigate-track="reload"></script><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/searcher-CwauGSSJ.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/app-c3eFW2ew.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/index-DcSiGHp9.js" /><link rel="modulepreload" href="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/functions-jlleKNFh.js" /><script type="module" src="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/searcher-CwauGSSJ.js" data-navigate-track="reload"></script><script type="module" src="https://media.slidesgo.com/dist/f626d74dda43ea33413c3ed724c44d05fbfc191c/build/assets/app-c3eFW2ew.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 = 'detail' LUX = window.LUX || {}; LUX.label = "detail"; window.slg.userId = ""; window.slg.fpUserId = ""; window.slg.userCountry = ""; window.slg.userType = "anonymous"; window.slg.totalResults = 0; window.slg.nextSearchExpression = ""; if (window.IntersectionObserver) { window.views = {}; window.trackAllTimeoutControl = null; document.querySelectorAll(".theme_post").forEach((post) => { new IntersectionObserver((entries, observer) => { entries.forEach(entry => { let target = entry.target; let element = window.views[target.dataset.slug] || { el: target, timeOnScreen: 0, visibleSince: null, tracked: false, }; if (entry.isIntersecting) { element.visibleSince = new Date(); clearTimeout(window.trackAllTimeoutControl); window.trackAllTimeoutControl = setTimeout(() => { window.dispatchEvent(new CustomEvent('trackAll')); }, 2000); } else if (element.visibleSince) { element.timeOnScreen += new Date() - element.visibleSince; element.visibleSince = null; } window.views[target.dataset.slug] = element; }); }, { threshold: 1 }).observe(post); }); } </script> <script> let extraParams = null; extraParams = {"content_group":"resource_detail","content_type":"free","content_group2":"Teacher,Back to School"}; window.addEventListener("load", () => { gtm.pageView(null, null, extraParams) }); </script> <script> trackCustom('detail', {article: 9211}); </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> </body> </html>

CINXE.COM

Dutlo Sticky Notes Style - My First Day | Google Slides & PowerPoint template