<!DOCTYPE html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="csrf-token" content="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Preconnect -->
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="preconnect" href="https://code.jquery.com" crossorigin>
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>

    <link rel="preconnect" href="https://www.google.com">
    <link rel="preconnect" href="https://www.gstatic.com" crossorigin>
    <link rel="dns-prefetch" href="//www.google.com">
    <link rel="dns-prefetch" href="//www.gstatic.com">

    <!-- Bootstrap -->
    <link rel="preload" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" as="style">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">

    <!-- Main CSS -->
    <link rel="preload" href="https://mindsparklemag.com/assets/css/style.css?v=11.2.52" as="style">
    <link rel="stylesheet" href="https://mindsparklemag.com/assets/css/style.css?v=11.2.52">

    <!-- Slick -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css">

    <!-- Animations -->
    <link rel="stylesheet" href="https://mindsparklemag.com/assets/css/animate.css?v=11.2.52">


    <!-- Smart Ads -->
    <script defer src="https://mindsparklemag.com/vendor/smart-ads/js/smart-banner.min.js"></script>

    
    <title>Homepage - Mindsparkle Mag | Design Inspiration</title>

    <link rel="icon" type="image/png" href="https://mindsparklemag.com/assets/images/perk-logo.png" data-pin-nopin="true">
    <link rel="preload" href="https://mindsparklemag.com/assets/images/perk-logo.png" as="image">

    
    <meta name="description" content="Mindsparkle Mag showcases the best of branding, web design, graphic and packaging projects through in-depth case studies and behind-the-scenes with deep insights—revealing how standout work is actually made.">
    
    <meta property="og:type" content="website">
    <meta property="og:title" content="Homepage - Mindsparkle Mag | Design Inspiration">
    <meta property="og:description" content="Mindsparkle Mag showcases the best of branding, web design, graphic and packaging projects through in-depth case studies and behind-the-scenes with deep insights—revealing how standout work is actually made.">
    <meta property="og:url" content="https://mindsparklemag.com">
    <meta property="og:image" content="https://mindsparklemag.com/assets/images/Mindsparkle_img.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="Homepage - Mindsparkle Mag | Design Inspiration">
    <meta name="twitter:description" content="Mindsparkle Mag showcases the best of branding, web design, graphic and packaging projects through in-depth case studies and behind-the-scenes with deep insights—revealing how standout work is actually made.">
    <meta name="twitter:image" content="https://mindsparklemag.com/assets/images/Mindsparkle_img.jpg">


    <!-- Canonical – MUST be the final URL after redirects -->
    
    <meta name="robots" content="index, follow, max-snippet:-1">


    
    <link rel="canonical" href="https://mindsparklemag.com">

    
    
    
    <!-- Cookie Consent --><script src="https://mindsparklemag.com/cookie-consent/script?id=c8e71b7ee7ea521c2b8af528de784780" defer></script>
</head>

<body class=" ">
    <!-- Promo Bar -->
        <!-- End Promo Bar -->
    <div id="loader">
        <h1 class="mindsparkle-text">Mindsparkle<span>*</span></h1>
    </div>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


<div class="modal fade msm-dialog" id="SignInDefault" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60">Welcome back</h1>
                <p class="w-100 m-0 mb-4 mb-md-5">New here? Sign up for Mindsparkle
                    <a href="https://mindsparklemag.com/plus"><u><b>Plus</b></u></a> or
                    <a href="https://mindsparklemag.com/pro"><u><b>Pro</b></u></a>.
                </p>
                <div class="alert alert-danger error-message" style="display: none;">
                </div>
                <form class="loginForm">
                    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                    <div class="sign-in-form">
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                E-Mail Address
                            </label>
                            <input type="email" name="email" :value="old('email')" placeholder="E-mail" required
                                autofocus autocomplete="email">
                        </div>
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                Password
                            </label>
                            <input type="password" name="password" required autocomplete="current-password"
                                placeholder="Password">
                        </div>
                        <div class="form-group">
                            <div data-sitekey="" class="g-recaptcha"></div>
                                                    </div>
                        <input type="hidden" name="recaptcha_token" id="recaptcha-token-SignInDefault">
                    </div>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <button type="submit" class="logIn-btn primary-btn size-22 fw-normal">Log in <i
                                class="fa fa-spinner fa-spin d-none" id="logInbtnSpinnerId"></i></button>
                        <a href="https://mindsparklemag.com/auth/google" type="button"
                            class="google-logIn-btn primary-btn size-22 fw-normal d-flex justify-content-center align-items-center"
                            onclick="handleGoogleLogin(event)"><img src="/assets/images/g_logo_google.png"
                                alt="Google logo" class="google-logo" data-pin-nopin="true">
                            <span class="btn-text">Sign in with Google <i
                                    class="fa fa-spinner fa-spin d-none googleLogInbtnSpinner"></i></span>
                        </a>
                        <a href="javascript:void(0)" class="size-16 signUp-now-btn" data-bs-dismiss="modal"
                            data-bs-toggle="modal" data-bs-target="#selectPlantypeModal"
                            style="text-decoration: underline;">Sign up now.
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="SignIn" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60">Welcome back</h1>
                <p class="w-100 m-0 mb-4 mb-md-5">New here? Sign up for Mindsparkle <a
                        href="https://mindsparklemag.com/plus"><u><b>Plus</b></u></a> or <a
                        href="https://mindsparklemag.com/pro"><u><b>Pro</b></u></a>.</p>
                <div class="alert alert-danger error-message" style="display: none;"></div>
                <form class="loginForm">
                    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                    <div class="sign-in-form">
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                E-Mail Address
                            </label>
                            <input type="email" name="email" :value="old('email')" placeholder="E-mail" required
                                autofocus autocomplete="email">
                        </div>
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                Password
                            </label>
                            <input type="password" name="password" required autocomplete="current-password"
                                placeholder="Password">
                        </div>
                        <div class="form-group">
                            <div data-sitekey="" class="g-recaptcha"></div>
                                                    </div>
                        <input type="hidden" name="recaptcha_token" id="recaptcha-token-SignIn">
                    </div>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <button type="submit" class="primary-btn size-22 fw-normal">Log in</button>
                        <a href="https://mindsparklemag.com/auth/google" type="button"
                            class="google-logIn-btn primary-btn size-22 fw-normal d-flex justify-content-center align-items-center"
                            onclick="handleGoogleLogin(event)"><img src="/assets/images/g_logo_google.png"
                                alt="Google logo" class="google-logo" data-pin-nopin="true">
                            <span class="btn-text">Sign in with Google <i
                                    class="fa fa-spinner fa-spin d-none googleLogInbtnSpinner"></i></span>
                        </a>
                        <a href="javascript:void(0)" class="size-16" data-bs-dismiss="modal" data-bs-toggle="modal"
                            data-bs-target="#forgot_Password_modal">Forgot password?</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="Reg1" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div class="d-flex justify-content-center align-items-center">
                    <div href="javascript: void(0);"
                        class="add-msm d-flex justify-content-center align-items-center position-relative mb-3"
                        tabindex="0">
                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo"
                            dta-pin-nopin="true" />
                        Plus
                        <img src="/assets/images/plus-white.svg" class="checky-ef" alt="White Plus Sign"
                            data-pin-nopin="true" />
                    </div>
                </div>
                <h1 class="w-100 text-center size-60 mb-4">Register</h1>
                <div id="error-message-reg" class="alert alert-danger" style="display: none;">
                </div>
                <form id="signupForm" method="POST">
                    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                    <input type="hidden" name="role" id="planInput" value="">
                    <div class="sign-in-form">
                        <div class="form-field pb-3">
                            <label for="name" class="m-0 size-16">
                                Full Name (Display Name)
                            </label>
                            <input type="text" id="name" name="name" :value="old('name')"
                                placeholder="Name" required autofocus autocomplete="name">
                        </div>
                        <div class="form-field pb-3">
                            <label for="email" class="m-0 size-16">
                                E-Mail Address
                            </label>
                            <input type="email" id="email" name="email" :value="old('email')"
                                placeholder="E-mail" required autofocus autocomplete="email">
                        </div>
                        <div class="form-field pb-3">
                            <label for="password" class="m-0 size-16">
                                Password
                            </label>
                            <input id="password" type="password" name="password" required
                                autocomplete="current-password" placeholder="Password">
                        </div>
                        <div class="form-group">
                            <div data-sitekey="" class="g-recaptcha"></div>
                                                    </div>
                        <input type="hidden" name="recaptcha_token" id="recaptcha-token-register">
                    </div>
                    <div class="input-group mb-3">
                        <div class="input-group-text mb-3">
                            <input id="termsConditionsCheckbox" name="termsConditionsCheckbox"
                                class="form-check-input mt-0" type="checkbox" value="1"
                                aria-label="Checkbox for following text input">
                            <label class="ms-2 size-16">I agree to the <a href="https://mindsparklemag.com/terms"
                                    target="_blank"><u>Terms and
                                        Conditions</u></a></label>
                        </div>
                        <div class="input-group-text mb-3">
                            <input id="subscribeCheckBox" name="subscribeCheckBox" class="form-check-input mt-0"
                                type="checkbox" value="1" aria-label="Checkbox for following text input">
                            <label class="ms-2 size-16">Subscribe to our Mindsparkle
                                Newsletter.</label>
                        </div>
                    </div>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <button type="submit" class="primary-btn size-22 fw-normal create-account-btn">
                            <span class="btn-text">Create Account <i
                                    class="fa fa-spinner fa-spin d-none createAccountbtnSpinner"></i></span>
                        </button>

                        <button type="button" id="googleSignUp"
                            class="google-logIn-btn primary-btn size-22 fw-normal outline d-flex justify-content-center align-items-center">
                            <img src="/assets/images/g_logo_google.png" alt="Google logo" class="google-logo"
                                data-pin-nopin="true" />
                            <span class="btn-text">Sign in with Google <i
                                    class="fa fa-spinner fa-spin d-none googleLogInbtnSpinner"></i></span></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="forgot_Password_modal" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60">Reset Password</h1>
                <p class="w-100 m-0 mb-4 mb-md-5">
                    Forgot your password? No problem. Just let us know your email address and we
                    will email you a
                    password reset link that will allow you to choose a new one.</p>
                <div class="alert alert-danger error-message" style="display: none;"></div>
                <form id="forgot_Password_Modal_Form">
                    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                    <div class="sign-in-form">
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                Email
                            </label>
                            <input type="text" name="email" placeholder="Email" required>
                        </div>
                    </div>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <button type="submit" id="forgot_Password_Modal_button"
                            class="primary-btn size-22 fw-normal">Email Password Reset
                            link</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="emailVerificationModal" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60 mb-4">One Last Step</h1>
                <form id="resendEmailForm" method="POST">
                    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                                                                <p class="pb-3 m-0 text-center">

                            Thank you for signing up.</br>
                            Please check your email to verify your account, or enter it below to resend the verification
                            link and complete your registration.

                        </p>
                        <div class="sign-in-form">
                            <div class="form-field pb-3">
                                <label class="m-0 size-16">
                                    Email
                                </label>
                                <input type="text" name="email" placeholder="Email" required>
                            </div>
                        </div>
                                    </form>
                <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                    <button type="button" id="closeEmailVerificationModal"
                        class="primary-btn size-18 fw-normal py-3 px-4">
                        Close the window & Check Email
                    </button>

                    <button type="button" id="resendEmailBtn"
                        class="primary-btn size-22 fw-normal outline py-3 px-4">
                        Resend E-Mail
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="Reg3" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div class="d-flex justify-content-center align-items-center">
                    <div href="javascript: void(0);"
                        class="add-msm d-flex justify-content-center align-items-center position-relative mb-3"
                        tabindex="0">
                                            </div>
                </div>
                <h1 class="w-100 text-center size-60 mb-4">Thank you</h1>
                <form>
                    
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                                            </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="cancelSubscriptionPopUp" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60 mb-4">Danger Zone</h1>
                <form>
                    <p class="pb-3 m-0">
                        Are you sure you want to cancel your subscription?</br>
                        Once expired you will lose All membership benefits!
                    </p>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <div class="align-items-center d-flex flex-column gap-3">
                            <a href="https://mindsparklemag.com/cancel-subscription"
                                class="btn primary-btn size-22 fw-normal py-3 px-4">
                                Unsubscribe now
                            </a>
                            <button type="submit"
                                class="primary-btn size-22 fw-normal outline py-3 px-4">Close</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="updateresetpasswordModal" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60">Update Password</h1>
                <div class="alert alert-danger error-message" style="display: none;"></div>
                <form id="updatePasswordForm" method="POST">
                    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                    <div class="sign-in-form">
                        <!-- Token -->
                        <input type="hidden" name="token" value="">
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                Email
                            </label>
                            <input type="email" name="email" required autocomplete="email" placeholder="email">
                        </div>
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                New Password
                            </label>
                            <input type="password" name="password" required autocomplete="new-password"
                                placeholder="Password">
                        </div>
                        <div class="form-field pb-3">
                            <label class="m-0 size-16">
                                Confirm Password
                            </label>
                            <input type="password" name="password_confirmation" required autocomplete="new-password"
                                placeholder="Password">
                        </div>
                    </div>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <button type="submit" class="update-password-btn primary-btn size-22 fw-normal">Change
                            Password <i class="fa fa-spinner fa-spin d-none" id="updatePasswordBtnSpinnerId"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="selectPlantypeModal" tabindex="-1" aria-labelledby="exampleModalLabel"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <h1 class="w-100 text-center size-60 mb-4">Choose a plan</h1>
                <form>
                    <p class="pb-3 m-0">
                        Choose the
                        <a href="https://mindsparklemag.com/plus" target="_blank"><b>Plus</b></a>
                        reader plan for extended insights or the
                        <a href="https://mindsparklemag.com/pro" target="_blank"><b>Pro</b></a>
                        plan for maximum visiablity & other benifits.
                    </p>
                    <div class="align-items-center d-flex flex-column form-button gap-3 text-center mt-3">
                        <a href="https://mindsparklemag.com/plus#selectPlusPlanSection" class="primary-btn size-22 fw-normal">
                            Continue with PLUS
                        </a>
                        <a href="https://mindsparklemag.com/pro#selectProPlanSection"
                            class="primary-btn size-22 fw-normal outline">
                            Continue with PRO
                        </a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>


<div class="modal fade msm-dialog" id="share-modal" tabindex="-1" aria-labelledby="share-modal-label"
    aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered ">
        <div class="modal-content">
            <div class="modal-header border-0">
                <h5 class="modal-title" id="share-modal-label"></h5>
                <button type="button" class="btn-close pt-3 pe-3" data-bs-dismiss="modal"
                    aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div id="share-popup" class="share-popup">
                    <div class="popup-content d-flex flex-column align-items-center">
                        <h3 id="share-title" class="pb-2">Share This Post</h3>
                        <div class="social-buttons px-3">
                            <div class="d-flex justify-content-center align-items-center py-3 flexwrap ">
                                <!-- Facebook -->
                                <a href="#" target="_blank" id="share-fb"
                                    class="share-link fb size-22 fw-normal">
                                    <img src="/assets/images/fb.svg" alt="FB" data-pin-nopin="true" />
                                </a>
                                <!-- Twitter/X -->
                                <a href="#" target="_blank" id="share-tw"
                                    class="share-link tw size-22 fw-normal">
                                    <img src="/assets/images/X.svg" alt="Twitter/X" data-pin-nopin="true" />
                                    
                                </a>
                                <!-- LinkedIn -->
                                <a href="#" target="_blank" id="share-li"
                                    class="share-link li size-22 fw-normal">
                                    <img src="/assets/images/in.svg" alt="LinkedIn" data-pin-nopin="true" />
                                </a>
                                <!-- WhatsApp -->
                                <a href="#" target="_blank" id="share-wa"
                                    class="share-link wa size-22 fw-normal">
                                    <img src="/assets/images/wa.png" alt="WhatsApp" data-pin-nopin="true" />
                                </a>
                                <!-- Instagram -->
                                <a href="#" target="_blank" id="share-in"
                                    class="share-link in size-22 fw-normal">
                                    <img src="/assets/images/ig.svg" alt="Instagram" data-pin-nopin="true" />
                                </a>
                                <!-- Pinterest -->
                                <a href="#" target="_blank" id="share-pi"
                                    class="share-link pi size-22 fw-normal">
                                    <img src="/assets/images/pi.svg" alt="Pinterest" data-pin-nopin="true" />
                                </a>
                                <!-- Email -->
                                <a href="#" id="share-email" class="share-link email size-22 fw-normal">
                                    <img src="/assets/images/em.svg" alt="Email" data-pin-nopin="true" />
                                </a>
                            </div>
                            <div
                                class="d-flex justify-content-center align-items-center gap-3 flex-column flex-md-column">
                                <input type="text" id="share-url" class="share-url" value="" readonly />
                                <!-- Copy Link -->
                                <button id="share-copy"
                                    class="share-link copy primary-btn size-22 fw-normal outline gap-3 ">
                                    Copy Link <img src="/assets/images/copy.svg" class="copy-btn" alt="copy button"
                                        data-pin-nopin="true" />
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    function handleGoogleLogin(event) {
        event.preventDefault();
        const $button = $('.google-logIn-btn');
        const $spinner = $('.googleLogInbtnSpinner');
        const $buttonText = $button.find('.btn-text');
        const buttonText = $buttonText.text();

        $button.addClass('disabled').css('pointer-events', 'none');
        $buttonText.css('opacity', '0.6');
        $spinner.removeClass('d-none');
        window.location.href = $button.attr('href');
        // Reset button state (as a fallback, though this may not execute due to page navigation)
        setTimeout(() => {
            $button.removeClass('disabled').css('pointer-events', 'auto');
            $buttonText.css('opacity', '1');
            $spinner.addClass('d-none');
        }, 1000);
    }
