Daily UI Design Challenge | Day - 26 | Subscribe - YouTube

By Lakeshia Wheeler August 10, 2021

</p> </div> <div class="socials-sharing socials socials-colored-hover"> <a class="socials-item" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fkeekee360design.com%2Fblog%2Fdaily-ui-design-challenge-day-26-subscribe-youtube%2F" title="Facebook"><i class="socials-item-icon facebook"></i></a> <a class="socials-item" target="_blank" href="https://twitter.com/intent/tweet?text=Daily+UI+Design+Challenge+%7C+Day+%26%238211%3B+26+%7C+Subscribe+%26%238211%3B+YouTube&url=https%3A%2F%2Fkeekee360design.com%2Fblog%2Fdaily-ui-design-challenge-day-26-subscribe-youtube%2F" title="Twitter"><i class="socials-item-icon twitter"></i></a> <a class="socials-item" target="_blank" href="https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fkeekee360design.com%2Fblog%2Fdaily-ui-design-challenge-day-26-subscribe-youtube%2F&description=Daily+UI+Design+Challenge+%7C+Day+%26%238211%3B+26+%7C+Subscribe+%26%238211%3B+YouTube&media=https%3A%2F%2Fkeekee360design.com%2Fwp-content%2Fuploads%2F2021%2F08%2Fmaxresdefault-6-thegem-blog-timeline-large.jpg" title="Pinterest"><i class="socials-item-icon pinterest"></i></a> <a class="socials-item" target="_blank" href="https://www.tumblr.com/widgets/share/tool?canonicalUrl=https%3A%2F%2Fkeekee360design.com%2Fblog%2Fdaily-ui-design-challenge-day-26-subscribe-youtube%2F" title="Tumblr"><i class="socials-item-icon tumblr"></i></a> <a class="socials-item" target="_blank" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fkeekee360design.com%2Fblog%2Fdaily-ui-design-challenge-day-26-subscribe-youtube%2F&title=Daily+UI+Design+Challenge+%7C+Day+%26%238211%3B+26+%7C+Subscribe+%26%238211%3B+YouTube&summary=" title="LinkedIn"><i class="socials-item-icon linkedin"></i></a> <a class="socials-item" target="_blank" href="https://www.reddit.com/submit?url=https%3A%2F%2Fkeekee360design.com%2Fblog%2Fdaily-ui-design-challenge-day-26-subscribe-youtube%2F&title=Daily+UI+Design+Challenge+%7C+Day+%26%238211%3B+26+%7C+Subscribe+%26%238211%3B+YouTube" title="Reddit"><i class="socials-item-icon reddit"></i></a> </div> <div class="post-author-block rounded-corners clearfix"> <div class="post-author-avatar"><img alt='Lakeshia Wheeler' src='https://secure.gravatar.com/avatar/1f79b050ce90e50b9d091b7b541b5c118f88a5aeea9f959213bd13663c100a6a?s=100&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/1f79b050ce90e50b9d091b7b541b5c118f88a5aeea9f959213bd13663c100a6a?s=200&d=mm&r=g 2x' class='avatar avatar-100 photo' height='100' width='100' /></div> <div class="post-author-info"> <div class="name title-h5">Lakeshia Wheeler <span class="light">/ About Author</span></div> <div class="post-author-description"></div> <div class="post-author-posts-link"><a href="https://keekee360design.com/author/admin/">More posts by Lakeshia Wheeler</a></div> </div> </div> <div class="post-related-posts"> <h2>Related Posts</h2> <div class="post-related-posts-block clearfix"> <div class="preloader"><div class="preloader-spin"></div></div> <div class="related-posts-carousel"> <div class="related-element"> <a href="https://keekee360design.com/blog/design-an-eye-catching-3d-logo-with-adobe-substance-3d-and-illustrator-adobe-creative-cloud/" aria-label="Design an eye-catching 3D logo with Adobe Substance 3D and Illustrator | Adobe Creative Cloud"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/design-an-eye-catching-3d-logo-with-adobe-substance-3d-and-illustrator-adobe-creative-cloud/">Design an eye-catching 3D logo with Adobe Substance 3D and Illustrator | Adobe Creative Cloud</a> <div class='related-element-info-excerpt'> <p>See how Get it Studio uses Adobe Illustrator and Substance 3D to make logos that pop. Learn more here: https://creativecloud.adobe.com/cc/discover/article/design-an-eye-catching-logo-in-3d…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">01 Jan 2025</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/yuya-parker-adobe-stock-artist-spotlight-episode-32-creative-cloud/" aria-label="Yuya Parker | Adobe Stock Artist Spotlight: Episode 32 | Creative Cloud"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/yuya-parker-adobe-stock-artist-spotlight-episode-32-creative-cloud/">Yuya Parker | Adobe Stock Artist Spotlight: Episode 32 | Creative Cloud</a> <div class='related-element-info-excerpt'> <p>In this episode of Artist Spotlight, Yuya Parker discusses his humble beginnings taking photos of cupcakes and how his career…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">26 Nov 2024</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/elegant-web-design-and-app-design-for-rimowa/" aria-label="Elegant Web Design and App Design for Rimowa"><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2019/06/e1055067457507.5b3aae6135422-256x256.jpg" class=" wp-post-image" alt="" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2019/06/e1055067457507.5b3aae6135422-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2019/06/e1055067457507.5b3aae6135422-thegem-post-thumb-large.jpg 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a84f7" /><script>window.tgpQueue.add('tgpli-69c41a35a84f7')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2019/06/e1055067457507.5b3aae6135422-256x256.jpg" class=" wp-post-image" alt="" srcset="https://keekee360design.com/wp-content/uploads/2019/06/e1055067457507.5b3aae6135422-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2019/06/e1055067457507.5b3aae6135422-thegem-post-thumb-large.jpg 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/elegant-web-design-and-app-design-for-rimowa/">Elegant Web Design and App Design for Rimowa</a> <div class='related-element-info-excerpt'> <p>Edouard Spriet shared a super elegant web design project for a travel app called Rimowa,  one of Europe’s leading manufacturers of…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">26 Jun 2019</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/today-is-photoshops-30th-birthday/" aria-label="Today is Photoshop’s 30th birthday! "><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2020/02/IterativeCAF_withOutputOptionsOpen-256x256.png" class=" wp-post-image" alt="" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2020/02/IterativeCAF_withOutputOptionsOpen-thegem-post-thumb-small.png 1x, https://keekee360design.com/wp-content/uploads/2020/02/IterativeCAF_withOutputOptionsOpen-thegem-post-thumb-large.png 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a8507" /><script>window.tgpQueue.add('tgpli-69c41a35a8507')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2020/02/IterativeCAF_withOutputOptionsOpen-256x256.png" class=" wp-post-image" alt="" srcset="https://keekee360design.com/wp-content/uploads/2020/02/IterativeCAF_withOutputOptionsOpen-thegem-post-thumb-small.png 1x, https://keekee360design.com/wp-content/uploads/2020/02/IterativeCAF_withOutputOptionsOpen-thegem-post-thumb-large.png 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/today-is-photoshops-30th-birthday/">Today is Photoshop’s 30th birthday! </a> <div class='related-element-info-excerpt'> <p>It’s crazy to think that a design tool is 30 years young but for me especially it’s even more surreal…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">21 Feb 2020</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/change-photo-colors-with-generative-recolor-beta-in-adobe-illustrator-adobeillustrator-shorts/" aria-label="Change photo colors with Generative Recolor (beta) in Adobe Illustrator #adobeillustrator #shorts"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/change-photo-colors-with-generative-recolor-beta-in-adobe-illustrator-adobeillustrator-shorts/">Change photo colors with Generative Recolor (beta) in Adobe Illustrator #adobeillustrator #shorts</a> <div class='related-element-info-excerpt'> <p>Learn how to quickly change the color of your photos with Generative Recolor (beta) in Adobe Illustrator. Andrew and Danielle…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">04 Jan 2024</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/elon-musk-calls-linkedin-cringe-announces-competitor/" aria-label="Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor"><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2023/09/Elon-Musk_0d0dcdb45e6eb89b4dbd7379b0730ab6-256x256.jpg" class=" wp-post-image" alt="" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2023/09/Elon-Musk_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2023/09/Elon-Musk_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-large.jpg 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a8517" /><script>window.tgpQueue.add('tgpli-69c41a35a8517')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2023/09/Elon-Musk_0d0dcdb45e6eb89b4dbd7379b0730ab6-256x256.jpg" class=" wp-post-image" alt="" srcset="https://keekee360design.com/wp-content/uploads/2023/09/Elon-Musk_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2023/09/Elon-Musk_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-large.jpg 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/elon-musk-calls-linkedin-cringe-announces-competitor/">Elon Musk calls LinkedIn ‘Cringe’—Announces Competitor</a> <div class='related-element-info-excerpt'> <p>It seems we can’t go for one week without talking about Elon Musk, but the news simply writes itself. In…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">29 Dec 2024</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/twitter-rebrand-musk-finally-finds-a-use-for-x-com/" aria-label="Twitter Rebrand: Musk Finally Finds a Use for x.com"><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2023/07/musk_twitter_0d0dcdb45e6eb89b4dbd7379b0730ab6-256x256.jpg" class=" wp-post-image" alt="" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2023/07/musk_twitter_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2023/07/musk_twitter_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-large.jpg 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a8524" /><script>window.tgpQueue.add('tgpli-69c41a35a8524')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2023/07/musk_twitter_0d0dcdb45e6eb89b4dbd7379b0730ab6-256x256.jpg" class=" wp-post-image" alt="" srcset="https://keekee360design.com/wp-content/uploads/2023/07/musk_twitter_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2023/07/musk_twitter_0d0dcdb45e6eb89b4dbd7379b0730ab6-thegem-post-thumb-large.jpg 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/twitter-rebrand-musk-finally-finds-a-use-for-x-com/">Twitter Rebrand: Musk Finally Finds a Use for x.com</a> <div class='related-element-info-excerpt'> <p>Initially, there was perverse enjoyment in watching an incredibly privileged person held to their word, lose a few billion, and get…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">17 Nov 2024</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/design-branding-with-saul-meza/" aria-label="Design branding with Saul Meza"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/design-branding-with-saul-meza/">Design branding with Saul Meza</a> <div class='related-element-info-excerpt'> <p>Bold ideas deserve bold testing. 🍣 Designer Saul Meza challenges his type and logo designs in #AdobeIllustrator—mocking them up on…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">03 Feb 2026</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/popular-design-news-of-the-week-june-17-2019-june-23-2019-webdesigner-depot/" aria-label="Popular design news of the week: June 17, 2019 – June 23, 2019 | Webdesigner Depot"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/popular-design-news-of-the-week-june-17-2019-june-23-2019-webdesigner-depot/">Popular design news of the week: June 17, 2019 – June 23, 2019 | Webdesigner Depot</a> <div class='related-element-info-excerpt'> <p>Every week users submit a lot of interesting stuff on our sister site Webdesigner News, highlighting great content from around…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">28 Jun 2019</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/illustration-inspired-by-travels-books-and-people-who-can-make-our-life-amazing-and-colorful/" aria-label="Illustration inspired by travels, books and people, who can make our life amazing and colorful"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/illustration-inspired-by-travels-books-and-people-who-can-make-our-life-amazing-and-colorful/">Illustration inspired by travels, books and people, who can make our life amazing and colorful</a> <div class='related-element-info-excerpt'> <p>Irene Neyman is a self-taught illustrator & graphic designer from Ukraine, who creates a strong visual and emotional connection between…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">15 Jun 2023</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/darker-3d-explorations-in-octane/" aria-label="DARKER — 3D Explorations in Octane"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/darker-3d-explorations-in-octane/">DARKER — 3D Explorations in Octane</a> <div class='related-element-info-excerpt'> <p>DARKER — 3D Explorations in Octaneabduzeedo1201—21 Dan Zucco shared a beautiful personal project exploring lighting setups, composition and pbr materials…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">22 Dec 2021</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/burning-midnight-case-study/" aria-label="Burning Midnight — Case Study"><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2021/10/Untitled-256x256.gif" class=" wp-post-image" alt="" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2021/10/Untitled-thegem-post-thumb-small.gif 1x, https://keekee360design.com/wp-content/uploads/2021/10/Untitled-thegem-post-thumb-large.gif 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a853e" /><script>window.tgpQueue.add('tgpli-69c41a35a853e')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2021/10/Untitled-256x256.gif" class=" wp-post-image" alt="" srcset="https://keekee360design.com/wp-content/uploads/2021/10/Untitled-thegem-post-thumb-small.gif 1x, https://keekee360design.com/wp-content/uploads/2021/10/Untitled-thegem-post-thumb-large.gif 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/burning-midnight-case-study/">Burning Midnight — Case Study</a> <div class='related-element-info-excerpt'> <p>Burning Midnight started as a poem, a literary contribution to the Cyberpunk genre—but it became much more. The words inspired…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">10 Nov 2021</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/measuring-success-key-metrics-for-social-media-management/" aria-label="Measuring Success: Key Metrics for Social Media Management"><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2024/02/blog-6-256x256.jpg" class=" wp-post-image" alt="Key Metrics for Social Media Management, social media crisis management, social media presence, social media marketing, social media manager , SSM, best social media manager near me, affordable social media management, Keekee360design, Huntsville, Atlanta, Nashville, keekee360, best social media manager" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2024/02/blog-6-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2024/02/blog-6-thegem-post-thumb-large.jpg 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a8554" /><script>window.tgpQueue.add('tgpli-69c41a35a8554')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2024/02/blog-6-256x256.jpg" class=" wp-post-image" alt="Key Metrics for Social Media Management, social media crisis management, social media presence, social media marketing, social media manager , SSM, best social media manager near me, affordable social media management, Keekee360design, Huntsville, Atlanta, Nashville, keekee360, best social media manager" srcset="https://keekee360design.com/wp-content/uploads/2024/02/blog-6-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2024/02/blog-6-thegem-post-thumb-large.jpg 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/measuring-success-key-metrics-for-social-media-management/">Measuring Success: Key Metrics for Social Media Management</a> <div class='related-element-info-excerpt'> <p>To gauge the effectiveness of social media efforts, it is crucial to measure success using relevant metrics. By tracking key…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">01 Jul 2024</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/generative-ai-photography-pirates-in-midjourney/" aria-label="Generative AI Photography — Pirates in Midjourney"><span class="gem-dummy "></span></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/generative-ai-photography-pirates-in-midjourney/">Generative AI Photography — Pirates in Midjourney</a> <div class='related-element-info-excerpt'> <p>My journey through generative AI has really started after I got blown away by some of the results I got…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">29 Nov 2024</span> </div> </div> </div> </div> </div> <div class="related-element"> <a href="https://keekee360design.com/blog/xd-daily-creative-challenge-dynamic-transitions/" aria-label="XD Daily Creative Challenge – Dynamic Transitions"><img width="256" height="256" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2021/10/hqdefault-2-256x256.jpg" class=" wp-post-image" alt="" data-tgpli-srcset="https://keekee360design.com/wp-content/uploads/2021/10/hqdefault-2-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2021/10/hqdefault-2-thegem-post-thumb-large.jpg 2x" sizes="100vw" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a8569" /><script>window.tgpQueue.add('tgpli-69c41a35a8569')</script><noscript><img width="256" height="256" src="https://keekee360design.com/wp-content/uploads/2021/10/hqdefault-2-256x256.jpg" class=" wp-post-image" alt="" srcset="https://keekee360design.com/wp-content/uploads/2021/10/hqdefault-2-thegem-post-thumb-small.jpg 1x, https://keekee360design.com/wp-content/uploads/2021/10/hqdefault-2-thegem-post-thumb-large.jpg 2x" sizes="100vw" /></noscript></a> <div class="related-element-info clearfix"> <div class="related-element-info-conteiner"> <a href="https://keekee360design.com/blog/xd-daily-creative-challenge-dynamic-transitions/">XD Daily Creative Challenge – Dynamic Transitions</a> <div class='related-element-info-excerpt'> <p>CHALLENGE: Learn how to animate a unique page transition using Auto-Animate. Get the starter file here: https://bit.ly/xddcc10-18-3 Join your host…</p> </div> </div> <div class="post-meta date-color"> <div class="entry-meta clearfix"> <div class="post-meta-right"> </div> <div class="post-meta-left"> <span class="post-meta-date gem-post-date gem-date-color small-body">24 Oct 2021</span> </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> <div class="sidebar col-lg-3 col-md-3 col-sm-12 col-md-pull-9 col-sm-pull-0" role="complementary"><div class="widget-area"> <aside id="search-4" class="widget widget_search"><form role="search" method="get" id="searchform" class="searchform" action="https://keekee360design.com/"> <div> <input type="text" value="" name="s" id="s" aria-label="Search" /><input type="hidden" name="post_type" value="product" /> <button class="gem-button" type="submit" id="searchsubmit" value="Search">Search</button> </div> </form></aside><aside id="categories-3" class="widget widget_categories"><h4 class="widget-title">Categories</h4> <ul> <li class="cat-item cat-item-250"><a href="https://keekee360design.com/category/portfolio/" title="View all posts filed under Art">Art</a> (97) </li> <li class="cat-item cat-item-18"><a href="https://keekee360design.com/category/blog/" title="View all posts filed under Blog">Blog</a> (521) </li> <li class="cat-item cat-item-19"><a href="https://keekee360design.com/category/branding/" title="View all posts filed under Branding">Branding</a> (1) </li> <li class="cat-item cat-item-22"><a href="https://keekee360design.com/category/designing/" title="View all posts filed under Designing">Designing</a> (1) </li> <li class="cat-item cat-item-448"><a href="https://keekee360design.com/category/blogs-01/" title="View all posts filed under Interface">Interface</a> (6) </li> <li class="cat-item cat-item-458"><a href="https://keekee360design.com/category/social-media-management/" title="View all posts filed under Social Media Management">Social Media Management</a> (9) </li> </ul> </aside><aside id="tag_cloud-3" class="widget widget_tag_cloud"><h4 class="widget-title">Tags Cloud</h4><div class="tagcloud"><a href="https://keekee360design.com/tag/socialmediaalgorithms/" class="tag-cloud-link tag-link-461 tag-link-position-1" style="font-size: 12px;" aria-label="#SocialMediaAlgorithms (1 item)">#SocialMediaAlgorithms</a> <a href="https://keekee360design.com/tag/ad/" class="tag-cloud-link tag-link-419 tag-link-position-2" style="font-size: 20.354430379747px;" aria-label="ad (24 items)">ad</a> <a href="https://keekee360design.com/tag/adobe/" class="tag-cloud-link tag-link-128 tag-link-position-3" style="font-size: 24.759493670886px;" aria-label="Adobe (94 items)">Adobe</a> <a href="https://keekee360design.com/tag/portfolio/" class="tag-cloud-link tag-link-345 tag-link-position-4" style="font-size: 28.632911392405px;" aria-label="Art (310 items)">Art</a> <a href="https://keekee360design.com/tag/brand/" class="tag-cloud-link tag-link-435 tag-link-position-5" style="font-size: 12px;" aria-label="brand (1 item)">brand</a> <a href="https://keekee360design.com/tag/brand-awareness/" class="tag-cloud-link tag-link-462 tag-link-position-6" style="font-size: 12px;" aria-label="Brand Awareness (1 item)">Brand Awareness</a> <a href="https://keekee360design.com/tag/branded/" class="tag-cloud-link tag-link-436 tag-link-position-7" style="font-size: 12px;" aria-label="branded (1 item)">branded</a> <a href="https://keekee360design.com/tag/branding/" class="tag-cloud-link tag-link-354 tag-link-position-8" style="font-size: 28.708860759494px;" aria-label="branding (312 items)">branding</a> <a href="https://keekee360design.com/tag/cg/" class="tag-cloud-link tag-link-422 tag-link-position-9" style="font-size: 12px;" aria-label="CG (1 item)">CG</a> <a href="https://keekee360design.com/tag/content-creation/" class="tag-cloud-link tag-link-437 tag-link-position-10" style="font-size: 17.620253164557px;" aria-label="content creation (10 items)">content creation</a> <a href="https://keekee360design.com/tag/content-marketing/" class="tag-cloud-link tag-link-443 tag-link-position-11" style="font-size: 23.012658227848px;" aria-label="content marketing (55 items)">content marketing</a> <a href="https://keekee360design.com/tag/creativeblog/" class="tag-cloud-link tag-link-418 tag-link-position-12" style="font-size: 20.430379746835px;" aria-label="creativeblog (25 items)">creativeblog</a> <a href="https://keekee360design.com/tag/creative-cloud/" class="tag-cloud-link tag-link-423 tag-link-position-13" style="font-size: 24.759493670886px;" aria-label="Creative cloud (94 items)">Creative cloud</a> <a href="https://keekee360design.com/tag/design/" class="tag-cloud-link tag-link-25 tag-link-position-14" style="font-size: 28.936708860759px;" aria-label="Design (340 items)">Design</a> <a href="https://keekee360design.com/tag/engaging-and-growing-your-social-media-audience/" class="tag-cloud-link tag-link-460 tag-link-position-15" style="font-size: 12px;" aria-label="Engaging and Growing Your Social Media Audience (1 item)">Engaging and Growing Your Social Media Audience</a> <a href="https://keekee360design.com/tag/finance/" class="tag-cloud-link tag-link-363 tag-link-position-16" style="font-size: 12px;" aria-label="Finance (Demo) (1 item)">Finance (Demo)</a> <a href="https://keekee360design.com/tag/graphic-design/" class="tag-cloud-link tag-link-346 tag-link-position-17" style="font-size: 29.772151898734px;" aria-label="graphic design (438 items)">graphic design</a> <a href="https://keekee360design.com/tag/instagram/" class="tag-cloud-link tag-link-434 tag-link-position-18" style="font-size: 16.177215189873px;" aria-label="instagram (6 items)">instagram</a> <a href="https://keekee360design.com/tag/management/" class="tag-cloud-link tag-link-411 tag-link-position-19" style="font-size: 15.645569620253px;" aria-label="management (5 items)">management</a> <a href="https://keekee360design.com/tag/marketing/" class="tag-cloud-link tag-link-173 tag-link-position-20" style="font-size: 16.556962025316px;" aria-label="marketing (7 items)">marketing</a> <a href="https://keekee360design.com/tag/money/" class="tag-cloud-link tag-link-412 tag-link-position-21" style="font-size: 15.037974683544px;" aria-label="money (4 items)">money</a> <a href="https://keekee360design.com/tag/ranking-on-google/" class="tag-cloud-link tag-link-454 tag-link-position-22" style="font-size: 12px;" aria-label="ranking on google (1 item)">ranking on google</a> <a href="https://keekee360design.com/tag/reel/" class="tag-cloud-link tag-link-438 tag-link-position-23" style="font-size: 12px;" aria-label="reel (1 item)">reel</a> <a href="https://keekee360design.com/tag/reels/" class="tag-cloud-link tag-link-433 tag-link-position-24" style="font-size: 19.443037974684px;" aria-label="reels (18 items)">reels</a> <a href="https://keekee360design.com/tag/search-engine-optimization/" class="tag-cloud-link tag-link-453 tag-link-position-25" style="font-size: 15.037974683544px;" aria-label="search engine optimization (4 items)">search engine optimization</a> <a href="https://keekee360design.com/tag/seo/" class="tag-cloud-link tag-link-347 tag-link-position-26" style="font-size: 28.708860759494px;" aria-label="seo (316 items)">seo</a> <a href="https://keekee360design.com/tag/shorts/" class="tag-cloud-link tag-link-441 tag-link-position-27" style="font-size: 18.151898734177px;" aria-label="shorts (12 items)">shorts</a> <a href="https://keekee360design.com/tag/small-business/" class="tag-cloud-link tag-link-349 tag-link-position-28" style="font-size: 15.645569620253px;" aria-label="small business (5 items)">small business</a> <a href="https://keekee360design.com/tag/social-media/" class="tag-cloud-link tag-link-348 tag-link-position-29" style="font-size: 30px;" aria-label="Social Media (470 items)">Social Media</a> <a href="https://keekee360design.com/tag/social-media-content-calendar/" class="tag-cloud-link tag-link-463 tag-link-position-30" style="font-size: 12px;" aria-label="Social Media Content Calendar (1 item)">Social Media Content Calendar</a> <a href="https://keekee360design.com/tag/social-media-management/" class="tag-cloud-link tag-link-355 tag-link-position-31" style="font-size: 28.860759493671px;" aria-label="social media management (328 items)">social media management</a> <a href="https://keekee360design.com/tag/social-media-manager/" class="tag-cloud-link tag-link-455 tag-link-position-32" style="font-size: 17.620253164557px;" aria-label="social media manager (10 items)">social media manager</a> <a href="https://keekee360design.com/tag/social-media-manager-near-me/" class="tag-cloud-link tag-link-457 tag-link-position-33" style="font-size: 12px;" aria-label="social media manager near me (1 item)">social media manager near me</a> <a href="https://keekee360design.com/tag/social-media-marketing/" class="tag-cloud-link tag-link-442 tag-link-position-34" style="font-size: 23.46835443038px;" aria-label="social media marketing (63 items)">social media marketing</a> <a href="https://keekee360design.com/tag/social-media-marketingm-business-reputation/" class="tag-cloud-link tag-link-456 tag-link-position-35" style="font-size: 12px;" aria-label="social media marketingm business reputation (1 item)">social media marketingm business reputation</a> <a href="https://keekee360design.com/tag/social-media-metrics/" class="tag-cloud-link tag-link-459 tag-link-position-36" style="font-size: 12px;" aria-label="social media metrics (1 item)">social media metrics</a> <a href="https://keekee360design.com/tag/spoon-graphics/" class="tag-cloud-link tag-link-421 tag-link-position-37" style="font-size: 13.367088607595px;" aria-label="Spoon Graphics (2 items)">Spoon Graphics</a> <a href="https://keekee360design.com/tag/ssm/" class="tag-cloud-link tag-link-452 tag-link-position-38" style="font-size: 16.177215189873px;" aria-label="SSM (6 items)">SSM</a> <a href="https://keekee360design.com/tag/tiktok/" class="tag-cloud-link tag-link-431 tag-link-position-39" style="font-size: 19.898734177215px;" aria-label="tiktok (21 items)">tiktok</a> <a href="https://keekee360design.com/tag/ui/" class="tag-cloud-link tag-link-417 tag-link-position-40" style="font-size: 13.367088607595px;" aria-label="UI (2 items)">UI</a> <a href="https://keekee360design.com/tag/video-marketing/" class="tag-cloud-link tag-link-445 tag-link-position-41" style="font-size: 22.860759493671px;" aria-label="video marketing (53 items)">video marketing</a> <a href="https://keekee360design.com/tag/web-design-2/" class="tag-cloud-link tag-link-134 tag-link-position-42" style="font-size: 29.544303797468px;" aria-label="web design (406 items)">web design</a> <a href="https://keekee360design.com/tag/website-develpoment/" class="tag-cloud-link tag-link-444 tag-link-position-43" style="font-size: 23.012658227848px;" aria-label="website develpoment (55 items)">website develpoment</a> <a href="https://keekee360design.com/tag/youtube/" class="tag-cloud-link tag-link-428 tag-link-position-44" style="font-size: 17.924050632911px;" aria-label="youtube (11 items)">youtube</a> <a href="https://keekee360design.com/tag/youtube-shorts/" class="tag-cloud-link tag-link-429 tag-link-position-45" style="font-size: 12px;" aria-label="youtube shorts (1 item)">youtube shorts</a></div> </aside></div> </div> </div> </div> </div> </div> </div> <div id="lazy-loading-point"></div> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="container"> <div class="row inline-row footer-widget-area" role="complementary"> <div id="text-55" class="widget inline-column col-md-4 col-sm-6 col-xs-12 count-3 widget_text"><h3 class="widget-title">I’m Writing a Book</h3> <div class="textwidget"><p>So I’m writing a book. Be sure to read a chapter and let me know what you think.</p> <h4><a title="Book" href="https://keekee360design.com/the-book/">Read the 1st Chapter!</a></h4> <p> </p> <p><a style="display: inline-block; border: 0;" href="https://www.expertise.com/al/huntsville/digital-marketing-agencies"><img style="width: 200px; display: block;" data-tgpli-src="//res.cloudinary.com/expertise-com/image/upload/f_auto,fl_lossy,q_auto/w_auto/remote_media/awards/al_huntsville_digital-marketing-agencies_2020_inverse.svg" alt="Best Huntsville Digital Marketing Agencies" width="200" height="160" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a858a" /><script>window.tgpQueue.add('tgpli-69c41a35a858a')</script><noscript><img style="width: 200px; display: block;" src="//res.cloudinary.com/expertise-com/image/upload/f_auto,fl_lossy,q_auto/w_auto/remote_media/awards/al_huntsville_digital-marketing-agencies_2020_inverse.svg" alt="Best Huntsville Digital Marketing Agencies" width="200" height="160" /></noscript></a></p> </div> </div><div id="custom_html-10" class="widget_text widget inline-column col-md-4 col-sm-6 col-xs-12 count-3 widget_custom_html"><div class="textwidget custom-html-widget"><a id="bbblink" class="ruhzbum" href="https://www.bbb.org/northern-alabama/business-reviews/graphic-designer/keekee360-design-in-huntsville-al-900179116#bbbseal" title="Keekee360 Design, Graphic Designer, Huntsville, AL" style="display: block;position: relative;overflow: hidden; width: 150px; height: 68px; margin: 0px; padding: 0px;"><img style="padding: 0px; border: none;" id="bbblinkimg" data-tgpli-src="https://seal-northalabama.bbb.org/logo/ruhzbum/keekee360-design-900179116.png" width="300" height="68" alt="Keekee360 Design, Graphic Designer, Huntsville, AL" data-tgpli-inited data-tgpli-image-inited /><script>window.tgpQueue.add('bbblinkimg')</script><noscript><img style="padding: 0px; border: none;" id="bbblinkimg" src="https://seal-northalabama.bbb.org/logo/ruhzbum/keekee360-design-900179116.png" width="300" height="68" alt="Keekee360 Design, Graphic Designer, Huntsville, AL" /></noscript></a><script type="text/javascript">var bbbprotocol = ( ("https:" == document.location.protocol) ? "https://" : "http://" ); (function(){var s=document.createElement('script');s.src=bbbprotocol + 'seal-northalabama.bbb.org' + unescape('%2Flogo%2Fkeekee360-design-900179116.js');s.type='text/javascript';s.async=true;var st=document.getElementsByTagName('script');st=st[st.length-1];var pt=st.parentNode;pt.insertBefore(s,pt.nextSibling);})();</script> <br> <a href="https://www.designrush.com/agency/profile/keekee360-design"><img class="wp-image-30907 alignleft" data-tgpli-src="https://keekee360design.com/wp-content/uploads/2018/12/DesignRush-Best-Graphic-Design-Agency-274-x-3361.png" alt="Best graphic design award" width="150" height="200" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a859e" /><script>window.tgpQueue.add('tgpli-69c41a35a859e')</script><noscript><img class="wp-image-30907 alignleft" src="https://keekee360design.com/wp-content/uploads/2018/12/DesignRush-Best-Graphic-Design-Agency-274-x-3361.png" alt="Best graphic design award" width="150" height="200" /></noscript></a> <br> <a href="https://manage.alphahosting.com/aff.php?aff=1423"><img data-tgpli-src="https://s3.amazonaws.com/media.alphahosting.com/images/affiliate/Alpha_Affiliate_300x100.png" alt="Best hosting" widthdth="150" height="50" border="0" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a85a6" ><script>window.tgpQueue.add('tgpli-69c41a35a85a6')</script><noscript><img src="https://s3.amazonaws.com/media.alphahosting.com/images/affiliate/Alpha_Affiliate_300x100.png" alt="Best hosting" widthdth="150" height="50" border="0"></noscript></a> <br> <a href="https://bluehost.sjv.io/c/4056007/1465831/11352" target="_top" id="1465831"><img data-tgpli-src="//a.impactradius-go.com/display-ad/11352-1465831" border="0" alt="" width="336" height="280" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a85ac" /><script>window.tgpQueue.add('tgpli-69c41a35a85ac')</script><noscript><img src="//a.impactradius-go.com/display-ad/11352-1465831" border="0" alt="" width="336" height="280"/></noscript></a><img height="0" width="0" data-tgpli-src="https://imp.pxf.io/i/4056007/1465831/11352" style="position:absolute;visibility:hidden;" border="0" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a85b2" /><script>window.tgpQueue.add('tgpli-69c41a35a85b2')</script><noscript><img height="0" width="0" src="https://imp.pxf.io/i/4056007/1465831/11352" style="position:absolute;visibility:hidden;" border="0" /></noscript></div></div><div id="text-56" class="widget inline-column col-md-4 col-sm-6 col-xs-12 count-3 widget_text"> <div class="textwidget"><p><a style="display: inline-block; border: 0;" href="https://threebestrated.com/web-designers-in-huntsville-al" target="_blank" rel="noopener"><img style="width: 250px; display: block;" data-tgpli-src="https://threebestrated.com/awards/web_designers-huntsville-2023-clr.svg" alt="Best Web designers in Huntsville" width="250" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a85b9" /><script>window.tgpQueue.add('tgpli-69c41a35a85b9')</script><noscript><img style="width: 250px; display: block;" src="https://threebestrated.com/awards/web_designers-huntsville-2023-clr.svg" alt="Best Web designers in Huntsville" width="250" /></noscript></a></p> <p> </p> <p><a href="https://www.anrdoezrs.net/click-8072664-12648943" target="_top">Create a website that’s free forever* with GoDaddy!</a><img data-tgpli-src="https://www.awltovhc.com/image-8072664-12648943" width="1" height="1" border="0" data-tgpli-inited data-tgpli-image-inited id="tgpli-69c41a35a85c0" /><script>window.tgpQueue.add('tgpli-69c41a35a85c0')</script><noscript><img src="https://www.awltovhc.com/image-8072664-12648943" width="1" height="1" border="0" /></noscript></p> <link rel="stylesheet" href="https://cdn6.localdatacdn.com/badges/loc8nearme/css/circle_v7.css"> <div id="circle_v7" tabindex="0"> <div id="circletype_v7_brand_name" style="font-size: 20.8387px;"><a href="https://www.loc8nearme.com/alabama/huntsville/keekee360-design/7454460/" class="ahref_emprty_area">Keekee360 Design</a></div> <div id="circletype_v7_loc8_name"><a href="https://www.loc8nearme.com" class="ahref_emprty_area"></a></div> </div> </div> </div></div> </div> </footer> <footer id="footer-nav" class="site-footer"> <div class="container"><div class="row"> <div class="col-md-3 col-md-push-9"> <div id="footer-socials"><div class="socials inline-inside socials-colored"> <a href="https://www.facebook.com/KeeKee360Design/" target="_blank" title="Facebook" class="socials-item"><i class="socials-item-icon facebook"></i></a> <a href="https://www.linkedin.com/in/keekee360design/" target="_blank" title="LinkedIn" class="socials-item"><i class="socials-item-icon linkedin"></i></a> <a href="https://twitter.com/keekee360" target="_blank" title="Twitter" class="socials-item"><i class="socials-item-icon twitter"></i></a> <a href="https://www.instagram.com/keekee360design/" target="_blank" title="Instagram" class="socials-item"><i class="socials-item-icon instagram"></i></a> </div></div> </div> <div class="col-md-6"> <nav id="footer-navigation" class="site-navigation footer-navigation centered-box" role="navigation"> <ul id="footer-menu" class="nav-menu styled clearfix inline-inside"><li id="menu-item-30579" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-30579"><a href="https://keekee360design.com/contact-us-01/">Contact Us</a></li> <li id="menu-item-37567" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37567"><a href="https://keekee360design.com/testimonials/">Testimonials</a></li> <li id="menu-item-44160" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-44160"><a href="https://keekee360design.com/submission-guidelines/">Submission Guidelines</a></li> <li id="menu-item-46157" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46157"><a href="https://keekee360design.com/terms-conditions/">Terms & Conditions</a></li> <li id="menu-item-46161" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-46161"><a href="https://keekee360design.com/client-expectations/">Client Expectations</a></li> </ul> </nav> </div> <div class="col-md-3 col-md-pull-9"><div class="footer-site-info">2018 © Copyright Keekee360design.</div></div> </div></div> </footer> </div> <script type="speculationrules"> {"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/thegem-child/*","/wp-content/themes/thegem/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} </script> <script type="text/javascript"> TGM_PAGESPEED_LAZY_ITEMS_INGORED_BLOCK_38_39 window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-19388631-2'); </script> <script type="text/javascript"> // Check if the plugin is loaded only once if (typeof window.maspikLoaded === "undefined") { window.maspikLoaded = true; // Function to check if form should be excluded function shouldExcludeForm(form) { // Check role/aria for search var role = (form.getAttribute('role') || '').toLowerCase(); if (role === 'search') { return true; } var aria = (form.getAttribute('aria-label') || '').toLowerCase(); if (aria.indexOf('search') !== -1) { return true; } // Check action URL for search patterns var action = (form.getAttribute('action') || '').toLowerCase(); if (action.indexOf('?s=') !== -1 || action.indexOf('search=') !== -1 || /\/search(\/?|\?|$)/.test(action)) { return true; } // Check form classes var classes = form.className.split(' '); if (classes.some(function(className) { return className.toLowerCase().includes('search'); })) { return true; } // Check for search inputs inside the form var searchInputs = form.querySelectorAll('input[type="search"], input.search, .search input, input[class*="search"], input[id*="search"], input[name="s"], input[name*="search"]'); if (searchInputs.length > 0) { return true; } // Check for search-related classes in child elements var searchElements = form.querySelectorAll('.search, [class*="search"], [id*="search"], [aria-label*="search" i]'); if (searchElements.length > 0) { return true; } return false; } function isGetForm(form) { var method = (form.getAttribute("method") || "get").toLowerCase(); return method === "get"; } // Function to add the hidden fields function addMaspikHiddenFields(form) { // Check if the fields already exist if (form.querySelector(".maspik-field")) return; // Check if the form is already submitted if (form.dataset.maspikProcessed) return; form.dataset.maspikProcessed = true; // Common attributes for the fields var commonAttributes = { "aria-hidden": "true", tabindex: "-1", autocomplete: "off", class: "maspik-field" }; var hiddenFieldStyles = { position: "absolute", left: "-99999px" }; // Function to create a hidden field function createHiddenField(attributes, styles) { var field = document.createElement("input"); for (var attr in attributes) { field.setAttribute(attr, attributes[attr]); } for (var style in styles) { field.style[style] = styles[style]; } return field; } // Add Honeypot field if enabled var honeypot = createHiddenField({ type: "text", name: "full-name-maspik-hp", class: form.className + " maspik-field", placeholder: "Leave this field empty", "aria-label": "Leave this field empty" }, hiddenFieldStyles); form.appendChild(honeypot); // Add Year Check field if enabled var currentYearField = createHiddenField({ type: "text", name: "Maspik-currentYear", class: form.className + " maspik-field" }, hiddenFieldStyles); form.appendChild(currentYearField); // Set the current year currentYearField.value = new Date().getFullYear(); } //on load document.addEventListener("DOMContentLoaded", function() { var forms = document.querySelectorAll("form"); forms.forEach(function(form) { // Only add fields if form is not excluded and not method="get" if (!shouldExcludeForm(form) && !isGetForm(form)) { addMaspikHiddenFields(form); } }); }); // Add the fields when the form is submitted document.addEventListener("submit", function(e) { if (e.target.tagName === "FORM") { // Only add fields if form is not excluded and not method="get" if (!shouldExcludeForm(e.target) && !isGetForm(e.target)) { addMaspikHiddenFields(e.target); //if exists in the e.target.tagName === "FORM" the field id Maspik-currentYear, add the current year to it if (e.target.querySelector("[name='Maspik-currentYear']")) { e.target.querySelector("[name='Maspik-currentYear']").value = new Date().getFullYear(); } } } }, true); } </script> <style> .maspik-field { display: none !important; pointer-events: none !important; opacity: 0 !important; position: absolute !important; left: -99999px !important; } </style> <script type='text/javascript'> (function () { var c = document.body.className; c = c.replace(/woocommerce-no-js/, 'woocommerce-js'); document.body.className = c; })(); </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/thegem-form-elements.min.js?ver=5.12.1" id="thegem-form-elements-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/jquery.easing.js?ver=5.12.1" id="jquery-easing-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/jquery.dlmenu.js?ver=5.12.1" id="jquery-dlmenu-js"></script> <script type="text/javascript" id="thegem-menu-init-script-js-extra"> /* <![CDATA[ */ var thegem_dlmenu_settings = {"ajax_url":"https://keekee360design.com/wp-admin/admin-ajax.php","backLabel":"Back","showCurrentLabel":"Show this page"}; //# sourceURL=thegem-menu-init-script-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/thegem-menu_init.js?ver=5.12.1" id="thegem-menu-init-script-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/thegem-header.js?ver=5.12.1" id="thegem-header-js"></script> <script type="text/javascript" id="thegem-scripts-js-extra"> /* <![CDATA[ */ var thegem_scripts_data = {"ajax_url":"https://keekee360design.com/wp-admin/admin-ajax.php","ajax_nonce":"a84c66dd55"}; //# sourceURL=thegem-scripts-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/functions.js?ver=5.12.1" id="thegem-scripts-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/fancyBox/jquery.mousewheel.pack.js?ver=5.12.1" id="jquery-mousewheel-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/fancyBox/jquery.fancybox.min.js?ver=5.12.1" id="jquery-fancybox-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/fancyBox/jquery.fancybox-init.js?ver=5.12.1" id="fancybox-init-script-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); //# sourceURL=wp-i18n-js-after /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.1.5" id="swv-js"></script> <script type="text/javascript" id="contact-form-7-js-before"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/keekee360design.com\/wp-json\/", "namespace": "contact-form-7\/v1" } }; //# sourceURL=contact-form-7-js-before /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.1.5" id="contact-form-7-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/plugins/woocommerce/assets/js/sourcebuster/sourcebuster.min.js?ver=10.6.1" id="sourcebuster-js-js"></script> <script type="text/javascript" id="wc-order-attribution-js-extra"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https://keekee360design.com/wp-admin/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; //# sourceURL=wc-order-attribution-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/plugins/woocommerce/assets/js/frontend/order-attribution.min.js?ver=10.6.1" id="wc-order-attribution-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6Lefu88ZAAAAAIqt5XUtwD993R9NjrXJNfRDQQm7&ver=3.0" id="google-recaptcha-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="wpcf7-recaptcha-js-before"> /* <![CDATA[ */ var wpcf7_recaptcha = { "sitekey": "6Lefu88ZAAAAAIqt5XUtwD993R9NjrXJNfRDQQm7", "actions": { "homepage": "homepage", "contactform": "contactform" } }; //# sourceURL=wpcf7-recaptcha-js-before /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/plugins/contact-form-7/modules/recaptcha/index.js?ver=6.1.5" id="wpcf7-recaptcha-js"></script> <script type="text/javascript" id="wc-cart-fragments-js-extra"> /* <![CDATA[ */ var wc_cart_fragments_params = {"ajax_url":"/wp-admin/admin-ajax.php","wc_ajax_url":"/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_c0d7ef31a5145b7636efcb4fedabf2f7","fragment_name":"wc_fragments_c0d7ef31a5145b7636efcb4fedabf2f7","request_timeout":"5000"}; //# sourceURL=wc-cart-fragments-js-extra /* ]]> */ </script> <script type="text/javascript" src="https://keekee360design.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=10.6.1" id="wc-cart-fragments-js" defer="defer" data-wp-strategy="defer"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/jquery.touchSwipe.min.js?ver=5.12.1" id="jquery-touchSwipe-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/jquery.carouFredSel.js?ver=5.12.1" id="jquery-carouFredSel-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/thegem-related-posts-carousel.js?ver=5.12.1" id="thegem-related-posts-carousel-js"></script> <script type="text/javascript" src="https://keekee360design.com/wp-content/themes/thegem/js/isotope.min.js?ver=5.12.1" id="thegem-isotope-js-js"></script> <script id="wp-emoji-settings" type="application/json"> {"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://keekee360design.com/wp-includes/js/wp-emoji-release.min.js?ver=6.9.4"}} </script> <script type="module"> /* <![CDATA[ */ /*! This file is auto-generated */ const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))}); //# sourceURL=https://keekee360design.com/wp-includes/js/wp-emoji-loader.min.js /* ]]> */ </script> <script></script><script type="text/javascript"> var thegem_woo_buttons = document.querySelectorAll('.button'); for (index = 0; index < thegem_woo_buttons.length; index++) { if(thegem_woo_buttons[index].tagName.toLowerCase() !== 'p' && thegem_woo_buttons[index].tagName.toLowerCase() !== 'div' && !thegem_woo_buttons[index].closest('.portfolio-item') && !thegem_woo_buttons[index].closest('.thegem-te-loop-product-add-to-cart') && !thegem_woo_buttons[index].closest('.products') && !(thegem_woo_buttons[index].closest('.thegem-popup-notification')) && !(thegem_woo_buttons[index].closest('.woocommerce-MyAccount-content .woocommerce-info'))) { thegem_woo_buttons[index].classList.add('gem-button'); thegem_woo_buttons[index].classList.add('gem-wc-button'); } } </script> <script type="text/javascript">(function() {var parent = document.getElementById("page");var deferredFile1 = document.createElement("link");deferredFile1.rel = "stylesheet";deferredFile1.type = "text/css";deferredFile1.href = "https://keekee360design.com/wp-content/themes/thegem/css/icons-fontawesome.css?ver=5.12.1";document.body.appendChild(deferredFile1);window.addEventListener("load",function(){var elem = document.getElementById("thegem-preloader-inline-css");setTimeout(function() { if (elem!==null && elem.parentNode!==null) elem.parentNode.removeChild(elem) }, 300); });})();</script> </body> </html>

Daily UI Design Challenge | Day – 26 | Subscribe – YouTube