</script>

    <div class="wrapper ">
        <header>
    <div class="site-container">
        <div class="d-flex justify-content-between align-items-center">
            <div href="javascript: void(0);"
                class="position-relative site-menu d-flex justify-content-center align-items-center">
                <a href="https://mindsparklemag.com">
                    <img src="https://mindsparklemag.com/assets/images/logo.svg" alt="MSM Logo" />
                </a>
                <span class="ms-3 d-none">Menu</span>
                <div class="ms-2 pro-menu" id="proMenu">
                    <span class="bar-1"></span>
                    <span class="bar-2"></span>
                </div>
            </div>
            <div class="nav-circle"></div>
                            <div class="user-area d-flex justify-content-center align-items-center position-relative gap-3">
                    <a href="https://mindsparklemag.com/search" class="user-register">
                        <img src="/assets/images/search-icon.svg" alt="Search Icon" />
                    </a>

                    <a href="javascript: void(0);" id="openPackage">
                        <img src="https://mindsparklemag.com/assets/images/plus-black.svg" alt="add user" />
                    </a>

                    <a href="javascript: void(0);" class="user-register" data-bs-toggle="modal"
                        data-bs-target="#SignInDefault">
                        <img src="https://mindsparklemag.com/assets/images/user.svg" alt="user" />
                    </a>
                </div>
                    </div>
    </div>


</header>



        
            <!-- Hero Banner -->
    <section class="hero-area home-hero-area mb-5">
            <div class="site-banner-area">
                <div class="hero-banner position-relative msmVidBox" id="HeroBanner" onmouseenter="showButton()"
                    onmouseleave="hideButton()">
                                            <video class="video fit-video media-cover position-relative" id="msmColVideo"
                            data-src="https://mindsparklemag.com/storage/media/29024/23e5fca8-b289-4fd6-a6c5-9b1eb1264600.mp4" poster="https://mindsparklemag.com/storage/media/29044/conversions/d9NJ_g7k-avif-cover-image.avif" loop muted playsinline
                            preload="metadata" aria-label="Home is where the mountains are — a bold alpine brand identity for The Moraine"></video>
                                        <a href="https://mindsparklemag.com/designs/the-moraine-brand-identity-watson" class="detail-btn size-18" id="circle-readmore-btn">See more</a>
                                        <!-- Pro Creator Avatar -->
                    <!-- Author section to display user profile image -->
                                    </div>
            </div>
            <a href="https://mindsparklemag.com/designs/the-moraine-brand-identity-watson"
                class="title lh-sm m-0 text-center mx-auto size-90">
                <h1>Home is where the mountains are — a bold alpine brand identity for The Moraine
                    <span class="goto-link">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h1>
            </a>
        </section>
        
    <!-- Hero Banner End -->
    <!--  Recently Added Blogs 1 -->
    <section class="stories-area pt-4 pb-5">
        <div class="site-container">
            <div class="latest-stories mt-5">
                <a href="javascript: void(0);" class="d-none align-items-center gap-2 mb-4 size-25">
                    Latests Posts
                    <img src="/assets/images/rotated-down-arrow.svg" alt="linked arrow" class="max-16" />
                </a>
                                <div class="between-area d-flex justify-content-start align-items-end">
                    <div class="area-60-width position-relative">
            <div class="position-relative w-100 bluury-effect">
                <a href="https://mindsparklemag.com/designs/chiky-cheky-character-design-studio-okgo">
                    
                                            <video data-src="https://mindsparklemag.com/storage/media/28995/c10afa7e-47df-4523-814e-26dd6168282e.mp4" loop muted playsinline preload="metadata"
                            class="fit-video "></video>
                                                            </a>
                <!-- Pro Creator Avatar -->
                                <div class="post-box-blur"></div>
            </div>
            <a href="https://mindsparklemag.com/designs/chiky-cheky-character-design-studio-okgo">
                <h4 class="story-title my-4 size-30">
                    How Chiky&amp;Cheky turns culture into character
                    <span class="goto-link-arrow">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h4>
            </a>
            <div class="tags-container">
                <div class="tags custom-tags d-flex justify-content-start align-items-center mb-2">
                                                                        <a href="https://mindsparklemag.com/tag/character-design"
                                class="custom-tag-item">character design</a>
                                                    <a href="https://mindsparklemag.com/tag/brand-identity"
                                class="custom-tag-item">brand identity</a>
                                                    <a href="https://mindsparklemag.com/tag/motion-design"
                                class="custom-tag-item">motion design</a>
                                                    <a href="https://mindsparklemag.com/tag/illustration"
                                class="custom-tag-item">illustration</a>
                                                            </div>
            </div>
                    </div>
                    <div class="area-40-width position-relative">
            <div class="position-relative w-100 bluury-effect">
                <a href="https://mindsparklemag.com/designs/otis-branding-goda-kairiukstyte">
                    
                                            <img src="https://mindsparklemag.com/storage/media/28993/conversions/otis-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/28993/conversions/otis-avif-cover-image.avif"
                            alt="Two textured brown surfaces with abstract black dot patterns and &quot;otis&quot; text." class="fit-image lazy" />
                                    </a>
                <!-- Pro Creator Avatar -->
                                <div class="post-box-blur"></div>
            </div>
            <a href="https://mindsparklemag.com/designs/otis-branding-goda-kairiukstyte">
                <h4 class="story-title my-4 size-30">
                    Otis - A speculative brand for a mycelium-powered...
                    <span class="goto-link-arrow">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h4>
            </a>
            <div class="tags-container">
                <div class="tags custom-tags d-flex justify-content-start align-items-center mb-2">
                                                                        <a href="https://mindsparklemag.com/tag/brand-identity"
                                class="custom-tag-item">brand identity</a>
                                                    <a href="https://mindsparklemag.com/tag/speculative-design"
                                class="custom-tag-item">Speculative Design</a>
                                                    <a href="https://mindsparklemag.com/tag/motion-design"
                                class="custom-tag-item">motion design</a>
                                                    <a href="https://mindsparklemag.com/tag/visual-identity"
                                class="custom-tag-item">visual identity</a>
                                                            </div>
            </div>
                            <a href="https://mindsparklemag.com/plus"
                    class="add-msm recent-post d-flex justify-content-center align-items-center">
                    <img src="/assets/images/white-logo.svg" class="pf-icon" alt="MSM Plus Logo" />
                    Plus
                    <img src="/assets/images/plus-white.svg" class="checky-ef" alt="Plus Sign" />
                </a>
                    </div>
    </div>
            </div>
        </div>
    </section>
    <!--  Recently Added Blogs 1 End -->

    <!--Trending Section-->
    <section class="trending-area my-5">
            <div class="lazy-slides-area-inner">
            <div class="site-container">
                <div class="lazy-slides-area-top-header d-flex justify-content-between align-items-end">
                    <h5 class="m-0 size-200">Trending</h5>
                    <div class="slider-arrow d-flex justify-content-end align-items-center gap-3">
                        <a href="javascript:void(0)" class="left-arrow-3">
                            <img src="/assets/images/left-arrow.svg" alt="Previous Arrow">
                        </a>
                        <a href="javascript:void(0)" class="right-arrow-3">
                            <img src="/assets/images/right-arrow.svg" alt="Next Arrow">
                        </a>
                    </div>
                </div>
                <div class="lazy-slider">
                                                                    <div class="post-box">
                            <div class="size-lg">
                                <!-- Media Display Section (Images & Videos) -->
                                <div class="media-container" tabindex="0" role="link"
                                    aria-label="Open post: The Brand Identity of KIKI Creative House">
                                    <!-- Media (video + images) -->
                                                                            <img src="https://mindsparklemag.com/storage/media/27470/conversions/f50529ef-d07c-4514-8619-8114a50f463e-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27470/conversions/f50529ef-d07c-4514-8619-8114a50f463e-avif-cover-image.avif"
                                            alt="A bold black word &quot;kiki&quot; set against a vibrant blue background creates a striking visual contrast." class="fit-image lazy" />
                                    
                                    <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                    <a href="https://mindsparklemag.com/designs/where-intense-sensibilities-collide-the-brand-identity-of-kiki-creative-house" class="media-link-overlay"></a>
                                    <div class="post-box-blur"></div>

                                    <!-- Plus Content Badge -->
                                    
                                    <!-- SOTD Award Badge -->
                                    
                                    <!-- Pro Creator Avatar -->
                                    
                                    <!-- Website Link for Web Posts -->
                                                                    </div>
                            </div>

                            <!-- Category Display -->
                            <div class="my-4">
                                

                                <!-- Title and Link -->
                                <a href="https://mindsparklemag.com/designs/where-intense-sensibilities-collide-the-brand-identity-of-kiki-creative-house">
                                    <h5 class="mb-4 size-30">
                                        The Brand Identity of KIKI Creative House
                                        <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                                alt="Goto arrow" /></span>
                                    </h5>
                                </a>
                            </div>

                            <!-- Tags -->
                            <div class="tags d-flex justify-content-start align-items-center">
                                                                    <a href="https://mindsparklemag.com/tag/kiki-creative-house">Kiki Creative House</a>
                                                                    <a href="https://mindsparklemag.com/tag/brand-identity">brand identity</a>
                                                                    <a href="https://mindsparklemag.com/tag/visual-identity">visual identity</a>
                                                            </div>
                        </div>
                                                                    <div class="post-box">
                            <div class="size-lg">
                                <!-- Media Display Section (Images & Videos) -->
                                <div class="media-container" tabindex="0" role="link"
                                    aria-label="Open post: Designing intelligence: How Motto built a brand for Ivo to lead legal AI">
                                    <!-- Media (video + images) -->
                                                                            <video data-src="https://mindsparklemag.com/storage/media/26887/1-Ivo-Motto-Logo-ezgif.com-resize-video.mp4" loop muted preload="metadata"
                                            playsinline class="fit-video "></video>
                                                                            
                                    <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                    <a href="https://mindsparklemag.com/designs/designing-intelligence-how-motto-built-a-brand-for-ivo-to-lead-legal-ai" class="media-link-overlay"></a>
                                    <div class="post-box-blur"></div>

                                    <!-- Plus Content Badge -->
                                                                            <a href="https://mindsparklemag.com/plus"
                                            class="add-msm d-flex justify-content-center align-items-center">
                                            <img src="/assets/images/white-logo.svg" class="pf-icon"
                                                alt="White MSM Logo" />
                                            Plus
                                            <img src="/assets/images/plus-white.svg" class="checky-ef"
                                                alt="White Plus Sign" />
                                        </a>
                                    
                                    <!-- SOTD Award Badge -->
                                    
                                    <!-- Pro Creator Avatar -->
                                    
                                    <!-- Website Link for Web Posts -->
                                                                    </div>
                            </div>

                            <!-- Category Display -->
                            <div class="my-4">
                                

                                <!-- Title and Link -->
                                <a href="https://mindsparklemag.com/designs/designing-intelligence-how-motto-built-a-brand-for-ivo-to-lead-legal-ai">
                                    <h5 class="mb-4 size-30">
                                        Designing intelligence: How Motto built a brand fo...
                                        <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                                alt="Goto arrow" /></span>
                                    </h5>
                                </a>
                            </div>

                            <!-- Tags -->
                            <div class="tags d-flex justify-content-start align-items-center">
                                                                    <a href="https://mindsparklemag.com/tag/ai">ai</a>
                                                                    <a href="https://mindsparklemag.com/tag/brand-identity">brand identity</a>
                                                                    <a href="https://mindsparklemag.com/tag/branding">branding</a>
                                                            </div>
                        </div>
                                                                    <div class="post-box">
                            <div class="size-lg">
                                <!-- Media Display Section (Images & Videos) -->
                                <div class="media-container" tabindex="0" role="link"
                                    aria-label="Open post: Branding Omnui: Ancient Symbols, Data-Like Dots &amp; a Hidden Mark">
                                    <!-- Media (video + images) -->
                                                                            <img src="https://mindsparklemag.com/storage/media/27573/conversions/cf0a546d-fa46-4275-8f52-f0ab5ddfb692-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27573/conversions/cf0a546d-fa46-4275-8f52-f0ab5ddfb692-avif-cover-image.avif"
                                            alt="A black logo featuring abstract shapes and the text &quot;OMNUI&quot; on a bright yellow background." class="fit-image lazy" />
                                    
                                    <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                    <a href="https://mindsparklemag.com/designs/ancient-symbols-data-like-dots-and-a-hidden-mark-the-brand-identity-of-omnui" class="media-link-overlay"></a>
                                    <div class="post-box-blur"></div>

                                    <!-- Plus Content Badge -->
                                                                            <a href="https://mindsparklemag.com/plus"
                                            class="add-msm d-flex justify-content-center align-items-center">
                                            <img src="/assets/images/white-logo.svg" class="pf-icon"
                                                alt="White MSM Logo" />
                                            Plus
                                            <img src="/assets/images/plus-white.svg" class="checky-ef"
                                                alt="White Plus Sign" />
                                        </a>
                                    
                                    <!-- SOTD Award Badge -->
                                    
                                    <!-- Pro Creator Avatar -->
                                    
                                    <!-- Website Link for Web Posts -->
                                                                    </div>
                            </div>

                            <!-- Category Display -->
                            <div class="my-4">
                                

                                <!-- Title and Link -->
                                <a href="https://mindsparklemag.com/designs/ancient-symbols-data-like-dots-and-a-hidden-mark-the-brand-identity-of-omnui">
                                    <h5 class="mb-4 size-30">
                                        Branding Omnui: Ancient Symbols, Data-Like Dots &amp;...
                                        <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                                alt="Goto arrow" /></span>
                                    </h5>
                                </a>
                            </div>

                            <!-- Tags -->
                            <div class="tags d-flex justify-content-start align-items-center">
                                                                    <a href="https://mindsparklemag.com/tag/brand">brand</a>
                                                                    <a href="https://mindsparklemag.com/tag/design">design</a>
                                                                    <a href="https://mindsparklemag.com/tag/identity">identity</a>
                                                            </div>
                        </div>
                                                                    <div class="post-box">
                            <div class="size-lg">
                                <!-- Media Display Section (Images & Videos) -->
                                <div class="media-container" tabindex="0" role="link"
                                    aria-label="Open post: A New Visual Identity for Lacoste — Serifs, Archives, and a Bolder Crocodile">
                                    <!-- Media (video + images) -->
                                                                            <img src="https://mindsparklemag.com/storage/media/27572/conversions/logo-1-scaled-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27572/conversions/logo-1-scaled-avif-cover-image.avif"
                                            alt="LACOSTE logo with a green crocodile on a cream background." class="fit-image lazy" />
                                    
                                    <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                    <a href="https://mindsparklemag.com/designs/a-new-vernacular-for-lacoste-serifs-archives-and-a-bolder-crocodile" class="media-link-overlay"></a>
                                    <div class="post-box-blur"></div>

                                    <!-- Plus Content Badge -->
                                    
                                    <!-- SOTD Award Badge -->
                                    
                                    <!-- Pro Creator Avatar -->
                                    
                                    <!-- Website Link for Web Posts -->
                                                                    </div>
                            </div>

                            <!-- Category Display -->
                            <div class="my-4">
                                

                                <!-- Title and Link -->
                                <a href="https://mindsparklemag.com/designs/a-new-vernacular-for-lacoste-serifs-archives-and-a-bolder-crocodile">
                                    <h5 class="mb-4 size-30">
                                        A New Visual Identity for Lacoste — Serifs, Archiv...
                                        <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                                alt="Goto arrow" /></span>
                                    </h5>
                                </a>
                            </div>

                            <!-- Tags -->
                            <div class="tags d-flex justify-content-start align-items-center">
                                                                    <a href="https://mindsparklemag.com/tag/brand-identity">brand identity</a>
                                                                    <a href="https://mindsparklemag.com/tag/typography">typography</a>
                                                                    <a href="https://mindsparklemag.com/tag/visual-identity">visual identity</a>
                                                            </div>
                        </div>
                                                                    <div class="post-box">
                            <div class="size-lg">
                                <!-- Media Display Section (Images & Videos) -->
                                <div class="media-container" tabindex="0" role="link"
                                    aria-label="Open post: Royal Stranger — A Porto furniture brand finds the language it always had">
                                    <!-- Media (video + images) -->
                                                                            <img src="https://mindsparklemag.com/storage/media/28872/conversions/83dc96248998445.69fdcd719532d-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/28872/83dc96248998445.69fdcd719532d.gif"
                                            alt="A close-up of textured green and dark fabric, featuring the bold text &quot;RoyalStranger&quot; prominently displayed." class="fit-image lazy" />
                                    
                                    <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                    <a href="https://mindsparklemag.com/designs/royal-stranger-a-porto-furniture-brand-finds-the-language-it-always-had" class="media-link-overlay"></a>
                                    <div class="post-box-blur"></div>

                                    <!-- Plus Content Badge -->
                                                                            <a href="https://mindsparklemag.com/plus"
                                            class="add-msm d-flex justify-content-center align-items-center">
                                            <img src="/assets/images/white-logo.svg" class="pf-icon"
                                                alt="White MSM Logo" />
                                            Plus
                                            <img src="/assets/images/plus-white.svg" class="checky-ef"
                                                alt="White Plus Sign" />
                                        </a>
                                    
                                    <!-- SOTD Award Badge -->
                                    
                                    <!-- Pro Creator Avatar -->
                                                                            <a href="https://mindsparklemag.com/pro/apres-creative-studio" class="post-avatar">
                                            <img class="lazy" data-src="https://mindsparklemag.com/storage/media/28856/Frame-4.png"
                                                alt="logo_image" />
                                        </a>
                                    
                                    <!-- Website Link for Web Posts -->
                                                                    </div>
                            </div>

                            <!-- Category Display -->
                            <div class="my-4">
                                

                                <!-- Title and Link -->
                                <a href="https://mindsparklemag.com/designs/royal-stranger-a-porto-furniture-brand-finds-the-language-it-always-had">
                                    <h5 class="mb-4 size-30">
                                        Royal Stranger — A Porto furniture brand finds the...
                                        <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                                alt="Goto arrow" /></span>
                                    </h5>
                                </a>
                            </div>

                            <!-- Tags -->
                            <div class="tags d-flex justify-content-start align-items-center">
                                                                    <a href="https://mindsparklemag.com/tag/brand">brand</a>
                                                                    <a href="https://mindsparklemag.com/tag/craftsmanship">craftsmanship</a>
                                                                    <a href="https://mindsparklemag.com/tag/design">design</a>
                                                            </div>
                        </div>
                                                                    <div class="post-box">
                            <div class="size-lg">
                                <!-- Media Display Section (Images & Videos) -->
                                <div class="media-container" tabindex="0" role="link"
                                    aria-label="Open post: Fluid Systems and Pink Intelligence: The Brand Identity of Sentient Labs">
                                    <!-- Media (video + images) -->
                                                                            <video data-src="https://mindsparklemag.com/storage/media/28739/e5377353-cdb1-4ae9-8dfe-2e8dafb6ff0c.mp4" loop muted preload="metadata"
                                            playsinline class="fit-video "></video>
                                                                            
                                    <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                    <a href="https://mindsparklemag.com/designs/fluid-systems-and-pink-intelligence-the-brand-identity-of-sentient-labs" class="media-link-overlay"></a>
                                    <div class="post-box-blur"></div>

                                    <!-- Plus Content Badge -->
                                                                            <a href="https://mindsparklemag.com/plus"
                                            class="add-msm d-flex justify-content-center align-items-center">
                                            <img src="/assets/images/white-logo.svg" class="pf-icon"
                                                alt="White MSM Logo" />
                                            Plus
                                            <img src="/assets/images/plus-white.svg" class="checky-ef"
                                                alt="White Plus Sign" />
                                        </a>
                                    
                                    <!-- SOTD Award Badge -->
                                    
                                    <!-- Pro Creator Avatar -->
                                    
                                    <!-- Website Link for Web Posts -->
                                                                    </div>
                            </div>

                            <!-- Category Display -->
                            <div class="my-4">
                                

                                <!-- Title and Link -->
                                <a href="https://mindsparklemag.com/designs/fluid-systems-and-pink-intelligence-the-brand-identity-of-sentient-labs">
                                    <h5 class="mb-4 size-30">
                                        Fluid Systems and Pink Intelligence: The Brand Ide...
                                        <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                                alt="Goto arrow" /></span>
                                    </h5>
                                </a>
                            </div>

                            <!-- Tags -->
                            <div class="tags d-flex justify-content-start align-items-center">
                                                                    <a href="https://mindsparklemag.com/tag/branding">Branding</a>
                                                                    <a href="https://mindsparklemag.com/tag/design">design</a>
                                                                    <a href="https://mindsparklemag.com/tag/identity">identity</a>
                                                            </div>
                        </div>
                                    </div>
            </div>
        </div>
    </section>
    <!--Trending Section-->

    <!--  Recently Added Blogs 2 -->
    <section class="my-3">
        <div class="site-container">
                        <div class="between-area d-flex justify-content-start align-items-end">
                    <div class="area-40-width position-relative">
            <div class="position-relative w-100 bluury-effect">
                <a href="https://mindsparklemag.com/designs/how-studio-tyrrell-gave-its-nice-thats-top-award-a-kitemark-simple-identity">
                    
                                            <img src="https://mindsparklemag.com/storage/media/28929/conversions/ca6c2b1d-3b45-45f3-8f26-a185e029eab1-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/28929/conversions/ca6c2b1d-3b45-45f3-8f26-a185e029eab1-avif-cover-image.avif"
                            alt="Three framed posters are displayed on a grey wall, featuring bold typography and a pink and tan color scheme." class="fit-image lazy" />
                                    </a>
                <!-- Pro Creator Avatar -->
                                <div class="post-box-blur"></div>
            </div>
            <a href="https://mindsparklemag.com/designs/how-studio-tyrrell-gave-its-nice-thats-top-award-a-kitemark-simple-identity">
                <h4 class="story-title my-4 size-30">
                    How Studio Tyrrell gave Its Nice Thats top award a...
                    <span class="goto-link-arrow">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h4>
            </a>
            <div class="tags-container">
                <div class="tags custom-tags d-flex justify-content-start align-items-center mb-2">
                                                                        <a href="https://mindsparklemag.com/tag/brand-identity"
                                class="custom-tag-item">brand identity</a>
                                                    <a href="https://mindsparklemag.com/tag/visual-identity"
                                class="custom-tag-item">visual identity</a>
                                                    <a href="https://mindsparklemag.com/tag/award-design"
                                class="custom-tag-item">Award Design</a>
                                                    <a href="https://mindsparklemag.com/tag/graphic-design"
                                class="custom-tag-item">graphic design</a>
                                                            </div>
            </div>
                    </div>
                    <div class="area-60-width position-relative">
            <div class="position-relative w-100 bluury-effect">
                <a href="https://mindsparklemag.com/designs/royal-stranger-a-porto-furniture-brand-finds-the-language-it-always-had">
                    
                                            <img src="https://mindsparklemag.com/storage/media/28872/conversions/83dc96248998445.69fdcd719532d-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/28872/83dc96248998445.69fdcd719532d.gif"
                            alt="A close-up of textured green and dark fabric, featuring the bold text &quot;RoyalStranger&quot; prominently displayed." class="fit-image lazy" />
                                    </a>
                <!-- Pro Creator Avatar -->
                                    <div class="global-authors">
                        <div class="author-item">
                            <a href="https://mindsparklemag.com/pro/apres-creative-studio">
                                                                    <img data-src="https://mindsparklemag.com/storage/media/28856/Frame-4.png" class="lazy" loading="lazy"
                                        alt="logo_image" />
                                                            </a>
                        </div>
                    </div>
                                <div class="post-box-blur"></div>
            </div>
            <a href="https://mindsparklemag.com/designs/royal-stranger-a-porto-furniture-brand-finds-the-language-it-always-had">
                <h4 class="story-title my-4 size-30">
                    Royal Stranger — A Porto furniture brand finds the...
                    <span class="goto-link-arrow">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h4>
            </a>
            <div class="tags-container">
                <div class="tags custom-tags d-flex justify-content-start align-items-center mb-2">
                                                                        <a href="https://mindsparklemag.com/tag/brand"
                                class="custom-tag-item">brand</a>
                                                    <a href="https://mindsparklemag.com/tag/craftsmanship"
                                class="custom-tag-item">craftsmanship</a>
                                                    <a href="https://mindsparklemag.com/tag/design"
                                class="custom-tag-item">design</a>
                                                    <a href="https://mindsparklemag.com/tag/furniture"
                                class="custom-tag-item">furniture</a>
                                                            </div>
            </div>
                            <a href="https://mindsparklemag.com/plus"
                    class="add-msm recent-post d-flex justify-content-center align-items-center">
                    <img src="/assets/images/white-logo.svg" class="pf-icon" alt="MSM Plus Logo" />
                    Plus
                    <img src="/assets/images/plus-white.svg" class="checky-ef" alt="Plus Sign" />
                </a>
                    </div>
    </div>
            <div class="section-btn dark-outline mb-5">
                <a href="https://mindsparklemag.com/inspiration" class="btn">
                    <span>
                        Get more Inspiration
                    </span>
                </a>
            </div>
        </div>
    </section>
    <!--  Recently Added Blogs 2 End -->

    <!--Insights Section-->
    <!--Insights Section-->

 <section class="insights-area py-5">
              <div class="insights-inner-area">
             <div class="d-flex align-items-center justify-content-between">

                 <div class="insights-inner-area-top-header d-flex justify-content-between">
                     <h5 class="m-0 insight-text size-200">
                         Insights+
                     </h5>
                 </div>

                 <div class="insights-inner-area-top-header d-flex align-items-start">
                                      </div>
             </div>
             
                              <div class="insights-event position-relative">
                                          
                     <div class="event-poster position-relative object-fit-cover">
                         
                                                      <video data-src="https://mindsparklemag.com/storage/media/28785/SnapInsta.to_AQMzQGyWISy87DlLNWjKLhrGglJ63LYoIIb84gLP2Z9EHq0z70tYlphlLVY1_yJoq5GwQVYWEkmfa-EBVlH-pbww.mp4" loop muted playsinline preload="metadata"
                                 class="fit-video "></video>
                                                                                                    </div>
                     
                     <div class="insights-event-info">
                         <div class="event-head justify-content-start">
                             <a href="javascript:void(0);"
                                 class="add-msm text-nowrap d-flex justify-content-center align-items-center">
                                 <span class="indicator-alert text-nowrap"></span>
                                 Live Stream
                             </a>
                             <p class="event-dateandtime px-3 py-1 size-20">
                                 May 28th -
                                 05:00 PM
                                 <span class="size-14">CET</span>
                             </p>
                             <div id="isPlusContent" class="d-none">0</div>
                         </div>
                         <div class="event-content">
                             <h2 class="size-60 mb-5">
                                 How Studio Kiln created an award-winning playful identity for RTS Cambridge Convention
                             </h2>
                         </div>
                         
                                                                                                                <div class="event-action position-absolute" style="bottom: 35px; right: 35px;">
                                     <a href="https://mindsparklemag.com/designs/how-studio-kiln-created-an-award-winning-playful-identity-for-rts-cambridge-convention" class="primary-btn text-nowrap">
                                         Watch event
                                     </a>
                                 </div>
                                                                           </div>
                 </div>
                          
      </section>

 <!--Insights Section-->
    <!--Insights Section-->



    <!--  Recently Added Blogs 3 -->
    <section class="post-boxes-area">
        <div class="site-container">
                        <div class="between-area d-flex justify-content-start align-items-end">
                    <div class="area-60-width position-relative">
            <div class="position-relative w-100 bluury-effect">
                <a href="https://mindsparklemag.com/designs/fluid-systems-and-pink-intelligence-the-brand-identity-of-sentient-labs">
                    
                                            <video data-src="https://mindsparklemag.com/storage/media/28739/e5377353-cdb1-4ae9-8dfe-2e8dafb6ff0c.mp4" loop muted playsinline preload="metadata"
                            class="fit-video "></video>
                                                            </a>
                <!-- Pro Creator Avatar -->
                                <div class="post-box-blur"></div>
            </div>
            <a href="https://mindsparklemag.com/designs/fluid-systems-and-pink-intelligence-the-brand-identity-of-sentient-labs">
                <h4 class="story-title my-4 size-30">
                    Fluid Systems and Pink Intelligence: The Brand Ide...
                    <span class="goto-link-arrow">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h4>
            </a>
            <div class="tags-container">
                <div class="tags custom-tags d-flex justify-content-start align-items-center mb-2">
                                                                        <a href="https://mindsparklemag.com/tag/branding"
                                class="custom-tag-item">Branding</a>
                                                    <a href="https://mindsparklemag.com/tag/design"
                                class="custom-tag-item">design</a>
                                                    <a href="https://mindsparklemag.com/tag/identity"
                                class="custom-tag-item">identity</a>
                                                    <a href="https://mindsparklemag.com/tag/motion"
                                class="custom-tag-item">motion</a>
                                                            </div>
            </div>
                            <a href="https://mindsparklemag.com/plus"
                    class="add-msm recent-post d-flex justify-content-center align-items-center">
                    <img src="/assets/images/white-logo.svg" class="pf-icon" alt="MSM Plus Logo" />
                    Plus
                    <img src="/assets/images/plus-white.svg" class="checky-ef" alt="Plus Sign" />
                </a>
                    </div>
                    <div class="area-40-width position-relative">
            <div class="position-relative w-100 bluury-effect">
                <a href="https://mindsparklemag.com/designs/pollen-branding-an-artisanal-beverage-agency-with-character">
                    
                                            <video data-src="https://mindsparklemag.com/storage/media/28836/pollen_logo-(1080p).mp4" loop muted playsinline preload="metadata"
                            class="fit-video "></video>
                                                            </a>
                <!-- Pro Creator Avatar -->
                                    <div class="global-authors">
                        <div class="author-item">
                            <a href="javascript:void(0);">
                                                                    <!-- Display default profile image if user has no media -->
                                    <img src=https://mindsparklemag.com/assets/images/profile-logo.png alt="Default Profile logo/avatar image" />
                                                            </a>
                        </div>
                    </div>
                                <div class="post-box-blur"></div>
            </div>
            <a href="https://mindsparklemag.com/designs/pollen-branding-an-artisanal-beverage-agency-with-character">
                <h4 class="story-title my-4 size-30">
                    Pollen Branding - An artisanal beverage agency wit...
                    <span class="goto-link-arrow">
                        <img src="/assets/images/goto-link.svg" alt="Go to article" />
                    </span>
                </h4>
            </a>
            <div class="tags-container">
                <div class="tags custom-tags d-flex justify-content-start align-items-center mb-2">
                                                                        <a href="https://mindsparklemag.com/tag/brand-identity"
                                class="custom-tag-item">brand identity</a>
                                                    <a href="https://mindsparklemag.com/tag/visual-identity"
                                class="custom-tag-item">visual identity</a>
                                                    <a href="https://mindsparklemag.com/tag/illustration"
                                class="custom-tag-item">illustration</a>
                                                    <a href="https://mindsparklemag.com/tag/mascot-design"
                                class="custom-tag-item">Mascot Design</a>
                                                            </div>
            </div>
                    </div>
    </div>
        </div>
    </section>
    <!--  Recently Added Blogs 3 End -->

    <!--Middle Add-->
    <section class="ad-area">
    <div class="ad-middle-area">
        <div class="ad-div-middle">
            
        </div>
    </div>
</section>    <!--Middle Add-->

    <!--Sotd Section-->
    <!-- Site of the Day-->
        <section class="pt-5 main-top-site position-relative">
        <div class="top-site position-relative" style="background : #808080">
            <div class="site-container">
                <div class="site-preview-image position-relative">
                    <img src="/assets/images/top-site-title.png" class="top-site-title" alt="Site SOTD Background" />
                    <div id="Sotd" class="position-relative sotd" onmouseenter="showcircle()"
                        onmouseleave="hidecircle()" style="overflow: hidden; cursor: none; position: relative;">
                                                    <video data-src="https://mindsparklemag.com/storage/media/28871/kluster-mindsparkle(1).mp4"loop muted playsinline preload="metadata"
                                poster="https://mindsparklemag.com/storage/media/28870/conversions/kluster-mindsparkle-4-avif-cover-image.avif" class="position-relative" alt="Top Site"
                                aria-label="Kluster Collectif" id="msmColVideo" height="650"></video>
                                                <a href="https://klustercollectif.com/ " target="_blank" class="detail-btn size-18"
                            id="SotdTarget">Visit website</a>
                    </div>
                </div>
                <!-- sticky-title -->
                <a href="https://mindsparklemag.com/website/kluster-collectif">
                    <h1
                        class="title mb-2 text-center mx-auto size-80">
                        Kluster Collectif
                        <span class="goto-link">
                            <img src="/assets/images/goto-link-white.svg" class="goto-arrow img-fluid"
                                alt="goto arrow" />
                        </span>
                    </h1>
                </a>
                <div class="section-btn dark-btn">
                    <a href="https://mindsparklemag.com/websites" class="btn">
                        <span>
                            See more Websites
                        </span>
                    </a>
                </div>
            </div>
            <div class="msm-badge d-flex justify-content-center align-items-center">
                <img src="/assets/images/msm-badge.svg" width="38" height="38" alt="SOTD badge" />
                <p class="m-0 size-25 text-white fw-bold">SOTD</p>
            </div>
        </div>
    </section>
    <!-- end Site of the Day-->
    <!--Sotd Section-->

    <!--New Websites Section-->
    <section class="new-websites-area py-5">
            <div class="websites-area-inner-area">
            <div class="websites-area-top-header main-page d-flex justify-content-between align-items-end">
                <h5 class="size-37">
                    See more Websites
                </h5>
                <div class="slider-arrow d-flex justify-content-end align-items-center gap-3">
                    <a href="javascript:void(0)" class="left-arrow-14" style="">
                        <img src="/assets/images/left-arrow.svg" alt="Previous Arrow">
                    </a>
                    <a href="javascript:void(0)" class="right-arrow-14" style="">
                        <img src="/assets/images/right-arrow.svg" alt="Next Arrow">
                    </a>
                </div>
            </div>

            <div class="new-websites-slider">
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Up Digital">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/29019/Copy-of-Brown-and-Gray-Minimalist-Tablet-Mockup-Instagram-Post-(1600-x-1200-px)-(877-x-548-px)-(1500-x-940-px).mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/29018/conversions/awards-cover-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/29018/conversions/awards-cover-avif-cover-image.avif"
                                            alt="Website with text &quot;We Bring Content to Brands&quot; and planets labeled with projects." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/up-digital" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                
                                <!-- SOTD Award Badge -->
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="javascript:void(0);"
                                                                                                class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0"></p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/up-digital">
                                <h5 class="mb-4 size-30">
                                    Up Digital
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Kluster Collectif">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/28871/kluster-mindsparkle(1).mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/28870/conversions/kluster-mindsparkle-4-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/28870/conversions/kluster-mindsparkle-4-avif-cover-image.avif"
                                            alt="Kluster website highlighting hybrid artists in music, performance, and visual arts." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/kluster-collectif" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                                                    <div class="msm-badge d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/msm-badge.svg" alt="SOTD badge">
                                        <p class="m-0 size-22 text-white fw-bold">SOTD</p>
                                    </div>
                                
                                <!-- Pro Creator Avatar -->
                                                                    <a href="https://mindsparklemag.com/pro/studio-indice" class="post-avatar">
                                        <img class="lazy" data-src="https://mindsparklemag.com/storage/media/28859/00-Avatar.jpg"
                                            alt="logo_image" />
                                    </a>
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://klustercollectif.com/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Creative</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/kluster-collectif">
                                <h5 class="mb-4 size-30">
                                    Kluster Collectif
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/collectif">collectif</a>
                                                            <a href="https://mindsparklemag.com/tag/nightlife">Nightlife</a>
                                                            <a href="https://mindsparklemag.com/tag/performance">performance</a>
                                                            <a href="https://mindsparklemag.com/tag/publishing">publishing</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Staris Brand Design">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/27539/goldfrontonline-video-cutter.com1-ezgif.com-resize-video.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/27534/conversions/B-1-Mindsparkle-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27534/conversions/B-1-Mindsparkle-avif-cover-image.avif"
                                            alt="Man working intently with &quot;Found Fixed Forgotten&quot; text overlay." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/staris-brand-design" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                
                                <!-- SOTD Award Badge -->
                                                                    <div class="msm-badge d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/msm-badge.svg" alt="SOTD badge">
                                        <p class="m-0 size-22 text-white fw-bold">SOTD</p>
                                    </div>
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://www.goldfront.com/work/brand-design-staris"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Business &amp; Corporate</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/staris-brand-design">
                                <h5 class="mb-4 size-30">
                                    Staris Brand Design
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/ai">Ai</a>
                                                            <a href="https://mindsparklemag.com/tag/branding">Branding</a>
                                                            <a href="https://mindsparklemag.com/tag/security">security</a>
                                                            <a href="https://mindsparklemag.com/tag/strategy">strategy</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Dropship.io">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/27531/bf3ac231-1275-4b2e-858a-9ecbe3077631.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/27529/conversions/7b64d3d4-de53-4456-af74-7e5ecd611951-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27529/conversions/7b64d3d4-de53-4456-af74-7e5ecd611951-avif-cover-image.avif"
                                            alt="A webpage features the Dropship logo, a call to action, and product cards with prices and revenues on a light blue background." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/every-animation-serves-the-experience-the-new-dropshipio-marketing-website" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                
                                <!-- Pro Creator Avatar -->
                                                                    <a href="https://mindsparklemag.com/pro/phunk-creative" class="post-avatar">
                                        <img class="lazy" data-src="https://mindsparklemag.com/storage/media/27510/phunk-pp.png"
                                            alt="logo_image" />
                                    </a>
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://www.phunk.co.uk"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Product</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/every-animation-serves-the-experience-the-new-dropshipio-marketing-website">
                                <h5 class="mb-4 size-30">
                                    Dropship.io
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: HBA Website">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/27341/hbaonline-video-cutter.com-ezgif.com-resize-video.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/27337/conversions/HBA-Home-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27337/conversions/HBA-Home-avif-cover-image.avif"
                                            alt="Modern indoor restaurant with skyline city view through large windows." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/hba-website" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                                                    <div class="msm-badge d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/msm-badge.svg" alt="SOTD badge">
                                        <p class="m-0 size-22 text-white fw-bold">SOTD</p>
                                    </div>
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://hba.com/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Business &amp; Corporate</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/hba-website">
                                <h5 class="mb-4 size-30">
                                    HBA Website
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/global-cdn-performance">Global-cdn-performance</a>
                                                            <a href="https://mindsparklemag.com/tag/website">website</a>
                                                            <a href="https://mindsparklemag.com/tag/hba">hba</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Evagria">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/27035/Evagria-for-Mindsparkle-Mag_compressed.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/27033/conversions/EvagriaHomepage1500x940-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27033/conversions/EvagriaHomepage1500x940-avif-cover-image.avif"
                                            alt="A woman in a red jacket leans against a man in a leather jacket, set beside a close-up of a tear on pink skin." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/evagria" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://evagria.com"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, E-Commerce</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/evagria">
                                <h5 class="mb-4 size-30">
                                    Evagria
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/future-perfect">Future Perfect</a>
                                                            <a href="https://mindsparklemag.com/tag/casting-director">Casting-director</a>
                                                            <a href="https://mindsparklemag.com/tag/fashion-editorials">Fashion-editorials</a>
                                                            <a href="https://mindsparklemag.com/tag/new-york-fashion">New-york-fashion</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: HONKA RE:FRAME!">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/27023/https-__school.dhw.co.jp_p_honka_reframe_online-video-cutter.com-ezgif.com-resize-video.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/27022/conversions/honka-1-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/27022/conversions/honka-1-avif-cover-image.avif"
                                            alt="Futuristic digital design with the text &quot;HONKA RE:FRAME!&quot; over a stylized humanoid silhouette." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/honka-reframe" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                
                                <!-- SOTD Award Badge -->
                                                                    <div class="msm-badge d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/msm-badge.svg" alt="SOTD badge">
                                        <p class="m-0 size-22 text-white fw-bold">SOTD</p>
                                    </div>
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://school.dhw.co.jp/p/honka_reframe/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Creative</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/honka-reframe">
                                <h5 class="mb-4 size-30">
                                    HONKA RE:FRAME!
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/ui-ux-design">UI UX design</a>
                                                            <a href="https://mindsparklemag.com/tag/honkare-frame">Honkare-frame</a>
                                                            <a href="https://mindsparklemag.com/tag/digital-hollywood">Digital-hollywood</a>
                                                            <a href="https://mindsparklemag.com/tag/ai-and-art">Ai-and-art</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Atico3">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/26926/atico3-website_comp-(1).mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/26925/conversions/atico3.com_en_-(4)-(1)-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26925/conversions/atico3.com_en_-(4)-(1)-avif-cover-image.avif"
                                            alt="A close-up of three smartphone screens displaying a purple app interface with usage statistics and notifications." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/atico3" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://atico3.com/en/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Portfolio</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/atico3">
                                <h5 class="mb-4 size-30">
                                    Atico3
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/website">website</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Studio Muhittin Güneş">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/26918/studimuhittinguenesonline-video-cutter.com-ezgif.com-resize-video.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/26916/conversions/studio_muhittin3-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26916/conversions/studio_muhittin3-avif-cover-image.avif"
                                            alt="A letter &quot;a&quot; is encased in a transparent ice cube on a gray background." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/studio-muhittin-gunes" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://www.gunesmuhittin.com"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Portfolio</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/studio-muhittin-gunes">
                                <h5 class="mb-4 size-30">
                                    Studio Muhittin Güneş
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/font">font</a>
                                                            <a href="https://mindsparklemag.com/tag/portfolio">portfolio</a>
                                                            <a href="https://mindsparklemag.com/tag/simple">simple</a>
                                                            <a href="https://mindsparklemag.com/tag/website">website</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Complii">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/26902/compliionline-video-cutter.com-ezgif.com-resize-video.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/26901/conversions/Website-Covers_Complii---Mind-Sparkle-(1)-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26901/conversions/Website-Covers_Complii---Mind-Sparkle-(1)-avif-cover-image.avif"
                                            alt="Construction worker on website promoting compliance, surrounded by fire extinguishers." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/complii" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                
                                <!-- SOTD Award Badge -->
                                                                    <div class="msm-badge d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/msm-badge.svg" alt="SOTD badge">
                                        <p class="m-0 size-22 text-white fw-bold">SOTD</p>
                                    </div>
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://www.complii.com/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Business &amp; Corporate</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/complii">
                                <h5 class="mb-4 size-30">
                                    Complii
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/business">business</a>
                                                            <a href="https://mindsparklemag.com/tag/purple">purple</a>
                                                            <a href="https://mindsparklemag.com/tag/website">website</a>
                                                            <a href="https://mindsparklemag.com/tag/bigger-boat">bigger boat</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Cactus Website">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/26852/01---CACTUS---HP---FULLSCREEN-.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/26851/conversions/00---CACTUS---COVER-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26851/conversions/00---CACTUS---COVER-avif-cover-image.avif"
                                            alt="A grid of luxury items including watches, fragrances, and beauty products, highlighted by metallic and glass materials." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/cactus-website" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                                                    <div class="msm-badge d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/msm-badge.svg" alt="SOTD badge">
                                        <p class="m-0 size-22 text-white fw-bold">SOTD</p>
                                    </div>
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://cactusdigitale.com/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Design Agency</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/cactus-website">
                                <h5 class="mb-4 size-30">
                                    Cactus Website
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/portfolio">portfolio</a>
                                                            <a href="https://mindsparklemag.com/tag/website">website</a>
                                                    </div>
                    </div>
                                                        <div class="post-box m-0">
                        <div class="size-md">
                            <!-- Media Display Section (Images & Videos) -->
                            <div class="media-container" tabindex="0" role="link"
                                aria-label="Open post: Shot on iPhone in Black &amp; White">
                                <!-- Media (video + images) -->
                                                                    <video data-src="https://mindsparklemag.com/storage/media/26879/shot-on-iphoneonline-video-cutter.com-ezgif.com-resize-video.mp4" loop muted playsinline preload="metadata"
                                        class="fit-video web-video"></video>
                                                                            <img src="https://mindsparklemag.com/storage/media/26878/conversions/Cover-(2)-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26878/conversions/Cover-(2)-avif-cover-image.avif"
                                            alt="Four black-and-white images: ocean waves, rooftop, dog, and surfers." class="fit-image web-img lazy" />
                                                                    
                                <!-- Overlay <a> that covers everything but is behind interactive elements -->
                                <a href="https://mindsparklemag.com/website/shot-on-iphone-in-black-white" class="media-link-overlay"></a>
                                <div class="post-box-blur"></div>

                                <!-- Plus Content Badge -->
                                                                    <a href="https://mindsparklemag.com/plus"
                                        class="add-msm d-flex justify-content-center align-items-center">
                                        <img src="/assets/images/white-logo.svg" class="pf-icon" alt="White MSM Logo" />
                                        Plus
                                        <img src="/assets/images/plus-white.svg" class="checky-ef"
                                            alt="White Plus Sign" />
                                    </a>
                                
                                <!-- SOTD Award Badge -->
                                
                                <!-- Pro Creator Avatar -->
                                
                                <!-- Website Link for Web Posts -->
                                                                    <div class="slides-box-links">
                                        <div class="d-flex justify-content-end align-items-center gap-2">
                                            <a href="https://shotoniphone.lorenzobocchi.com/"
                                                 target="_blank" rel="noopener"                                                 class="web-external-link">
                                                <img src="/assets/images/arrow.svg" alt="Goto Arrow" />
                                            </a>
                                        </div>
                                    </div>
                                                            </div>
                        </div>

                        <!-- Category Display -->
                        <div class="my-4">
                            <p class="mt-4 mb-0">Website, Creative</p>

                            <!-- Title and Link -->
                            <a href="https://mindsparklemag.com/website/shot-on-iphone-in-black-white">
                                <h5 class="mb-4 size-30">
                                    Shot on iPhone in Black &amp; White
                                    <span class="goto-link-arrow"><img src="/assets/images/goto-link.svg"
                                            alt="Goto arrow" /></span>
                                </h5>
                            </a>
                        </div>

                        <!-- Tags -->
                        <div class="tags d-flex justify-content-start align-items-center">
                                                            <a href="https://mindsparklemag.com/tag/black">black</a>
                                                            <a href="https://mindsparklemag.com/tag/iphone">iphone</a>
                                                            <a href="https://mindsparklemag.com/tag/photo">photo</a>
                                                            <a href="https://mindsparklemag.com/tag/photography">photography</a>
                                                    </div>
                    </div>
                            </div>
        </div>
        <div class="section-btn dark-outline">
        <a href="https://mindsparklemag.com/websites" class="btn">
            <span>
                See more Websites
            </span>
        </a>
    </div>
</section>
    <!--New Websites Section-->

    <!--Stories Section-->
    <section class="stories-area-main py-5">
        <div class="stories-area-inner">
            <div class="stories-area-top-header d-flex justify-content-between align-items-end">
                <h5 class="m-0 size-200">
                    Stories
                </h5>
                <div class="slider-arrow d-flex justify-content-end align-items-center gap-3">
                    <a href="javascript:void(0)" class="left-arrow-9">
                        <img src="/assets/images/left-arrow-white.svg" alt="Previous Arrow">
                    </a>
                    <a href="javascript:void(0)" class="right-arrow-9">
                        <img src="/assets/images/right-arrow-white.svg" alt="Next Arrow">
                    </a>
                </div>
            </div>
            <div class="stories-slider">
                                                        <div class="stories-box" style="background: #dce6f0;">
                        <div class="stories-info">
                            <div class="stories-info-top">
                                
                                                                                                                                                                                                                                                                                                                                                                                                        <span class="text-muted" style="font-size: 0.9rem;">Stories, Interview</span>
                            </div>
                            
                            <div class="stories-content">
                                <h4>
                                    <a href="https://mindsparklemag.com/designs/o0-building-beauty-and-order-while-the-world-falls-apart" class="size-50">O0: Building Beauty and Order While the World Falls Apart</a>
                                </h4>
                            </div>
                                                    </div>
                        
                        <div class="stories-banner position-relative">
                                                        
                            <a href="https://mindsparklemag.com/designs/o0-building-beauty-and-order-while-the-world-falls-apart" class="stories-link-overlay">
                                <div class="stories-img">
                                    
                                                                            <video data-src="https://mindsparklemag.com/storage/media/27541/O0_reel_collect_h_2-ezgif.com-video-cutter.mp4" loop muted playsinline
                                            preload="metadata"
                                            class="fit-video "></video>
                                                                                                            </div>
                            </a>
                        </div>
                    </div>
                                                        <div class="stories-box" style="background: #ccd6d5;">
                        <div class="stories-info">
                            <div class="stories-info-top">
                                
                                                                                                                                                                                                                                                                                                                                                                                                        <span class="text-muted" style="font-size: 0.9rem;">Stories, Interview</span>
                            </div>
                            
                            <div class="stories-content">
                                <h4>
                                    <a href="https://mindsparklemag.com/designs/interview-with-maria-vareva" class="size-50">Interview with Maria Vareva</a>
                                </h4>
                            </div>
                                                    </div>
                        
                        <div class="stories-banner position-relative">
                                                        
                            <a href="https://mindsparklemag.com/designs/interview-with-maria-vareva" class="stories-link-overlay">
                                <div class="stories-img">
                                    
                                                                            <img src="https://mindsparklemag.com/storage/media/26693/conversions/Independent-Work-Maria-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26693/conversions/Independent-Work-Maria-avif-cover-image.avif"
                                            alt="A playful digital interface features an animated character on a pink background, showcasing various app snippets and media." class="fit-image lazy" />
                                                                    </div>
                            </a>
                        </div>
                    </div>
                                                        <div class="stories-box" style="background: #ed74ed;">
                        <div class="stories-info">
                            <div class="stories-info-top">
                                
                                                                                                                                                                                                                                                                                                                                                                                                        <span class="text-muted" style="font-size: 0.9rem;">Stories, Interview</span>
                            </div>
                            
                            <div class="stories-content">
                                <h4>
                                    <a href="https://mindsparklemag.com/designs/interview-with-twist-studio" class="size-50">Twist Studio: How to win a big Client as a small Studio</a>
                                </h4>
                            </div>
                                                            <a href="https://mindsparklemag.com/pro/design-by-twist" class="post-avatar">
                                                                            <img class="lazy" data-src="https://mindsparklemag.com/storage/media/13412/TWIST_Logo_MindSparkleMag.jpg" alt="logo_image"
                                            loading="lazy" />
                                                                    </a>
                                                    </div>
                        
                        <div class="stories-banner position-relative">
                                                        
                            <a href="https://mindsparklemag.com/designs/interview-with-twist-studio" class="stories-link-overlay">
                                <div class="stories-img">
                                    
                                                                            <img src="https://mindsparklemag.com/storage/media/26678/conversions/twist-interview-mindsparkle-mag-lq-cover-placeholder.jpg" data-src="https://mindsparklemag.com/storage/media/26678/conversions/twist-interview-mindsparkle-mag-avif-cover-image.avif"
                                            alt="Two individuals stand side by side against a deep purple background, with bold pink diagonal stripes and white text." class="fit-image lazy" />
                                                                    </div>
                            </a>
                        </div>
                    </div>
                                                        <div class="stories-box" style="background: #c1dcd0;">
                        <div class="stories-info">
                            <div class="stories-info-top">
                                
                                                                                                                                                                                                                                                                                                                                                                                                        <span class="text-muted" style="font-size: 0.9rem;">Stories, Interview</span>
                            </div>
                            
                            <div class="stories-content">
                                <h4>
                                    <a href="https://mindsparklemag.com/designs/somewhere-else-on-what-it-really-takes-to-break-through-the-noise" class="size-50">Somewhere Else on what it really takes to break through the noise</a>
                                </h4>
                            </div>
                                                    </div>
                        
                        <div class="stories-banner position-relative">
                                                        
                            <a href="https://mindsparklemag.com/designs/somewhere-else-on-what-it-really-takes-to-break-through-the-noise" class="stories-link-overlay">
                                <div class="stories-img">
                                    
                                                                            <video data-src="https://mindsparklemag.com/storage/media/13436/SEDocu-Gryphon-04-ezgif.com-resize-video.mp4" loop muted playsinline
                                            preload="metadata"
                                            class="fit-video "></video>
                                                                                                            </div>
                            </a>
                        </div>
                    </div>
                                                        <div class="stories-box" style="background: #ffe0e0;">
                        <div class="stories-info">
                            <div class="stories-info-top">
                                
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                <span class="text-muted" style="font-size: 0.9rem;">Stories, Interview</span>
                            </div>
                            
                            <div class="stories-content">
                                <h4>
                                    <a href="https://mindsparklemag.com/designs/interview-with-here" class="size-50">Interview with Here</a>
                                </h4>
                            </div>
                                                    </div>
                        
                        <div class="stories-banner position-relative">
                                                        
                            <a href="https://mindsparklemag.com/designs/interview-with-here" class="stories-link-overlay">
                                <div class="stories-img">
                                    
                                                                            <img src="https://mindsparklemag.com/storage/media/13264/Here_interview.jpg" data-src="https://mindsparklemag.com/storage/media/13264/Here_interview.jpg"
                                            alt="Interview with Here cover image" class="fit-image lazy" />
                                                                    </div>
                            </a>
                        </div>
                    </div>
                                                        <div class="stories-box" style="background: #ddb3ff;">
                        <div class="stories-info">
                            <div class="stories-info-top">
                                
                                                                                                                                                                                                                                                                                                                                                                                                        <span class="text-muted" style="font-size: 0.9rem;">Stories, Interview</span>
                            </div>
                            
                            <div class="stories-content">
                                <h4>
                                    <a href="https://mindsparklemag.com/designs/interview-with-jp-a-true-webflow-expert" class="size-50">Interview with JP - A true webflow expert</a>
                                </h4>
                            </div>
                                                    </div>
                        
                        <div class="stories-banner position-relative">
                                                        
                            <a href="https://mindsparklemag.com/designs/interview-with-jp-a-true-webflow-expert" class="stories-link-overlay">
                                <div class="stories-img">
                                    
                                                                            <img src="https://mindsparklemag.com/storage/media/13268/gringo_2_webflow_template_jp.jpeg" data-src="https://mindsparklemag.com/storage/media/13268/gringo_2_webflow_template_jp.jpeg"
                                            alt="Interview with JP - A true webflow expert cover image" class="fit-image lazy" />
                                                                    </div>
                            </a>
                        </div>
                    </div>
                            </div>
        </div>

        <div class="section-btn">
            <a href="https://mindsparklemag.com/category/stories" class="btn">
                <span>
                    Read more stories
                </span>
            </a>
        </div>
    </section>
    <!--Stories Section-->

    <!--Jobs Section-->
    <section class="job-area py-5">
    <div class="site-container">
        <div class="jobs-area-inner">
            <div class="jobs-area-top-header d-flex justify-content-between align-items-end">
                <h5 class="m-0 size-200">
                    Jobs
                </h5>
                <div class="slider-arrow d-flex justify-content-end align-items-center gap-3">
                    <a href="javascript:void(0)" class="left-arrow-11">
                        <img src="/assets/images/left-arrow.svg" alt="Previous Arrows">
                    </a>
                    <a href="javascript:void(0)" class="right-arrow-11">
                        <img src="/assets/images/right-arrow.svg" alt="Next Arrows">
                    </a>
                </div>
            </div>

            <div class="jobs-slider">

                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/remote-brand-identity-graphic-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            day3
                        </span>
                        <h2 class="size-50 lh-sm">
                            Remote Brand Identity &amp; Graphic Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/design-engineer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Tinloof
                        </span>
                        <h2 class="size-50 lh-sm">
                            Design Engineer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Freelance
                            </span>
                            <span class="lh-sm">
                                Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/product-designer-de11d"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Spotify
                        </span>
                        <h2 class="size-50 lh-sm">
                            Product Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                London, England, United Kingdom, On-site
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/retail-graphic-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            GLAMNETIC
                        </span>
                        <h2 class="size-50 lh-sm">
                            Retail Graphic Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                United States, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/lead-designer-limesharp"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Limesharp
                        </span>
                        <h2 class="size-50 lh-sm">
                            Lead Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time, Hybrid
                            </span>
                            <span class="lh-sm">
                                London
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/graphics-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            YO HR Consultancy
                        </span>
                        <h2 class="size-50 lh-sm">
                            Graphics Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Contract
                            </span>
                            <span class="lh-sm">
                                United States, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/design-director"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Day Job
                        </span>
                        <h2 class="size-50 lh-sm">
                            Design Director
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Fulltime, hybrid
                            </span>
                            <span class="lh-sm">
                                LA/NY, USA
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/graphic-designer-49ba7"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Robert Half
                        </span>
                        <h2 class="size-50 lh-sm">
                            Graphic Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Atlanta, GA, Hybrid
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/ux-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            DoiT
                        </span>
                        <h2 class="size-50 lh-sm">
                            UX Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Netherlands, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/web-content-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            MOD education
                        </span>
                        <h2 class="size-50 lh-sm">
                            Web &amp; Content Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Düsseldorf, North Rhine-Westphalia, Germany, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/mobile-ui-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            DataAnnotation
                        </span>
                        <h2 class="size-50 lh-sm">
                            Mobile UI Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                United Kingdom, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/ux-ui-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            DataAnnotation
                        </span>
                        <h2 class="size-50 lh-sm">
                            UX / UI Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Massachusetts, United States, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/senior-staff-product-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Jobgether
                        </span>
                        <h2 class="size-50 lh-sm">
                            Senior Staff Product Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Lacaussade, Nouvelle-Aquitaine, France, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/senior-ui-ux-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            YO IT Consulting
                        </span>
                        <h2 class="size-50 lh-sm">
                            Senior UI / UX Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Eindhoven, North Brabant, Netherlands, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/ui-ux-designer-e0c0c"
                        target="_blank">
                        <span class="job-name lh-sm">
                            EfficientVision
                        </span>
                        <h2 class="size-50 lh-sm">
                            UI / UX Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Job, Auvergne-Rhône-Alpes, France, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/operations-director"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Jobgether
                        </span>
                        <h2 class="size-50 lh-sm">
                            Operations Director
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Brabantine City Row, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/junior-graphic-designer-9099a"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Commodities People
                        </span>
                        <h2 class="size-50 lh-sm">
                            Junior Graphic Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                United Kingdom, Remote
                            </span>
                        </div>
                    </a>

                </div>
                                <div class="job-box">
                    <a href="https://www.wethemakers.club/jobs/staff-brand-graphic-designer"
                        target="_blank">
                        <span class="job-name lh-sm">
                            Assured
                        </span>
                        <h2 class="size-50 lh-sm">
                            Staff Brand / Graphic Designer
                        </h2>
                        <div class="job-dis">
                            <span class="lh-sm">
                                Full-time
                            </span>
                            <span class="lh-sm">
                                Palo Alto, CA, Remote
                            </span>
                        </div>
                    </a>

                </div>
                            </div>
        </div>

        <div class="section-btn">
            <a href="https://www.wethemakers.club/jobs" class="btn">
                <span>
                    Read more Jobs
                </span>
            </a>
        </div>
    </div>
</section>
    <!--Jobs Section-->

    <!--Inspiration Section-->
    <section class="inspiration-area">
    <div class="site-container">
        <div class="inspiration-top-header">
            <h6 class="size-37">
                Inspiration at it's best
            </h6>

            <p>
                Weekly Inspiration.<br>
                Join the newsletter.
            </p>
        </div>
    </div>

    <div class="inspiration-content">
        <h1 class="size-200 animi-text">
            <img src="/assets/images/right-big.svg" class="mx-3" alt="right arrow" />
            Spark up your inbox
            <img src="/assets/images/right-big.svg" class="mx-3" alt="right arrow" />
            Spark up your inbox
        </h1>
        <h1 class="size-200 animi-text">
            <img src="/assets/images/right-big.svg" class="mx-3" alt="right arrow" />
            Spark up your inbox
            <img src="/assets/images/right-big.svg" class="mx-3" alt="right arrow" />
            Spark up your inbox
        </h1>
    </div>

    <div class="section-btn dark-btn">
        <a href="https://t.ly/Ezbaa" target="_blank" class="btn">
            <span>
                Subscribe now
            </span>
        </a>
    </div>
</section>
    <!--Inspiration Section-->

    <!--Series Section-->
    <section class="series-area">

        <div class="lazy-slides-area-inner">
            <div class="lazy-slides-area-top-header d-flex justify-content-between align-items-center mb-4">
                <a href="javascript: void(0);" class="d-flex align-items-center gap-1 size-30">
                    Our Series
                </a>
                <div class="slider-arrow d-flex justify-content-end align-items-center gap-3">
                    <a href="javascript:void(0)" class="left-arrow-1">
                        <img src="/assets/images/left-arrow.svg" alt="Previous Arrow">
                    </a>
                    <a href="javascript:void(0)" class="right-arrow-1">
                        <img src="/assets/images/right-arrow.svg" alt="Next Arrow">
                    </a>
                </div>
            </div>

            
            <div class="series-slider" style="padding-left: 0px;">
                                                <div class="post-box">
                    <a href="https://mindsparklemag.com/category/design/series/top-10">
                        <div class="size-xlg post-box-image">
                                                        <img class="lazy position-relative" src="https://mindsparklemag.com/storage/12676/top10-main2.jpg"
                                data-src="https://mindsparklemag.com/storage/12676/top10-main2.jpg" alt="Thumbnail for category Top 10"
                                loading="lazy" />
                                                        <div class="post-box-blur"></div>
                        </div>

                        <h4 class="my-4 size-37">Top 10 </h4>
                    </a>
                </div>
                                                <div class="post-box">
                    <a href="https://mindsparklemag.com/category/design/series/under-the-radar">
                        <div class="size-xlg post-box-image">
                                                        <img class="lazy position-relative" src="https://mindsparklemag.com/storage/12729/under-the-radar-main-mindsparkle.jpg"
                                data-src="https://mindsparklemag.com/storage/12729/under-the-radar-main-mindsparkle.jpg" alt="Thumbnail for category Under the Radar"
                                loading="lazy" />
                                                        <div class="post-box-blur"></div>
                        </div>

                        <h4 class="my-4 size-37">Under the Radar </h4>
                    </a>
                </div>
                            </div>
        </div>
    </section>
        <!--Series Section-->

    <!--Directory Section-->
    <section class="new-directory-area mt-5 py-5">
            <div class="websites-area-inner-area">
            <div class="websites-area-top-header d-flex justify-content-between align-items-end">
                <h5 class="size-200">
                    Directory
                </h5>
                <div class="slider-arrow d-flex justify-content-end align-items-center gap-3">
                    <a href="javascript:void(0)" class="left-arrow-17">
                        <img src="/assets/images/left-arrow-white.svg" alt="Previous Arrow">
                    </a>
                    <a href="javascript:void(0)" class="right-arrow-17">
                        <img src="/assets/images/right-arrow-white.svg" alt="Next Arrow">
                    </a>
                </div>
            </div>
            <div class="directory-websites-slider">
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/28870/conversions/kluster-mindsparkle-4-avif-cover-image.avif" alt="Kluster website highlighting hybrid artists in music, performance, and visual arts."
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                                                                <a href="https://indice.studio/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/studio-indice">
                                            <img data-src="https://mindsparklemag.com/storage/media/28859/conversions/00-Avatar-avif-logo-image.avif" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Paris,
                                                                        France
                                </h4>
                            
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/studio-indice">
                                        <h2 class="size-30">Studio Indice</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/28872/83dc96248998445.69fdcd719532d.gif" alt="A close-up of textured green and dark fabric, featuring the bold text &quot;RoyalStranger&quot; prominently displayed."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/505/DJOM-STILL3680.jpg" alt="DJOM cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/aprescreativestudio/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://apres-creativestudio.com/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/apres-creative-studio">
                                            <img data-src="https://mindsparklemag.com/storage/media/28856/conversions/Frame-4-avif-logo-image.avif" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Braga,
                                                                        Portugal
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/apres-creative-studio">
                                        <h2 class="size-30">après- creative studio</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1283/DROP_MindsparkleMag_21.jpeg" alt="DROP cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1383/2d83a797518876a891e2a77eb92fd7d8.jpg" alt="Traffic Productions cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1408/alt_assets.jpg" alt="ALT.xyz cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1437/aranja.jpg" alt="Aranja cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1710/e92341fe1375937ec779be42001daa69-1.jpg" alt="FILAYYYY cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1852/makereign-2.jpg" alt="MakeReign cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/2931/Azzerad-website-typography-dynamic-bold-clean-transitions-sotd-site-of-the-day-design-digital-portfolio-Mindsparkle-Mag.jpg" alt="Azzerad Studio cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/holographik.co/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://holographik.co/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/holographik">
                                            <img data-src="https://mindsparklemag.com/storage/media/29015/conversions/Holographik-Logo-B-avif-logo-image.avif" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Zagreb,
                                                                        Croatia
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/holographik">
                                        <h2 class="size-30">Holographik</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/27529/conversions/7b64d3d4-de53-4456-af74-7e5ecd611951-avif-cover-image.avif" alt="A webpage features the Dropship logo, a call to action, and product cards with prices and revenues on a light blue background."
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="joe@phunk.co.uk" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://www.phunk.com" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/phunk-creative">
                                            <img data-src="https://mindsparklemag.com/storage/media/27510/conversions/phunk-pp-avif-logo-image.avif" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Leeds,
                                                                        United Kingdom
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/phunk-creative">
                                        <h2 class="size-30">Phunk Creative</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/27303/conversions/WHITE_COFFEE_by_ABMO_7-avif-cover-image.avif" alt="A close-up of a glossy black box and a cylindrical white coffee container, both featuring the word &quot;white&quot; prominently."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/525/DESKTOP-INTRO-13.jpg" alt="BUCI Hôtel cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/abmo.fr/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://www.abmo.fr" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/abmo">
                                            <img data-src="https://mindsparklemag.com/storage/media/27332/conversions/ABMO_LOGO_RVB_BLANC-avif-logo-image.avif" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Bordeaux,
                                                                        France
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/abmo">
                                        <h2 class="size-30">Abmo</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/27029/conversions/Full-proof-avif-cover-image.avif" alt="A person ties a black apron with a white logo, next to a reflective sign displaying shop hours on a textured surface."
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/mudegroup/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://www.mude.com.au" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/mude-group">
                                            <img data-src="https://mindsparklemag.com/storage/media/26956/conversions/Mude-Profile-Charcoal@2x-avif-logo-image.avif" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Sydney,
                                                                        Australia
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/mude-group">
                                        <h2 class="size-30">Mude Group</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1420/stelo_stories.jpg" alt="Stelo Stories cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1658/27df7e91f8175b0146545d3a0e470bfb.jpg" alt="Wyth cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3782/Screen-Shot-2021-05-13-at-11.08.34-AM.png" alt="The Metropolitan Enigma cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3809/98461739.jpeg" alt="The Hiring Chain cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/12491/Screen-Shot-2021-04-09-at-12.01.50-PM-e1617980552671.png" alt="Flowe — Illustration system cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4129/cover-01-1.png" alt="Mediterraneo cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4276/af6ab873756335.5c13ba5cd939e.jpg" alt="Zac&#039;s Bakehouse cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4308/DSC_0995_jpg__dL_Y1_h.jpg" alt="Monto Chocolates cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4312/newsite-01.png" alt="Zac&#039;s Bakehouse cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4660/sotd-01-5.png" alt="Inatesso Cafe cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4669/smyth-sisters-logo-identity-design-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-CC_SmythSisters_Portfolio12.jpg" alt="Smyth Sisters cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4722/sotd-01.jpg" alt="The Muddler’s Club cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4750/Innateso-branding-logo-identity-design-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-CC_Innateso_Behance12.jpg" alt="Inatteso Cafe cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4811/cover.jpg" alt="KOW Steaks cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/4837/Better-branding-logo-identity-design-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-f0d95e100173239.5f5a0aab13ac5.png" alt="Better cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5596/grace-saviour-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-Crown-Creative-Design-Branding-Marketing-New-York-Hospitality-Grace-And-Saviour.png" alt="Grace &amp; Saviour cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5628/seppe-pizza-bar-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-7d1ee973679729.5c11437a4abc0.jpg" alt="Seppe Pizza Bar cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5631/akima-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-illo_akima_character02.jpg" alt="Akima cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5655/flour-oak-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-FlourOak-Buoy-81-Edit.jpg" alt="Flour &amp; Oak cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5689/Best-Bar-in-the-World-design-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-cda3e973760387.5e0e54e71e7c3.jpg" alt="Best Bar in the World cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5711/Norms-Pizza-design-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-695c4d88204407.5dcef1ea22591.jpg" alt="Norm&#039;s Pizza cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5774/sotd.jpg" alt="alessandrazanghi.studio cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5854/Dan-Jones-editorial-print-brand-modern-design-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-Cup_Illustration.jpg" alt="Dan Jones cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/6049/motion-video-brand-modern-design-visual-identity-branding-design-identity-graphic-blog-project-mindsparkle-mag-beautiful-portfolio-SignalFestival_Evolution2.jpg" alt="89 — Signal Festival cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/6767/31c33fd50ea45084ce651b8314518b37.jpg" alt="Tarot-o-bot cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/7108/httpsadoratorio.studio-.jpg" alt="Fabio Fantolino cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/7141/httpsadoratorio.studio-1-2.jpg" alt="White Square cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/7178/httpsadoratorio.studio-1-1.jpg" alt="Pelizzari Studio cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/7268/httpsadoratorio.studio-.jpg" alt="Heller Designstudio cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/7949/adoratorio-summer-club.jpg" alt="Adoratorio Summer Club cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/8192/hartigan-group.jpg" alt="The Hartigan Group cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/8196/zacs.jpg" alt="Zac&#039;s Bakehouse cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/8280/Airbnb_1300x813.jpg" alt="Airbnb Cycling Experiences cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/8324/bersini-festival-webdesign-adoratorio-sotd-award-mindsparkle-1.jpg" alt="Bersi Serlini - Festival 2018 cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13519/owof_msg.jpg" alt="Cover Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/10690/Future-You-ILLO-video-mindsparkle-mag.jpg" alt="Future You cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/11596/i-buongiorno.jpg" alt="I Buongiorno cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/adoratorio.studio" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://adoratorio.studio/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/adoratorio-studio">
                                            <img data-src="https://mindsparklemag.com/storage/media/13483/9MxCmksL_400x400.jpg" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Brescia,
                                                                        Italy
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/adoratorio-studio">
                                        <h2 class="size-30">Adoratorio® Studio</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/26868/conversions/algo_tv_mindsparkle_Motion_Identity_Generative_tool_Building_Billboard-avif-cover-image.avif" alt="A large sign displays transportation icons and text in English and Welsh, set against a muted background."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13565/cavalryinalgo.gif" alt="cover image Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13522/markets.jpg" alt="cover image Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13474/dribbble_01.jpg" alt="Cover Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/27/MOCKUP.png" alt="Aave Data-viz Generator cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/223/techtalia_02.jpg" alt="Techtalia Motion Identity cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/349/algo.jpg" alt="Revolt Pitch Deck cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/550/cover-fig.jpg" alt="Algo Figma Video Plug-in cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/626/press-kit.png" alt="Algo API - Scaling Video Creation cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/802/line-grid.jpg" alt="Wallet Wrapped cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/850/newsroom1.png" alt="The AI-powered Social Newsroom cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1141/0a2dddb3b0d247f96876205deff7741b.jpg" alt="Algo for Podcasts cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1331/AlgoCoal_01.jpeg" alt="Bloomberg Coal Countdown cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/2085/algo-colorful-aesthetic-minimal-type-sotd-site-of-the-day-design-website-beautiful-designer-web-design-mindsparkle-mag.jpg" alt="Algo cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/2620/Volta-digital-billboards-ui-ux-screen-infographic-motion-graphics-graphic-design-branding-brand-visual-identity-system-Mindsparkle-Mag2.jpg-.jpg" alt="Volta Digital Billboards cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3696/Algo-Update.jpg" alt="Algo x Slip.stream cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/7821/Algo_Mindsparkle_1200_3760.jpg" alt="Algo cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/algo.tv/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://algo.tv/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/algo">
                                            <img data-src="https://mindsparklemag.com/storage/media/13453/algo-logo.png" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Torino,
                                                                        Italy
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/algo">
                                        <h2 class="size-30">Algo</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13524/crown-work-birch-cabins-1.jpg" alt="cover image Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13442/CROWN_mindsparkle_BRAND_LYRIC_09-4.jpg" alt="An orange &quot;LYRIC&quot; brochure with bold text and open pages displaying event details."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/75/piquette.jpg" alt="Piquette cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/729/union_square.jpg" alt="Union Square Hospitality Group cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/1906/SICARA_CROWNCREATIVE_CREDITBRIANSAMUELSPHOTOGRAPHY_AUGUST2022-IMG_4741copy.jpg" alt="Si Cara cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/2176/Waterman-brand-branding-design-visual-identity-mindsparkle-mag-graphic-design1.jpg" alt="Waterman cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/2478/Gather-made-brand-branding-visual-identity-illustration-packaging-logo-design-food-table-family-meal-poster-merchandising-ui-web-design-Mindsparkle-Mag2.jpg" alt="Gather Made cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3374/The-toast-office-grilled-cheese-illustration-brand-branding-design-graphic-logo-visual-identity-voice-menus-website-Royal-Mail-nostalgic-aesthetic-restaurant-Mindsparkle-Mag14.jpg" alt="The Toast Office cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3448/Roller-boy-branding-identity-design-graphic-business-cards-illustration-vintage-Belfast-Ireland-food-concept-dining-crown-creative-agency-Mindsparkle-Mag9.jpg" alt="Roller Boy cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/crowncreative/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://crowncreative.com/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/crown-creative">
                                            <img data-src="https://mindsparklemag.com/storage/media/13437/crowncreative_logo.jpeg" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            New York,
                                                                        United States
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/crown-creative">
                                        <h2 class="size-30">Crown Creative</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/26678/conversions/twist-interview-mindsparkle-mag-avif-cover-image.avif" alt="Two individuals stand side by side against a deep purple background, with bold pink diagonal stripes and white text."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13529/twist.jpg" alt="cover image Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13411/Affinity_01_Header.gif" alt="A selection of app icons on a dark background, featuring a vibrant green Affinity icon highlighted with a cursor."
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/designbytwist/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://www.designbytwist.com/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/design-by-twist">
                                            <img data-src="https://mindsparklemag.com/storage/media/13412/TWIST_Logo_MindSparkleMag.jpg" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Barcelona,
                                                                        Spain
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/design-by-twist">
                                        <h2 class="size-30">Design by Twist</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/27532/conversions/Studio-Lekka-Tote--avif-cover-image.avif" alt="A tote bag with the words &quot;STUDIO&quot; and &quot;LEKKA&quot; printed in black hangs on a rocky surface, illuminated by sunlight."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/12859/Vinny-Mindsparkle-07.avif" alt="cover image Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/5140/newsite-1.jpg" alt="By The People cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://www.instagram.com/karolinaloboda.studio/" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://www.karolinaloboda.com" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/karolina-loboda">
                                            <img data-src="https://mindsparklemag.com/storage/media/12846/KLDS-Logo.jpg" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Toronto,
                                                                        Canada
                                </h4>
                            
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/karolina-loboda">
                                        <h2 class="size-30">Karolina Loboda</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                        <div class="slides-boxes parent-container">
                        <div class="post-box-slides position-relative sliderContainer">
                            <div class="slides-box-slider single-item">
                                                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/26841/conversions/https---oci.madebybuzzworthy.com--avif-cover-image.avif" alt="A bold blue design featuring the text &quot;Outsource Consultants, Inc.&quot; with wave-like patterns in the background."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13105/ms3.jpg" alt="A collage with a bust, books, mirror, DNA, apple, and compass under &quot;The Origin&quot; text."
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/12537/8d797042463d36c8058ca891c6e7a1dc.jpg" alt="cover image Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/84/4b74a03a07d040a3df6d78f4eb3b0b8b.jpg" alt="E&amp;A Financial cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/341/56a3b15f3288ad66a7f86ce678f0b45f.jpg" alt="Be The Buzz cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/682/0d437c5891fcc0bcc10fd759795fbba4.jpg" alt="Buzzworthy Studio cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/836/sling-1.jpg" alt="Sling Shot Intergalactic cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3221/Hoboken-yogi-website-sotd-site-of-the-day-design-calm-relax-yoga-calm-aesthetic-smooth-animations-clean-aesthetic-mindsparkle-mag.jpg" alt="Hoboken Yogi cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/3858/98176766.jpeg" alt="The Ocean Agency cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/13405/plus-logo.png" alt="Cover Image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                            <div>
                                                                                        <img data-src="https://mindsparklemag.com/storage/media/6426/b4c2c9f28cf61fdf46b640f10a16d3c3.jpg" alt="Helias Oils cover image"
                                                class="img-fluid lazy" />
                                        </div>
                                                                                                </div>
                            <div class="progressBarContainer">
                                                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                            <div class="item">
                                            <span data-slick-index="0" class="progressBar"></span>
                                        </div>
                                                                                                </div>
                            <div class="slides-box-links">
                                <div class="d-flex justify-content-end align-items-center gap-2">
                                                                            <a href="https://instagram.com/buzzworthy.studio" target="_blank">
                                            <img src="/assets/images/insta.svg" alt="Insta Icon" />
                                        </a>
                                                                                                                <a href="https://buzzworthystudio.com/" target="_blank">
                                            <img src="/assets/images/arrow.svg" alt="Goto Arrow " />
                                        </a>
                                                                    </div>
                            </div>

                            <div class="company-logo">
                                                                                                            <a href="https://mindsparklemag.com/pro/buzzworthy">
                                            <img data-src="https://mindsparklemag.com/storage/media/12885/Buzz-Logo.jpg" alt="logo_image"
                                                class="img-fluid lazy" />
                                        </a>
                                                                                                </div>

                                                            <div class="card-tag size-18 d-flex justify-content-center align-items-center">
                                    <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
                                    <span class="text-left text-uppercase">pro</span>
                                </div>
                            
                        </div>
                        <div class="mt-4 d-flex justify-content-between align-items-center gap-2 mb-1">
                                                            <h4 class="size-18 m-0">
                                                                            Brooklyn,
                                                                        United States
                                </h4>
                            
                                                            <div class="company-tag">
                                    <div
                                        class="tag-avail available-tag d-flex justify-content-center align-items-center gap-2">
                                        <img src="/assets/images/check.svg" alt="Check Sign" />
                                        <span class="size-14">Available</span>
                                    </div>
                                </div>
                                                    </div>
                        <div class="d-flex justify-content-between align-items-start post-box-goto flex-column">
                            <div class="d-flex flex-column justify-content-start">
                                                                    <a href="https://mindsparklemag.com/pro/buzzworthy">
                                        <h2 class="size-30">Buzzworthy</h2>
                                    </a>
                                                            </div>
                        </div>
                    </div>
                            </div>

            <div class="section-btn">
                <a href="https://mindsparklemag.com/directory" class="btn">
                    <span>
                        See full Directory
                    </span>
                </a>
            </div>
        </div>
    </section>
    <!--Directory Section-->


                    <div class="site-bottom position-relative">
                    <!--Branding Section-->
    <section class="branding-area d-none d-md-block">
    <div class="site-container">
        <h4 class="size-37">
            Find even more inspiration...
        </h4>
    </div>

    <div class="branding-main-area d-none d-md-block">
                    <div class="barding-main-rtl">
                <div class="grid-brands" id="slider1">
                                                                    <a href="https://mindsparklemag.com/categories/design-agency" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12594/ang-studio-msm.jpg" data-src="https://mindsparklemag.com/storage/12594/ang-studio-msm.jpg"
                                alt="Thumbnail for category Design Agency" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Design Agency
                                    <sup>2253</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/product" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12591/product_msm.jpg" data-src="https://mindsparklemag.com/storage/12591/product_msm.jpg"
                                alt="Thumbnail for category Product" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Product
                                    <sup>570</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/business-corporate" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12592/miscelany.jpg" data-src="https://mindsparklemag.com/storage/12592/miscelany.jpg"
                                alt="Thumbnail for category Business &amp; Corporate" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Business &amp; Corporate
                                    <sup>548</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/misc" class="relevant-box">
                            <img src="https://mindsparklemag.com/assets/images/brand-1.png" data-src="https://mindsparklemag.com/assets/images/brand-1.png"
                                alt="Misc Image" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Misc
                                    <sup>340</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/e-commerce" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12595/only-once-shop.jpg" data-src="https://mindsparklemag.com/storage/12595/only-once-shop.jpg"
                                alt="Thumbnail for category E-Commerce" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    E-Commerce
                                    <sup>47</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/portfolio" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12593/danielsun-msm.jpg" data-src="https://mindsparklemag.com/storage/12593/danielsun-msm.jpg"
                                alt="Thumbnail for category Portfolio" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Portfolio
                                    <sup>16</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/creative" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/13582/clearai.jpg" data-src="https://mindsparklemag.com/storage/13582/clearai.jpg"
                                alt="Thumbnail for category Creative" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Creative
                                    <sup>6</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/marketing" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12596/martian-mono-msm.jpg" data-src="https://mindsparklemag.com/storage/12596/martian-mono-msm.jpg"
                                alt="Thumbnail for category Marketing" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Marketing
                                    <sup>3</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/app" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12597/app-msm.jpg" data-src="https://mindsparklemag.com/storage/12597/app-msm.jpg"
                                alt="Thumbnail for category App" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    App
                                    <sup>0</sup>
                                </span>
                            </span>
                        </a>
                                    </div>
            </div>
                    <div class="barding-main-ltr">
                <div class="grid-brands" id="slider3">
                                                                    <a href="https://mindsparklemag.com/categories/graphic-design" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12600/quite-cool-msm.jpg" data-src="https://mindsparklemag.com/storage/12600/quite-cool-msm.jpg"
                                alt="Thumbnail for category Graphic Design" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Graphic Design
                                    <sup>4730</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/brand-identity" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12607/joji-branding-msm.jpg" data-src="https://mindsparklemag.com/storage/12607/joji-branding-msm.jpg"
                                alt="Thumbnail for category Brand Identity" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Brand Identity
                                    <sup>94</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/motion-design" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12608/correlation-msm.jpg" data-src="https://mindsparklemag.com/storage/12608/correlation-msm.jpg"
                                alt="Thumbnail for category Motion Design" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Motion Design
                                    <sup>51</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/illustration" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12598/piquette-msm-illustration.jpg" data-src="https://mindsparklemag.com/storage/12598/piquette-msm-illustration.jpg"
                                alt="Thumbnail for category Illustration" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Illustration
                                    <sup>32</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/packaging" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12599/marceli-msm.jpg" data-src="https://mindsparklemag.com/storage/12599/marceli-msm.jpg"
                                alt="Thumbnail for category Packaging" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Packaging
                                    <sup>25</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/type-design" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12604/font-msm.jpg" data-src="https://mindsparklemag.com/storage/12604/font-msm.jpg"
                                alt="Thumbnail for category Type Design" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Type Design
                                    <sup>9</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/editorial-print" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12605/msm-editorial.jpg" data-src="https://mindsparklemag.com/storage/12605/msm-editorial.jpg"
                                alt="Thumbnail for category Editorial &amp; Print" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Editorial &amp; Print
                                    <sup>9</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/environmental-spatial" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12602/environemental-msm.jpg" data-src="https://mindsparklemag.com/storage/12602/environemental-msm.jpg"
                                alt="Thumbnail for category Environmental &amp; Spatial" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Environmental &amp; Spatial
                                    <sup>5</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/3d" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12603/type-design-msm.jpg" data-src="https://mindsparklemag.com/storage/12603/type-design-msm.jpg"
                                alt="Thumbnail for category 3D" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    3D
                                    <sup>4</sup>
                                </span>
                            </span>
                        </a>
                                    </div>
            </div>
                    <div class="barding-main-rtl">
                <div class="grid-brands" id="slider2">
                                                                    <a href="https://mindsparklemag.com/categories/interview" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12613/Snask.jpg" data-src="https://mindsparklemag.com/storage/12613/Snask.jpg"
                                alt="Thumbnail for category Interview" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Interview
                                    <sup>6</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/storytelling" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12612/Here_interview.jpg" data-src="https://mindsparklemag.com/storage/12612/Here_interview.jpg"
                                alt="Thumbnail for category Story Telling" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Storytelling
                                    <sup>1</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/tool" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12611/brandpad_msm.jpg" data-src="https://mindsparklemag.com/storage/12611/brandpad_msm.jpg"
                                alt="Thumbnail for category Tool" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Tool
                                    <sup>0</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/event" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12609/twitch-msm-event.jpg" data-src="https://mindsparklemag.com/storage/12609/twitch-msm-event.jpg"
                                alt="Thumbnail for category Event" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Event
                                    <sup>0</sup>
                                </span>
                            </span>
                        </a>
                                                                    <a href="https://mindsparklemag.com/categories/tools-product" class="relevant-box">
                            <img src="https://mindsparklemag.com/storage/12614/patricia-nervy-msm.jpg" data-src="https://mindsparklemag.com/storage/12614/patricia-nervy-msm.jpg"
                                alt="Thumbnail for category Tools &amp; Product" loading="lazy" />
                            <span class="size-90">
                                <span class="for-dis">
                                    Tools &amp; Product
                                    <sup>0</sup>
                                </span>
                            </span>
                        </a>
                                    </div>
            </div>
            </div>

    <div class="section-btn dark-outline d-none d-md-block">
        <a href="https://mindsparklemag.com/inspiration" class="btn">
            <span>See more Inspiration</span>
        </a>
    </div>
</section>

<script src="https://mindsparklemag.com/assets/js/brand-slider.js?v=11.2.52" defer></script>
    <!--Branding Section-->

    <!--Bottom Add-->
    
    <!--Bottom Add-->
                <!--Ad Section-->
                <section class="ad-area">
    <div class="ad-bottom-area">
        <div class="ad-div-bottom">
                
        </div>
    </div>
</section>
                
                <footer class="footer">
    <h1 class="spec-title m-0">
        Mindsparkle*
    </h1>
    <div class="footer-mid-area d-flex justify-content-between align-items-end">
        <div class="footer-columns">
            <div class="columns-links">
                <h6 class="mb-3 size-16">Social</h6>
                <div class="d-flex justify-content-start flex-column gap-1">
                    <a href="https://www.instagram.com/mindsparklemagazine/"target="_blank" class="size-22">
                        Instagram
                    </a>
                    <a href="https://pinterest.com/mindsparklemag1/" target="_blank" class="size-22">
                        Pinterest
                    </a>
                    <a href="https://www.linkedin.com/company/mindsparkle/" target="_blank" class="size-22">
                        LinkedIn
                    </a>
                    <a href="https://x.com/mindsparklemag" target="_blank" class="size-22">
                        Twitter
                    </a>
                </div>
            </div>
            <div class="columns-links">
                <h6 class="mb-3 size-16">INFO</h6>
                <div class="d-flex justify-content-start flex-column gap-1">
                    <a href="https://mindsparklemag.com/submit" class="size-22">
                        Submit
                    </a>
                    <a href="https://mindsparklemag.com/pro" class="size-22">
                        Join the PROs
                    </a>
                    <a href="https://mindsparklemag.com/plus" class="size-22">
                        Be a PLUS
                    </a>
                    <a href="https://t.ly/Ezbaa" target="_blank" class="size-22">
                        Newsletter
                    </a>
                </div>
            </div>
            <div class="columns-links">
                <h6 class="mb-3 size-16">INFO</h6>
                <div class="d-flex justify-content-start flex-column gap-1">
                    <a href="https://mindsparklemag.com/about" class="size-22">
                        About
                    </a>
                    <a href="/cdn-cgi/l/email-protection#6b02050d042b0602050f181b0a1900070e060a0c45080406" class="size-22">
                        Contact
                    </a>
                    <a href="https://www.wethemakers.club/" target="_blank" class="size-22">
                        Jobs
                    </a>
                    <a href="javascript:void(0);" class="size-22"
                        data-bs-toggle=modal data-bs-target=#SignInDefault>
                        Insights +
                    </a>
                </div>
            </div>
        </div>
        <div class="footer-logo">
            <a href="https://mindsparklemag.com">
                <img src="/assets/images/white-logo.svg" alt="White MSM Logo" />
            </a>
        </div>
    </div>
    <div class="footer-copywrite">
        <p class="m-0 size-16">&#169; Mindsparkle Mag 2025 — All images are copyrights of their respecitve Owners
        </p>
        <div class="site-policies-links">
            <a href="https://mindsparklemag.com/terms" class="size-16">Legal Terms</a>
            <a href="https://mindsparklemag.com/privacy" class="size-16">Privacy Policy</a>
            <a href="javascript:void(0)" class="size-16" onclick="LaravelCookieConsent.reset(); return false;"
                style="cursor:pointer;">
                Reset Cookie preferences
            </a>
        </div>
    </div>
</footer>
            </div>
                <aside id="cookies-policy" class="cookies cookies--no-js"
    data-text="{&quot;more&quot;:&quot;More details&quot;,&quot;less&quot;:&quot;Less details&quot;}">
    <div class="cookies__alert">
        <div class="cookies__container">
            <div class="cookies__wrapper">
                <h2 class="cookies__title">Cookies</h2>
                <div class="cookies__intro">
                    <p>This website uses cookies in order to enhance the overall user experience.</p>
                                    </div>
                <div class="cookies__actions">
                    
                    <form action="https://mindsparklemag.com/cookie-consent/accept-all" method="post" data-cookie-action="accept.all" class="cookiesBtn cookiesBtn--accept">
    <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">    <button type="submit" class="cookiesBtn__link btn-drk">
        <span class="cookiesBtn__label ">Accept all</span>
    </button>
</form>


                </div>
                <div class="cookies__spacer policies-link-wrapper">
                    <a href="https://mindsparklemag.com/privacy" class="policies-link">
                        See our Privacy & Cookie Policy
                    </a>
                </div>
            </div>
        </div>
        <a href="#cookies-policy-customize" class="cookies__btn cookies__btn--customize">
            <span>Customize</span>
            <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"
                aria-hidden="true">
                <path
                    d="M14.7559 11.9782C15.0814 11.6527 15.0814 11.1251 14.7559 10.7996L10.5893 6.63297C10.433 6.47669 10.221 6.3889 10 6.38889C9.77899 6.38889 9.56703 6.47669 9.41075 6.63297L5.24408 10.7996C4.91864 11.1251 4.91864 11.6527 5.24408 11.9782C5.56951 12.3036 6.09715 12.3036 6.42259 11.9782L10 8.40074L13.5774 11.9782C13.9028 12.3036 14.4305 12.3036 14.7559 11.9782Z"
                    fill="#2C2E30" />
            </svg>
        </a>
        <div class="cookies__expandable cookies__expandable--custom" id="cookies-policy-customize">
            <form action="https://mindsparklemag.com/cookie-consent/configure" method="post" class="cookies__customize">
                <input type="hidden" name="_token" value="qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ" autocomplete="off">                <div class="cookies__sections">
                                            <div class="cookies__section">
                            <label for="cookies-policy-check-essentials" class="cookies__category">
                                                                    <input type="hidden" name="categories[]" value="essentials" />
                                    <input type="checkbox" name="categories[]" value="essentials"
                                        id="cookies-policy-check-essentials" checked="checked"
                                        disabled="disabled" />
                                                                <span class="cookies__box">
                                    <strong class="cookies__label">Essential cookies</strong>
                                </span>
                                                                    <p class="cookies__info">There are some cookies that we have to include in order for certain web pages to function. For this reason, they do not require your consent.</p>
                                                            </label>

                            <div class="cookies__expandable" id="cookies-policy-essentials">
                                <ul class="cookies__definitions">
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">mindsparklemag_cookie_consent</p>
                                            <p class="cookies__duration">
                                                1 year
                                            </p>
                                                                                            <p class="cookies__description">Used to store the user&#039;s cookie consent preferences.</p>
                                                                                    </li>
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">mindsparklemag_session</p>
                                            <p class="cookies__duration">
                                                2 hours
                                            </p>
                                                                                            <p class="cookies__description">Used to identify the user&#039;s browsing session.</p>
                                                                                    </li>
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">XSRF-TOKEN</p>
                                            <p class="cookies__duration">
                                                2 hours
                                            </p>
                                                                                            <p class="cookies__description">Used to secure both the user and our website against cross-site request forgery attacks.</p>
                                                                                    </li>
                                                                    </ul>
                            </div>
                            <a href="#cookies-policy-essentials"
                                class="cookies__details">More details</a>
                        </div>
                                            <div class="cookies__section">
                            <label for="cookies-policy-check-analytics" class="cookies__category">
                                                                    <input type="checkbox" name="categories[]" value="analytics"
                                        id="cookies-policy-check-analytics" />
                                                                <span class="cookies__box">
                                    <strong class="cookies__label">Analytics cookies</strong>
                                </span>
                                                                    <p class="cookies__info">We use these for internal research on how we can improve the service we provide for all our users. These cookies assess how you interact with our website.</p>
                                                            </label>

                            <div class="cookies__expandable" id="cookies-policy-analytics">
                                <ul class="cookies__definitions">
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">_ga</p>
                                            <p class="cookies__duration">
                                                1 year
                                            </p>
                                                                                            <p class="cookies__description">Main cookie used by Google Analytics, enables a service to distinguish one visitor from another.</p>
                                                                                    </li>
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">_ga_N66EKJ8M9G</p>
                                            <p class="cookies__duration">
                                                1 year
                                            </p>
                                                                                            <p class="cookies__description">Used by Google Analytics to persist session state.</p>
                                                                                    </li>
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">_gid</p>
                                            <p class="cookies__duration">
                                                1 day
                                            </p>
                                                                                            <p class="cookies__description">Used by Google Analytics to identify the user.</p>
                                                                                    </li>
                                                                            <li class="cookies__cookie">
                                            <p class="cookies__name">_gat</p>
                                            <p class="cookies__duration">
                                                1 minute
                                            </p>
                                                                                            <p class="cookies__description">Used by Google Analytics to throttle the request rate.</p>
                                                                                    </li>
                                                                    </ul>
                            </div>
                            <a href="#cookies-policy-analytics"
                                class="cookies__details">More details</a>
                        </div>
                                    </div>
                <div class="cookies__save">
                    <button type="submit" class="cookiesBtn__link btn-drk">Save settings</button>
                </div>
            </form>
        </div>
    </div>
</aside>



<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cookie-consent>
    (()=>{var e,t={148:()=>{var e=document.querySelector("#cookies-policy"),t=document.querySelector(".cookiereset");if(t&&t.addEventListener("submit",(function(e){return function(e){if(e.preventDefault(),document.querySelector("#cookies-policy"))return;window.LaravelCookieConsent.reset()}(e)})),e){var o=e.querySelector(".cookies__btn--customize"),n=e.querySelectorAll(".cookies__details"),i=e.querySelector(".cookiesBtn--accept"),r=e.querySelector(".cookiesBtn--essentials"),s=e.querySelector(".cookies__customize"),c=JSON.parse(e.getAttribute("data-text"));e.removeAttribute("data-text"),e.classList.remove("cookies--no-js"),e.classList.add("cookies--closing"),setTimeout((function(){e.classList.remove("cookies--closing")}),310);for(var u=0;u<n.length;u++)n[u].addEventListener("click",(function(e){return a(e,e.target,!1)}));o.addEventListener("click",(function(e){return a(e,o)})),i.addEventListener("submit",(function(e){return function(e){e.preventDefault(),window.LaravelCookieConsent.acceptAll(),l()}(e)})),r.addEventListener("submit",(function(e){return function(e){e.preventDefault(),window.LaravelCookieConsent.acceptEssentials(),l()}(e)})),s.addEventListener("submit",(function(e){return function(e){e.preventDefault(),window.LaravelCookieConsent.configure(new FormData(e.target)),l()}(e)})),window.addEventListener("resize",(function(t){window.innerHeight<=e.offsetHeight?e.querySelector(".cookies__sections").style.maxHeight="50vh":e.querySelector(".cookies__sections").removeAttribute("style")}))}function a(t,o){var n=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];t.preventDefault(),t.target.blur();var i=e.querySelector(o.getAttribute("href")),r=i.firstElementChild.offsetHeight,s=i.classList.contains("cookies__expandable--open");i.setAttribute("style","height:"+(s?r:0)+"px"),function(e,t,o){if(e)return;o.target.textContent=t?c.more:c.less}(n,s,t),setTimeout((function(){i.classList.toggle("cookies__expandable--open"),i.setAttribute("style","height:"+(s?0:r)+"px"),setTimeout((function(){i.removeAttribute("style")}),310)}),10),function(t,o){if(!t)return;var n=e.querySelector(".cookies__container"),i=n.firstElementChild.offsetHeight;n.setAttribute("style","height:"+(o?0:i)+"px"),setTimeout(function(e){return function(){e.classList.toggle("cookies--show"),n.classList.toggle("cookies__container--hide"),n.setAttribute("style","height:"+(o?i:0)+"px"),setTimeout((function(){n.removeAttribute("style")}),320)}}(e),10)}(n,s)}function l(){e.classList.add("cookies--closing"),setTimeout(function(e){return function(){e.parentNode.querySelectorAll("[data-cookie-consent]").forEach((function(e){e.parentNode.removeChild(e)})),e.parentNode.removeChild(e)}}(e),210)}},985:()=>{}},o={};function n(e){var i=o[e];if(void 0!==i)return i.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,n),r.exports}n.m=t,e=[],n.O=(t,o,i,r)=>{if(!o){var s=1/0;for(l=0;l<e.length;l++){for(var[o,i,r]=e[l],c=!0,u=0;u<o.length;u++)(!1&r||s>=r)&&Object.keys(n.O).every((e=>n.O[e](o[u])))?o.splice(u--,1):(c=!1,r<s&&(s=r));if(c){e.splice(l--,1);var a=i();void 0!==a&&(t=a)}}return t}r=r||0;for(var l=e.length;l>0&&e[l-1][2]>r;l--)e[l]=e[l-1];e[l]=[o,i,r]},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={879:0,314:0};n.O.j=t=>0===e[t];var t=(t,o)=>{var i,r,[s,c,u]=o,a=0;if(s.some((t=>0!==e[t]))){for(i in c)n.o(c,i)&&(n.m[i]=c[i]);if(u)var l=u(n)}for(t&&t(o);a<s.length;a++)r=s[a],n.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return n.O(l)},o=self.webpackChunklaravel_cookie_consent=self.webpackChunklaravel_cookie_consent||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})(),n.O(void 0,[314],(()=>n(148)));var i=n.O(void 0,[314],(()=>n(985)));i=n.O(i)})();
</script>
<style data-cookie-consent>
    #cookies-policy.cookies{bottom:0;font-size:16px;max-height:100%;max-width:100%;overflow:auto;position:fixed;right:0;transition:transform .2s ease-out,opacity .2s ease-out;z-index:9999}#cookies-policy.cookies--closing{opacity:0;transform:translateY(10px)}#cookies-policy.cookies--show .cookies__btn--customize{border-bottom:1px solid #e7e8e9;border-top:none}#cookies-policy.cookies--show .cookies__btn svg{transform:rotate(180deg)}#cookies-policy.cookies--no-js .cookies__expandable:target,#cookies-policy.cookies--no-js .cookies__section .cookies__expandable{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy.cookies--no-js .cookies__details{display:none}#cookies-policy.cookies--no-js .cookies__sections{max-height:-moz-fit-content;max-height:fit-content}#cookies-policy.cookies--no-js svg{display:none}#cookies-policy .cookies__expandable{display:block;height:0;opacity:0;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__expandable--open{height:auto;opacity:1;transition:height .3s ease-out,opacity .3s ease-out;visibility:visible}#cookies-policy .cookies__alert{background:#fff;border:1px solid #e7e8e9;border-radius:8px;box-shadow:0 12px 12px -8px rgba(0,0,0,.08),0 0 4px rgba(0,0,0,.04);margin:4%;max-height:90%;max-width:90%;width:22em}#cookies-policy .cookies__container{display:block;height:auto;opacity:1;overflow:hidden;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .1s;visibility:visible}#cookies-policy .cookies__container--hide{height:0;opacity:0;transition:height .3s ease-out,opacity .3s ease-out,visibility 0s linear .3s;visibility:hidden}#cookies-policy .cookies__wrapper{padding:1em 1.5em}#cookies-policy .cookies__title{color:#2c2e30;font-weight:700;line-height:1.4em;margin-bottom:.8em}#cookies-policy .cookies__intro{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__intro p{margin-top:1em}#cookies-policy .cookies__intro p:first-child{margin-top:0}#cookies-policy .cookies__intro a{color:inherit;text-decoration:underline;transition:color .2s ease-out}#cookies-policy .cookies__intro a:focus,#cookies-policy .cookies__intro a:hover{color:#7959ef}#cookies-policy .cookies__actions{display:flex;flex-direction:column;gap:4px;justify-content:space-between;margin-top:1em}#cookies-policy .cookies__btn--customize{align-items:center;border-top:1px solid #e7e8e9;color:#2c2e30;display:flex;font-size:.875em;font-weight:600;justify-content:space-between;line-height:1em;padding:1.125em 24px;position:relative;text-decoration:none}#cookies-policy .cookies__btn svg{transition:transform .2s ease-out}#cookies-policy .cookies__sections{max-height:450px;overflow-y:scroll}#cookies-policy .cookies__section{padding:0 1.5em}#cookies-policy .cookies__section+.cookies__section{border-top:1px solid #eee}#cookies-policy .cookies__box,#cookies-policy .cookies__category{display:block;overflow:hidden;position:relative}#cookies-policy .cookies__category input{display:block;margin:0;padding:0;position:absolute;right:105%;top:0}#cookies-policy .cookies__box{cursor:pointer;line-height:1.4em;padding:1em 3em 1em 0}#cookies-policy .cookies__box:after,#cookies-policy .cookies__box:before{border-radius:1.4em;content:"";display:block;position:absolute;top:50%}#cookies-policy .cookies__box:after{background:#e7e8e9;height:1.4em;margin-top:-.7em;right:0;transition:background .2s ease-out,opacity .2s ease-out;width:2.5em;z-index:0}#cookies-policy .cookies__box:before{background:#fff;height:1em;margin-top:-.5em;right:.75em;transform:translateX(-.55em);transition:transform .2s ease-out;width:1em;z-index:1}#cookies-policy .cookies__category input:checked+.cookies__box:after{background:#7959ef;opacity:1}#cookies-policy .cookies__category input:disabled+.cookies__box:after{opacity:.6}#cookies-policy .cookies__category input:checked+.cookies__box:before{transform:translateX(.55em)}#cookies-policy .cookies__label{color:#2c2e30;font-size:.875em;font-weight:600}#cookies-policy .cookies__info{color:#2c2e30;font-size:.875em;font-weight:450;line-height:1.4em}#cookies-policy .cookies__details{color:#7959ef;display:block;font-size:.875em;margin:.625em 0 .9em;transition:color .2s ease-out}#cookies-policy .cookies__details:focus,#cookies-policy .cookies__details:hover{color:#7959ef}#cookies-policy .cookies__definitions{color:#676767;font-size:.875em;line-height:1.2em;padding-top:.8em}#cookies-policy .cookies__cookie+.cookies__cookie{margin-top:1em}#cookies-policy .cookies__name{color:#8a8e92;display:inline;font-weight:600;line-height:22px}#cookies-policy .cookies__duration{color:#8a8e92;display:inline;text-align:right}#cookies-policy .cookies__description{color:#8a8e92;display:block;line-height:120%;padding-top:.3em;text-align:left;width:100%}#cookies-policy .cookies__save{border-top:1px solid #e7e8e9;display:flex;justify-content:flex-end;margin-top:.4em;padding:.75em 1.5em}#cookies-policy .cookiesBtn{width:100%}#cookies-policy .cookiesBtn__link{background:#7959ef;border:1px solid #7959ef;border-radius:4px;color:#fff;cursor:pointer;display:block;font:inherit;font-size:14px;font-weight:600;line-height:1em;margin:0;overflow:hidden;padding:.86em 1em;text-align:center;text-decoration:none;text-overflow:ellipsis;transition:opacity .2s ease-out;white-space:nowrap;width:100%}#cookies-policy .cookiesBtn__link:focus,#cookies-policy .cookiesBtn__link:hover{opacity:.8}
 .btn-drk {
        background-color: #333 !important;
        color: #fff !important;
        background: #333 !important;
        border: 1px solid #333 !important;
    }

    .policies-link-wrapper {
        margin-top: 10px;
        text-align: center;
        text-decoration: underline !important;
    }

    .policies-link {
        color: #717070 !important;
        text-decoration: underline !important;
    }

    #cookies-policy .cookies__category input:checked+.cookies__box:after {
        background: #333 !important;
    }

    #cookies-policy .cookies__details {
        color: #717070 !important;
    }
</style>
    </div>
    
        <!--Site Menu DropDown-->
    <div class="pro-menu-listing scale-0" id="proMenuNav">
        <a href="javascript: void(0);" class="close-mobile-menu" id="closeMenu">
            <img src="/assets/images/close.svg" alt="close" />
        </a>
        <div class="pro-menu-listing-nav">
            <div class="nav-links-main">
                <div class="nav-links">
                    <ul>
                        <li>
                            <a href="https://mindsparklemag.com/inspiration">
                                Inspiration
                            </a>
                            <ul class="mobile-menu">
                                <li>
                                    <a href="javascript: void(0)">
                                        Projects
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: void(0)">
                                        Stories
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: void(0)">
                                        Websites
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript: void(0)">
                                        Series
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="https://mindsparklemag.com/directory">
                                Directory
                            </a>
                        </li>
                        <li>
                            <a href="javascript:void(0);"
                                data-bs-toggle=modal data-bs-target=#SignInDefault>
                                Insights +
                            </a>
                        </li>
                        <li>
                            <a href="https://www.wethemakers.club/">
                                Jobs
                            </a>
                        </li>

                        <!-- ✅ Show these links only on small screens -->
                        <li class="d-block d-md-none">
                            <a href="https://mindsparklemag.com/design-project">
                                Projects
                            </a>
                        </li>
                        <li class="d-block d-md-none">
                            <a href="https://mindsparklemag.com/category/stories">
                                Stories
                            </a>
                        </li>
                        <li class="d-block d-md-none">
                            <a href="https://mindsparklemag.com/websites">
                                Websites
                            </a>
                        </li>
                    </ul>


                </div>
                <div class="sub-nav-links">
                    <ul>
                        <li>
                            <a href="https://mindsparklemag.com/design-project">
                                Projects
                            </a>
                        </li>
                        <li>
                            <a href="https://mindsparklemag.com/category/stories">
                                Stories
                            </a>
                        </li>
                        <li>
                            <a href="https://mindsparklemag.com/websites">
                                Websites
                            </a>
                        </li>
                        <li>
                            <a href="https://mindsparklemag.com/category/design/series">
                                Series
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="pro-member-info">
                <div class="member-info d-flex justify-content-start">
                    <div class="member-info-links d-flex flex-column gap-2">
                        <a href="https://mindsparklemag.com/submit">
                            <p class="m-0 size-16 nav-bottom">Submit</p>
                        </a>
                        <a href="https://t.ly/Ezbaa" target="_blank" class="newsLettersubBtn">
                            <p class="m-0 size-16 nav-bottom">Newsletter</p>
                        </a>
                    </div>
                    <div class="member-info-links d-flex flex-column gap-2">
                        <a href="https://mindsparklemag.com/plus" class="text-light size-16 nav-bottom">Plus Reader</a>
                        <a href="https://mindsparklemag.com/pro" class="text-light size-16 nav-bottom">Pro Member</a>
                    </div>
                </div>
                <div class="pro-social-links d-flex justify-content-end align-items-center">

                    <a href="https://www.instagram.com/mindsparklemagazine/" target="_blank">
                        <img src="/assets/images/insta.svg" alt="Insta icon" />
                    </a>
                    <a href="https://x.com/mindsparklemag" target="_blank">
                        <img src="/assets/images/twitter.svg" alt="twittet/X icon" />
                    </a>
                    <a href="https://pinterest.com/mindsparklemag1/" target="_blank">
                        <img src="/assets/images/pinterest.svg" alt="pinterest ison" />
                    </a>
                    <a href="https://www.linkedin.com/company/mindsparkle/" target="_blank">
                        <img src="/assets/images/linkedin.svg" alt="linkedin icon" />
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!--Site Menu DropDown-->

    <!-- Submit package -->
    <div class="choose-package scale-0" id="choosePackage">
        <div class="package-area">
            <div class="d-flex justify-content-between gap-3 package-area-inner">
                <div class="package-box overflow-auto submit-package d-flex justify-content-between flex-column gap-4">
                    <div class="package-title">
                        <h2 class="size-60 m-0">Submit</h2>
                        <div class="hover-detail">
                            <p class="m-0 mt-2 size-22">
                                Submit your Design case study, Website or Job listing. Request an interview or brand
                                promotion.
                            </p>
                        </div>
                    </div>
                    <div class="package-logo">
                        <img src="/assets/images/up-arrow.png" alt="up arrow" />
                    </div>

                    <div class="action-btn">
                        <a href="https://mindsparklemag.com/submit" class="size-18">
                            <button class="primary-btn">
                                Submit now
                            </button>
                        </a>
                    </div>
                </div>

                <div class="package-box overflow-auto plus-package d-flex justify-content-between flex-column gap-4">
                    <div class="package-title">
                        <h2 class="size-60 m-0 text-white">Plus</h2>
                        <div class="hover-detail">
                            <p class="m-0 mt-2 size-22">
                                Become a Plus reader. Gain access to exclusive content, featuring unseen project
                                insights and more.
                            </p>
                        </div>
                    </div>
                    <div class="package-logo">
                        <img src="/assets/images/plus-logo.png" alt="plus logo" />
                    </div>

                    <div class="action-btn">
                        <a href="https://mindsparklemag.com/plus" class="size-18">
                            <button class="primary-btn">
                                Explore PLUS
                            </button>
                        </a>
                    </div>
                </div>

                <div class="package-box overflow-auto pro-package d-flex justify-content-between flex-column gap-4">
                    <div class="package-title">
                        <h2 class="size-60 m-0 text-white">Pro</h2>
                        <div class="hover-detail">
                            <p class="m-0 mt-2 size-22">
                                Join the Pros. Gain maximum visibility on Mindsparkle & access to all premium features.
                            </p>
                        </div>
                    </div>
                    <div class="package-logo">
                        <img src="/assets/images/pro-logo.png" alt="pro logo" />
                    </div>

                    <div class="action-btn">
                        <a href="https://mindsparklemag.com/pro" class="size-18">
                            <button class="primary-btn">
                                Explore Pro
                            </button>
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- Submit package -->

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>

    <!-- Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous" defer>
    </script>

    
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11" defer></script>

    
    <script src="https://mindsparklemag.com/assets/vendor/jquery.lazy-master/jquery.lazy.min.js" defer></script>
    <script src="https://mindsparklemag.com/assets/vendor/jquery.lazy-master/jquery.lazy.plugins.min.js" defer></script>

    <!-- slick -->
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js" defer>
    </script>

    <!-- recaptcha js -->
    <script async defer src="https://www.google.com/recaptcha/api.js?render=6Le1ib0rAAAAADqTR0fbJ-kyqzWlG5ZPk1LhJxTk">
    </script>

    <!-- wow -->
    <script type="text/javascript" src="https://mindsparklemag.com/assets/js/wow.min.js?v=11.2.52"></script>


    <!-- custom -->
    <script type="text/javascript" src="https://mindsparklemag.com/assets/js/custom.js?v=11.2.52" defer></script>



    <!-- written in main -->
    <script>
        window.App = {
            isAuth: false,
            // user: null,
            user: null,
            isHome: true,
            isProPage: false,
            isPlusPage: false,
            routes: {
                promoBarDismiss: 'https://mindsparklemag.com/promo-bar/dismiss',
                login: 'https://mindsparklemag.com/api/login',
                register: 'https://mindsparklemag.com/api/register',
                googleRedirect: 'https://mindsparklemag.com/auth/google',
                googleStore: 'https://mindsparklemag.com/auth/google/store',
                userUpgrade: '',
                checkActive: 'https://mindsparklemag.com/check-active-status',
                checkSub: 'https://mindsparklemag.com/check-subscription',
                forgotPassword: 'https://mindsparklemag.com/forgot-password',
                resetPassword: 'https://mindsparklemag.com/update-reset-password',
                resendActivation: 'https://mindsparklemag.com/resendActivationEmail'
            },
            recaptchaKey: '6Le1ib0rAAAAADqTR0fbJ-kyqzWlG5ZPk1LhJxTk',
            csrfToken: 'qK3lGTwnStkJtB1udDNT6lecrINZKrHlHANkFdHZ',
            session: {
                selectPlan: false,
                showLogin: false,
                resetPass: false,
                thanks: false,
                googleUser: null            }
        };
    </script>
    <script type="text/javascript" src="https://mindsparklemag.com/assets/js/main.js?v=11.2.52" defer></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const promoBar = document.querySelector('.promo-bar--header');
            if (!promoBar) return;

            const closeButton = promoBar.querySelector('.promo-bar__close');
            if (closeButton) {
                closeButton.addEventListener('click', function() {
                    const id = promoBar.getAttribute('data-promo-id');
                    const dismissUrl = window.App?.routes?.promoBarDismiss;
                    const token = window.App?.csrfToken;

                    function hidePromoUi() {
                        promoBar.style.display = 'none';
                        document.body.classList.remove('has-active-promo-bar');
                    }

                    if (!id || !dismissUrl || !token) {
                        hidePromoUi();
                        return;
                    }

                    fetch(dismissUrl, {
                        method: 'POST',
                        credentials: 'same-origin',
                        headers: {
                            'Content-Type': 'application/json',
                            'Accept': 'application/json',
                            'X-CSRF-TOKEN': token,
                            'X-Requested-With': 'XMLHttpRequest',
                        },
                        body: JSON.stringify({ id: parseInt(id, 10) }),
                    })
                        .then(function(res) {
                            if (res.ok) {
                                hidePromoUi();
                            }
                        })
                        .catch(function() {});
                });
            }

            const timerNode = promoBar.querySelector('.promo-bar__timer[data-promo-ends-at]');
            if (!timerNode) return;

            const endTime = new Date(timerNode.dataset.promoEndsAt).getTime();
            if (Number.isNaN(endTime)) return;

            function pad(v) {
                return String(v).padStart(2, '0');
            }

            function tick() {
                const now = Date.now();
                const diff = endTime - now;

                if (diff <= 0) {
                    promoBar.style.display = 'none';
                    document.body.classList.remove('has-active-promo-bar');
                    return;
                }

                const totalSeconds = Math.floor(diff / 1000);
                const days = Math.floor(totalSeconds / 86400);
                const hours = Math.floor((totalSeconds % 86400) / 3600);
                const minutes = Math.floor((totalSeconds % 3600) / 60);
                const seconds = totalSeconds % 60;
                const dayPart = days > 0 ? `${days}d ` : '';
                timerNode.textContent = `Ends in ${dayPart}${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
            }

            tick();
            setInterval(tick, 1000);
        });
    </script>
    <!--extra-js -->
    
</body>

</html>
