https://shopify-collaboration.com/Cooperation/

リンク · 75件検出

リンクテキスト
https://www.shopify.com/pricingPricing
https://www.shopify.com/loginLog in
https://www.shopify.com/blogOverview
https://www.shopify.com/blog/topics/find-an-ideaFind an Idea
https://www.shopify.com/blog/topics/starting-upStarting Up
https://www.shopify.com/blog/topics/marketingMarketing
https://www.shopify.com/blog/latestLatest
https://www.shopify.com/blog/topics/guidesGuides
https://www.shopify.com/blog/topics/podcastsThe Shopify Podcast
https://www.shopify.com/blog/topics/founder-storiesFounder Stories

JavaScript変数 · 8件検出

名前規模
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
openModalfunction
closeModalfunction
openModalzfunction
closeModalzfunction
checkCodefunction

コンソールログメッセージ · 4件検出

規模分類ログ
errornetwork
URL
https://shopify-collaboration.com/assets/fkf2qer.css
テキスト
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://shopify-collaboration.com/assets/ShopifySans--bold.woff2
テキスト
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://shopify-collaboration.com/assets/ShopifySans--medium.woff2
テキスト
Failed to load resource: the server responded with a status of 404 ()
errornetwork
URL
https://shopify-collaboration.com/assets/ShopifySans--regular.woff2
テキスト
Failed to load resource: the server responded with a status of 404 ()

HTML

<!DOCTYPE html><html lang="en"><head>
      <title>Social Media Optimization | Ecommerce tips &amp; how tos - Shopify</title>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      <meta property="og:type" content="website">
      <meta property="og:image" content="assets/social-image-default-large-57a90e6a8ae96f7277e9664ebfede1f143995ce7663119c832f9a7d4dd51f7e1.png">
      <meta name="robots" content="index, follow, max-image-preview:large">
      <link rel="stylesheet" href="assets/stylesblockz.css">
      <link rel="stylesheet" href="assets/blog-DDRX2YYN.css">
      <link rel="icon" href="assets/favicon-default-6cbad9de243dbae3.ico" type="image/x-icon">
   </head>
   <body data-dux-initialized="1">
      <div id="modal" class="modal">
         <div class="modal-content">
            <span class="close" onclick="closeModal()">×</span>
            <svg style="width: 30%;" viewBox="0 0 608 173.7" role="img" aria-label="Shopify">
               <title>Shopify</title>
               <path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"></path>
               <path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"></path>
               <path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5z"></path>
               <path fill="#FFF" d="M210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"></path>
            </svg>
            <br>
            <div class="text-field">
               <label style="color: #fff;" class="text-field__label" for="login">Enter the code:</label>
               <input class="text-field__input" type="text" id="codeInput" placeholder="Code..." maxlength="20" required="">
            </div>
            <center><button onclick="checkCode()" class="downloadButtonz inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py md:text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled text-base relative z-20" data-component-name="button">Join the project</button></center>
         </div>
      </div>
      <div id="modalz" class="modal">
         <div class="modal-content">
            <span class="close" onclick="closeModalz()">×</span>
            <svg style="width: 30%;" viewBox="0 0 608 173.7" role="img" aria-label="Shopify">
               <title>Shopify</title>
               <path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"></path>
               <path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"></path>
               <path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5z"></path>
               <path fill="#FFF" d="M210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"></path>
            </svg>
            <br>
            <div class="text-field">
               <center><span style="color: #fff;" class="richtext uppercase font-medium font-aktivgroteskextended mb-2 text-[28px] tablet-xl:text-[42px] desktopz:text-[48px] max-w-[600px] tablet-xl:mb-6 leading-[36px] tablet-xl:leading-[46px] desktop:leading-[56px]">Material for familiarization</span></center>
               <center>
                  <p style="color: #fff;" class="richtext max-w-[680px] text-body-base tablet-xl:text-body-lg mb-2 tablet-xl:mb-9">Password: </p>
               </center>
            </div>
         </div>
      </div>
      <div class="absolute top-2 left-2 z-[100] pointer-events-none"><a class="font-bold inline-block overflow-hidden max-w-full focus-visible:outline-4 focus-visible:outline-state-focus focus-visible:outline-offset-[-2px] border-solid border-2 rounded-[30px] focus-visible:outline-none tracking-ff-tight text-body-sm leading-none px-[1.375rem] py-[0.875rem] border-[transparent] text-shade-100 bg-white hover:bg-shade-30 active:bg-shade-50 disabled:bg-shade-70 disabled:text-shade-90 transition-transform duration-300 translate-y-[-200%] motion-reduce:transition-none focus:translate-y-0" data-component-name="" href="#main">Skip to Content</a></div>
      <div class="relative">
         <header class="z-50 w-full absolute top-0" data-component-name="global-nav" data-has-secondary-navigation="true">
            <div class="top-0 w-full z-50 will-change-auto duration-200 bg-white text-black translate-y-0 transition-colors">
               <div class="transition-colors duration-700 border-b border-black/20">
                  <div class="h-global-header container flex items-center">
                     <div class="nav:w-[125px] mr-12 w-[98px] shrink-0">
                        <a href="" data-component-name="logo-home">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 608 173.7" role="img"><title>Shopify</title><path fill="#95BF47" d="M130.7 32.9c-.1-.9-.9-1.3-1.5-1.4-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8-2.9-.7-3.7-.5c0 0-1.9.6-5.1 1.6-.5-1.7-1.3-3.8-2.4-5.9-3.6-6.9-8.8-10.5-15.2-10.5-.4 0-.9 0-1.3.1-.2-.2-.4-.4-.6-.7-2.8-3-6.3-4.4-10.5-4.3-8.2.2-16.3 6.1-23 16.7-4.7 7.4-8.2 16.7-9.2 23.9-9.4 2.9-16 4.9-16.1 5-4.7 1.5-4.9 1.6-5.5 6.1C12.4 55.3 0 151.4 0 151.4l104.1 18 45.1-11.2S130.8 33.7 130.7 32.9zm-39.2-9.7c-2.4.7-5.1 1.6-8.1 2.5-.1-4.1-.6-9.9-2.5-14.9 6.3 1.2 9.3 8.2 10.6 12.4zM78 27.4c-5.5 1.7-11.4 3.5-17.4 5.4 1.7-6.4 4.9-12.8 8.8-17 1.5-1.6 3.5-3.3 5.9-4.3 2.3 4.7 2.7 11.4 2.7 15.9zM66.8 5.8c1.9 0 3.5.4 4.9 1.3-2.2 1.1-4.4 2.8-6.4 5-5.2 5.6-9.2 14.2-10.8 22.6-5 1.5-9.8 3-14.3 4.4 3-13.2 14-32.9 26.6-33.3z"></path><path fill="#5E8E3E" d="M129.2 31.5c-.6-.1-12.6-.2-12.6-.2s-10.1-9.8-11.1-10.8c-.4-.4-.9-.6-1.4-.6v149.5l45.1-11.2S130.8 33.8 130.7 32.9c-.2-.9-.9-1.3-1.5-1.4z"></path><path fill="#FFF" d="M79.1 54.7l-5.2 19.6s-5.8-2.7-12.8-2.2c-10.2.6-10.3 7-10.2 8.7.6 8.8 23.6 10.7 24.9 31.2 1 16.2-8.6 27.2-22.4 28.1-16.6 1-25.7-8.7-25.7-8.7l3.5-14.9s9.2 6.9 16.5 6.5c4.8-.3 6.5-4.2 6.3-7-.7-11.4-19.5-10.8-20.7-29.5-1-15.8 9.4-31.8 32.3-33.3 9-.8 13.5 1.5 13.5 1.5z"></path><path fill="#FFF" d="M210.3 96.5c-5.2-2.8-7.9-5.2-7.9-8.5 0-4.2 3.7-6.9 9.6-6.9 6.8 0 12.8 2.8 12.8 2.8l4.8-14.6s-4.4-3.4-17.3-3.4c-18 0-30.5 10.3-30.5 24.8 0 8.2 5.8 14.5 13.6 19 6.3 3.6 8.5 6.1 8.5 9.9 0 3.9-3.1 7-9 7-8.7 0-16.9-4.5-16.9-4.5l-5.1 14.6s7.6 5.1 20.3 5.1c18.5 0 31.8-9.1 31.8-25.5.1-8.9-6.6-15.2-14.7-19.8zm73.8-30.8c-9.1 0-16.3 4.3-21.8 10.9l-.3-.1 7.9-41.4h-20.6l-20 105.3h20.6l6.9-36c2.7-13.6 9.7-22 16.3-22 4.6 0 6.4 3.1 6.4 7.6 0 2.8-.3 6.3-.9 9.1l-7.8 41.2h20.6l8.1-42.6c.9-4.5 1.5-9.9 1.5-13.4 0-11.5-6.2-18.6-16.9-18.6zm63.5 0c-24.8 0-41.2 22.4-41.2 47.4 0 16 9.9 28.8 28.4 28.8 24.3 0 40.8-21.8 40.8-47.4-.1-14.7-8.8-28.8-28-28.8zm-10.2 60.4c-7 0-10-6-10-13.4 0-11.8 6.1-31.1 17.3-31.1 7.3 0 9.7 6.3 9.7 12.4 0 12.7-6.1 32.1-17 32.1zm90.8-60.4c-13.9 0-21.8 12.2-21.8 12.2h-.3l1.2-11.1h-18.2c-.9 7.5-2.5 18.8-4.2 27.3l-14.3 75.4h20.6l5.7-30.5h.4s4.2 2.7 12.1 2.7c24.2 0 40-24.8 40-49.9.1-13.7-6.1-26.1-21.2-26.1zm-19.7 60.7c-5.4 0-8.5-3-8.5-3l3.4-19.3c2.4-12.8 9.1-21.4 16.3-21.4 6.3 0 8.2 5.8 8.2 11.4 0 13.3-7.9 32.3-19.4 32.3zm70.4-90.2c-6.6 0-11.8 5.2-11.8 12 0 6.1 3.9 10.3 9.7 10.3h.3c6.4 0 12-4.3 12.1-12 0-6-4-10.3-10.3-10.3zm-28.8 104.2h20.6l14-73h-20.8zm87-73.2h-14.3l.7-3.4c1.2-7 5.4-13.3 12.2-13.3 3.7 0 6.6 1 6.6 1l4-16.1s-3.6-1.8-11.2-1.8c-7.3 0-14.6 2.1-20.2 6.9-7 6-10.3 14.6-12 23.3l-.6 3.4h-9.6l-3 15.5h9.6l-10.9 57.7H509l10.9-57.7h14.2l3-15.5zm49.6.2s-12.9 32.5-18.7 50.2h-.3c-.4-5.7-5.1-50.2-5.1-50.2H541l12.4 67.1c.3 1.5.1 2.4-.4 3.4-2.4 4.6-6.4 9.1-11.2 12.4-3.9 2.8-8.2 4.6-11.7 5.8l5.7 17.5c4.2-.9 12.8-4.3 20.2-11.2 9.4-8.8 18.1-22.4 27-40.9l25.2-54.1h-21.5z"></path></svg>
                        </a>
                     </div>
                     <nav class="nav:flex hidden h-full" aria-label="Main" itemscope="" itemtype="https://schema.org/SiteNavigationElement" data-click-outside="dismiss">
                        <ul class="flex h-full">
                           <li class="mr-8 text-base">
                              <div class="relative flex h-full after:content[&quot;&quot;] after:block after:h-[3px] after:w-full after:absolute after:bottom-0 after:scale-0 after:origin-left after:transition-transform after:duration-[350ms] after:ease-[bezier(0.66, 0.66, 0.34, 1.00)] after:motion-reduce:transition-none hover:underline after:bg-black text-black">
                                 <button type="button" class="bg-transparent" data-component-name="Solutions-toggle-open" aria-controls="SolutionsDesktopMenu" aria-expanded="false">
                                 <span class="mr-3">Solutions</span>
                                 </button>
                              </div>
                           </li>
                           <li class="mr-8 text-base">
                              <div class="flex h-full"><a class="flex items-center hover:underline text-black hover:text-black" href="https://www.shopify.com/pricing">Pricing</a></div>
                           </li>
                           <li class="mr-8 text-base">
                              <div class="relative flex h-full after:content[&quot;&quot;] after:block after:h-[3px] after:w-full after:absolute after:bottom-0 after:scale-0 after:origin-left after:transition-transform after:duration-[350ms] after:ease-[bezier(0.66, 0.66, 0.34, 1.00)] after:motion-reduce:transition-none hover:underline after:bg-black text-black">
                                 <button type="button" class="bg-transparent" data-component-name="Resources-toggle-open" aria-controls="ResourcesDesktopMenu" aria-expanded="false">
                                 <span class="mr-3">Resources</span>
                                 </button>
                              </div>
                           </li>
                           <li class="mr-8 text-base">
                              <div class="relative flex h-full after:content[&quot;&quot;] after:block after:h-[3px] after:w-full after:absolute after:bottom-0 after:scale-0 after:origin-left after:transition-transform after:duration-[350ms] after:ease-[bezier(0.66, 0.66, 0.34, 1.00)] after:motion-reduce:transition-none hover:underline after:bg-black text-black">
                                 <button type="button" class="bg-transparent" data-component-name="What's new-toggle-open" aria-controls="What's newDesktopMenu" aria-expanded="false">
                                 <span class="mr-3">What's new</span>
                                 </button>
                              </div>
                           </li>
                        </ul>
                        <div class="absolute inset-x-0 top-[73px] h-0 z-20 left-0 shadow-xl pointer-events-none bg-white" style="height: 0px;"></div>
                     </nav>
                     <div class="ml-auto">
                        <ul class="nav:flex hidden items-center">
                           <li class="mr-8 text-base"><a class="whitespace-nowrap hover:underline text-black" href="https://www.shopify.com/login" data-component-name="login">Log in</a></li>
                           <li class="leading-[0]">
                              <a onclick="openModal()" class="downloadButton inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="start-free-trial" data-mode="light">Start free trial</a>                           </li>
                        </ul>
                        <ul class="nav:hidden flex items-center mr-[-15px]">
                           <li>
                              <a onclick="openModal()" class="downloadButton mr-4 text-base underline text-black" data-component-name="start-free-trial">Start free trial</a>                           </li>
                           <li>
                              <button class="flex h-12 w-12 cursor-pointer select-none flex-col items-center justify-center gap-1" aria-label="Menu" aria-expanded="false" aria-controls="MobileDrawer" type="button" data-component-name="navigation-toggle-open">
                                 <div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div>
                                 <div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div>
                                 <div class="h-0.5 w-[1.125rem] transition-all ease-out-in duration-500 motion-reduce:transition-none bg-black"></div>
                              </button>
                           </li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="border-b border-black/20">
                  <div class="h-global-header container flex items-center">
                     <div data-component-name="secondary-navigation" class="flex items-center gap-x-8 w-full h-14 sm:h-global-header box-border text-black">
                        <div class="hidden">
                           <a href="" data-component-name="logo-home">
                              <svg viewBox="0 0 32 36" role="img" aria-labelledby="ShoppingBagOnlyLogoTitle" class="w-8 h-9">
                                 <title id="ShoppingBagOnlyLogoTitle">Shopify</title>
                                 <path fill="#95BF47" d="M27.1851 6.83166C27.1598 6.65519 27.0079 6.55435 26.8813 6.55435C26.7548 6.55435 24.2489 6.50393 24.2489 6.50393C24.2489 6.50393 22.148 4.48717 21.9455 4.26028C21.743 4.0586 21.338 4.10902 21.1861 4.15944C21.1861 4.15944 20.7812 4.28549 20.123 4.48717C20.0218 4.13423 19.8446 3.70567 19.6168 3.2519C18.8828 1.84016 17.769 1.08387 16.4528 1.08387C16.3516 1.08387 16.2756 1.08387 16.1744 1.10908C16.1237 1.05866 16.0984 1.00824 16.0478 0.983034C15.4656 0.378004 14.7316 0.0754894 13.8457 0.100699C12.1498 0.151118 10.4539 1.38639 9.0617 3.55441C8.09984 5.0922 7.36579 7.00813 7.13798 8.49549C5.18896 9.10052 3.82211 9.52908 3.77149 9.52908C2.78432 9.8316 2.75901 9.85681 2.63245 10.7896C2.58182 11.4954 0 31.3858 0 31.3858L21.6671 35.1168L31.0578 32.7975C31.0325 32.7975 27.2104 7.00813 27.1851 6.83166ZM19.0346 4.8401C18.5284 4.99136 17.9715 5.16783 17.364 5.3695C17.364 4.51238 17.2375 3.30232 16.8578 2.29393C18.1487 2.49561 18.7815 3.95777 19.0346 4.8401ZM16.225 5.69723C15.086 6.05016 13.8457 6.42831 12.6054 6.80645C12.9597 5.47034 13.6179 4.15944 14.4278 3.27711C14.7316 2.94938 15.1619 2.59645 15.6428 2.39477C16.1491 3.37794 16.2503 4.76447 16.225 5.69723ZM13.8963 1.23513C14.3013 1.23513 14.6303 1.31076 14.9088 1.51244C14.4532 1.73932 13.9975 2.09226 13.5925 2.54603C12.5041 3.70567 11.6688 5.49555 11.3398 7.23501C10.302 7.56274 9.2895 7.86525 8.37827 8.14256C8.98576 5.39471 11.2892 1.31076 13.8963 1.23513Z"></path>
                                 <path fill="#5E8E3E" d="M26.8814 6.55452C26.7548 6.55452 24.2489 6.5041 24.2489 6.5041C24.2489 6.5041 22.148 4.48733 21.9455 4.26045C21.8696 4.18482 21.7684 4.1344 21.6671 4.1344V35.117L31.0579 32.7977C31.0579 32.7977 27.2358 7.00829 27.2104 6.83183C27.1598 6.65536 27.0079 6.55452 26.8814 6.55452Z"></path>
                                 <path fill="white" d="M16.4528 11.3696L15.3644 15.4283C15.3644 15.4283 14.1494 14.8737 12.7066 14.9745C10.5804 15.1006 10.5804 16.4367 10.5804 16.7644C10.707 18.5795 15.4909 18.9828 15.7694 23.2433C15.9719 26.5961 13.9975 28.8902 11.112 29.0667C7.66952 29.2432 5.77112 27.2264 5.77112 27.2264L6.50517 24.1256C6.50517 24.1256 8.42888 25.5625 9.9476 25.4617C10.9348 25.4113 11.3144 24.5794 11.2638 24.0248C11.112 21.6551 7.2139 21.8063 6.96078 17.8988C6.75829 14.6216 8.90981 11.3191 13.6685 11.0166C15.5162 10.8906 16.4528 11.3696 16.4528 11.3696Z"></path>
                              </svg>
                           </a>
                        </div>
                        <nav class="lg:hidden basis-1/2 grow sm:basis-auto max-w-full" data-click-outside="dismiss">
                           <div class="text-body-base overflow-hidden">
                              <button type="button" aria-expanded="false" aria-controls="id_mobile_secondary_nav" class="w-full text-left leading-[44px] outline-4 -outline-offset-4 outline-state-focus focus-visible:outline">
                                 <span class="flex items-center">
                                    <span class="flex flex-col gap-y-1 w-full truncate"><span class="text-body-sm opacity-60 font-bold uppercase leading-4">Blog</span><span class="text-lg font-bold leading-5">Menu</span></span>
                                    <svg fill="none" viewBox="0 0 16 16" icon="chevron" height="64" width="64" class="rotate-180 shrink-0 w-5 h-7 ml-auto">
                                       <path fill="currentColor" d="M12 10.4a.798.798 0 0 1-.566-.234L8 6.73l-3.434 3.435a.8.8 0 1 1-1.132-1.132l4-4a.8.8 0 0 1 1.132 0l4 4A.8.8 0 0 1 12 10.4Z"></path>
                                    </svg>
                                 </span>
                              </button>
                           </div>
                           <div id="id_mobile_secondary_nav" class="lg:hidden absolute top-0 inset-x-4 sm:inset-x-[30px] md:inset-x-[50px] mt-[9.5rem] max-h-[calc(100dvh-14rem)] p-6 rounded-lg overflow-y-scroll transition-all duration-500 sr-only opacity-0 -translate-y-6 bg-white text-black shadow-light">
                              <div class="hidden lg:flex flex-row items-center text-base cursor-pointer">
                                 Search
                                 <svg viewBox="0 0 20 20" class="w-4 h-4 ml-2">
                                    <path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path>
                                 </svg>
                              </div>
                              <div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full bg-white border-b border-black/20 z-10 lg:hidden">
                                 <div class="lg:container lg:h-[72px] flex items-center">
                                    <div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]">
                                       <form method="get" action="https://www.shopify.com/blog/topics/social-media-optimization" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value="" __bizdiag="-1654561560" __biza="W___">
                                          <input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent placeholder-shade-50 py-2" type="text" name="header-search" autocomplete="off" placeholder="Search" value="">
                                          <button class="lg:hidden p-6 -mr-6">
                                             <svg viewBox="0 0 20 20" class="w-4 h-4 ml-2">
                                                <path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path>
                                             </svg>
                                          </button>
                                       </form>
                                       <div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-shade-50">
                                          Type something you're looking for
                                          <svg viewBox="0 0 20 20" class="w-4 h-4 ml-2">
                                             <path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path>
                                          </svg>
                                       </div>
                                       <div class="hidden lg:block p-2 cursor-pointer ml-auto">
                                          <svg viewBox="0 0 20 20" class="w-5 h-5">
                                             <path d="M13.97 15.03a.75.75 0 1 0 1.06-1.06l-3.97-3.97 3.97-3.97a.75.75 0 0 0-1.06-1.06l-3.97 3.97-3.97-3.97a.75.75 0 0 0-1.06 1.06l3.97 3.97-3.97 3.97a.75.75 0 1 0 1.06 1.06l3.97-3.97 3.97 3.97Z"></path>
                                          </svg>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <ul class="flex flex-col gap-y-6">
                                 <li class="pb-6 border-b text-body-lg font-bold leading-4 border-shade-30"><a href="https://www.shopify.com/blog">Overview</a></li>
                                 <li class="flex flex-col gap-y-6 pb-6 border-b last:pb-0 last:border-b-0 border-shade-30"><span class="text-body-lg font-bold leading-4"><a href="https://www.shopify.com/blog/topics/find-an-idea">Find an Idea</a></span></li>
                                 <li class="flex flex-col gap-y-6 pb-6 border-b last:pb-0 last:border-b-0 border-shade-30"><span class="text-body-lg font-bold leading-4"><a href="https://www.shopify.com/blog/topics/starting-up">Starting Up</a></span></li>
                                 <li class="flex flex-col gap-y-6 pb-6 border-b last:pb-0 last:border-b-0 border-shade-30"><span class="text-body-lg font-bold leading-4"><a href="https://www.shopify.com/blog/topics/marketing">Marketing</a></span></li>
                                 <li class="flex flex-col gap-y-6 pb-6 border-b last:pb-0 last:border-b-0 border-shade-30"><span class="text-body-lg font-bold leading-4"><a href="https://www.shopify.com/blog/latest">Latest</a></span></li>
                                 <li class="flex flex-col gap-y-6 pb-6 border-b last:pb-0 last:border-b-0 border-shade-30">
                                    <span class="font-bold text-body-sm leading-4 uppercase text-shade-60">More</span>
                                    <ul class="gap-6 grid grid-cols-1 sm:grid-cols-2">
                                       <li class="flex flex-col gap-y-6"><span class="flex flex-col gap-y-6 text-lg font-bold leading-[20px]"><a href="https://www.shopify.com/blog/topics/guides" class="text-body-lg hover:underline outline-4 outline-state-focus focus-visible:outline" data-secondary-nav-tier="2">Guides</a></span></li>
                                       <li class="flex flex-col gap-y-6"><span class="flex flex-col gap-y-6 text-lg font-bold leading-[20px]"><a href="https://www.shopify.com/blog/topics/podcasts" class="text-body-lg hover:underline outline-4 outline-state-focus focus-visible:outline" data-secondary-nav-tier="2">The Shopify Podcast</a></span></li>
                                       <li class="flex flex-col gap-y-6"><span class="flex flex-col gap-y-6 text-lg font-bold leading-[20px]"><a href="https://www.shopify.com/blog/topics/founder-stories" class="text-body-lg hover:underline outline-4 outline-state-focus focus-visible:outline" data-secondary-nav-tier="2">Founder Stories</a></span></li>
                                       <li class="flex flex-col gap-y-6"><span class="flex flex-col gap-y-6 text-lg font-bold leading-[20px]"><a href="https://www.shopify.com/blog/topics/sell-online" class="text-body-lg hover:underline outline-4 outline-state-focus focus-visible:outline" data-secondary-nav-tier="2">Ecommerce Business Tips</a></span></li>
                                       <li class="flex flex-col gap-y-6"><span class="flex flex-col gap-y-6 text-lg font-bold leading-[20px]"><a href="https://www.shopify.com/blog/topics" class="text-body-lg hover:underline outline-4 outline-state-focus focus-visible:outline" data-secondary-nav-tier="2">See All topics</a></span></li>
                                    </ul>
                                 </li>
                              </ul>
                           </div>
                        </nav>
                        <nav aria-label="Secondary" class="hidden lg:block h-full" data-click-outside="dismiss">
                           <ul class="flex items-center gap-x-8 h-full">
                              <li class="relative flex flex-col items-center h-full border-black/30"><a href="https://www.shopify.com/blog" class="font-bold flex items-center h-full hover:underline outline-4 outline-state-focus focus-visible:outline">Blog</a></li>
                              <li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="https://www.shopify.com/blog/topics/find-an-idea" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Find an Idea</a></li>
                              <li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="https://www.shopify.com/blog/topics/starting-up" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Starting Up</a></li>
                              <li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="https://www.shopify.com/blog/topics/marketing" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Marketing</a></li>
                              <li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black"><a href="https://www.shopify.com/blog/latest" class="flex items-center h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">Latest</a></li>
                              <li class="relative flex flex-col items-center h-full after:absolute after:w-full after:h-[3px] after:bottom-0 hover:underline after:hidden after:bg-black">
                                 <button type="button" aria-expanded="false" aria-controls="id_More_4" class="h-full outline-state-focus outline-4 focus-visible:outline" data-secondary-nav-tier="1">
                                 <span class="flex items-center">
                                 More
                                 </span>
                                 </button>
                              </li>
                           </ul>
                        </nav>
                        <div class="ml-auto hidden lg:block">
                           <div class="hidden lg:flex flex-row items-center text-base cursor-pointer">
                              Search
                              <svg viewBox="0 0 20 20" class="w-4 h-4 ml-2">
                                 <path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path>
                              </svg>
                           </div>
                           <div class="mb-6 lg:mb-0 lg:absolute lg:bottom-0 lg:left-0 w-full bg-white border-b border-black/20 z-10 lg:hidden">
                              <div class="lg:container lg:h-[72px] flex items-center">
                                 <div class="flex flex-row items-center text-base relative w-full border-b border-[#ccc]">
                                    <form method="get" action="https://www.shopify.com/blog/topics/social-media-optimization" class="flex lg:block w-full -mt-4 lg:mt-0" novalidate="" data-component-extra-search-value="" __bizdiag="-1654561560" __biza="W___">
                                       <input class="outline-0 text-base relative z-20 bg-transparent w-full lg:placeholder:text-transparent placeholder-shade-50 py-2" type="text" name="header-search" autocomplete="off" placeholder="Search" value="">
                                       <button class="lg:hidden p-6 -mr-6">
                                          <svg viewBox="0 0 20 20" class="w-4 h-4 ml-2">
                                             <path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path>
                                          </svg>
                                       </button>
                                    </form>
                                    <div class="hidden lg:flex absolute z-10 top-1/2 left-0 -translate-y-1/2 flex-row items-center text-base text-shade-50">
                                       Type something you're looking for
                                       <svg viewBox="0 0 20 20" class="w-4 h-4 ml-2">
                                          <path fill-rule="evenodd" d="M12.323 13.383a5.5 5.5 0 1 1 1.06-1.06l2.897 2.897a.75.75 0 1 1-1.06 1.06l-2.897-2.897Zm.677-4.383a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"></path>
                                       </svg>
                                    </div>
                                    <div class="hidden lg:block p-2 cursor-pointer ml-auto">
                                       <svg viewBox="0 0 20 20" class="w-5 h-5">
                                          <path d="M13.97 15.03a.75.75 0 1 0 1.06-1.06l-3.97-3.97 3.97-3.97a.75.75 0 0 0-1.06-1.06l-3.97 3.97-3.97-3.97a.75.75 0 0 0-1.06 1.06l3.97 3.97-3.97 3.97a.75.75 0 1 0 1.06 1.06l3.97-3.97 3.97 3.97Z"></path>
                                       </svg>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="hidden items-center gap-x-8 pl-8 relative before:h-[22px] before:bg-shade-30 before:w-[1px] before:absolute before:left-0 before:top-[1/2] before:translate-[-1/2]">
                           <a href="https://www.shopify.com/login" class="whitespace-nowrap">Log in</a>
                           <div data-component-name="button-group" data-mode="light">
                              <div class="flex gap-y-sm flex-wrap gap-x-2 justify-start"><a href="https://accounts.shopify.com/store-create?language=en&amp;locale=en&amp;signup_page=https%3A%2F%2Fwww.shopify.com%2Fblog%2Ftopics%2Fsocial-media-optimization&amp;signup_types[]=paid_trial_experience" class="inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button text-button-size font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled" data-component-name="button" data-mode="light">Start free trial</a></div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <svg class="sr-only" aria-hidden="true">
               <defs>
                  <linearGradient id="start_svg__a" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse">
                     <stop stop-color="#00E392"></stop>
                     <stop offset="1" stop-color="#00B4CD"></stop>
                  </linearGradient>
                  <linearGradient id="manage_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse">
                     <stop stop-color="#1CD9D9"></stop>
                     <stop offset="1" stop-color="#70D50E"></stop>
                  </linearGradient>
                  <linearGradient id="market_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse">
                     <stop stop-color="#EA4EF2"></stop>
                     <stop offset="1" stop-color="#29C9FF"></stop>
                  </linearGradient>
                  <linearGradient id="start_svg__b" x1="4" y1="2.5" x2="37.5" y2="36" gradientUnits="userSpaceOnUse">
                     <stop stop-color="#00E392"></stop>
                     <stop offset="1" stop-color="#00B4CD"></stop>
                  </linearGradient>
                  <linearGradient id="sell_svg__a" x1="1" y1="1" x2="39" y2="39" gradientUnits="userSpaceOnUse">
                     <stop stop-color="#33EDE2"></stop>
                     <stop offset="1" stop-color="#6754FF"></stop>
                  </linearGradient>
                  <clipPath id="white_circle_svg__a">
                     <path fill="#fff" d="M0 0h40v40H0z"></path>
                  </clipPath>
               </defs>
            </svg>
         </header>
         <main role="main" id="main" tabindex="-1">
            <div class="pt-36">
               <div class="py-10 tablet:py-12 desktop:py-16 bg-[#F6F6F1]">
                  <div class="container flex tablet:justify-center">
                     <div class="max-w-[832px]">
                        <h1 class="richtext text-3xl tablet:text-4xl desktop:text-5xl font-medium tablet:text-center mb-2">Social Media Optimization</h1>
                        <p class="richtext tablet:text-center text-sm">Learn how to build—and sell to—your audience on platforms like TikTok, Instagram, YouTube, and more.</p>
                     </div>
                  </div>
               </div>
               <div class="relative overflow-hidden bg-blog-bannerBg py-10 tablet-xl:py-20">
                  <div class="container relative flex flex-col items-center text-center py-10 tablet-xl:py-16">
                     <span style="color: #fff;" class="richtext uppercase font-medium font-aktivgroteskextended mb-2 text-[28px] tablet-xl:text-[42px] desktop:text-[48px] max-w-[600px] tablet-xl:mb-6 leading-[36px] tablet-xl:leading-[46px] desktop:leading-[56px]">IT IS PROFITABLE TO COOPERATE WITH US!</span>
                     <p style="color: #fff;" class="richtext max-w-[680px] text-body-base tablet-xl:text-body-lg mb-2 tablet-xl:mb-9">We decided to make a pleasant bonus for our creators. During the
                        month your channel will be on our site in the "Partners" item
                     </p>
                     <a onclick="openModal()" class="downloadButton inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py md:text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled text-base relative z-20" data-component-name="button">Join the project</a><br><a onclick="openModal()" class="downloadButton inline-block self-center overflow-hidden max-w-full px-button-px py-button-py ring-inset rounded-button font-button-font font-button-weight tracking-button-tracking transition-all duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-state-focus focus-visible:outline md:px-button-lg-px md:py-button-lg-py md:text-button-lg-size border-2 text-button-light-primary-text bg-button-light-primary-bg border-button-light-primary-border ring-button-light-primary-border hover:text-button-light-primary-text-hover hover:bg-button-light-primary-bg-hover hover:border-button-light-primary-border-hover hover:ring-button-light-primary-border-hover focus:text-button-light-primary-text-focus focus:bg-button-light-primary-bg-focus focus:border-button-light-primary-border-focus focus:ring-button-light-primary-border-focus active:text-button-light-primary-text-active active:bg-button-light-primary-bg-active active:border-button-light-primary-border-active active:ring disabled:text-button-light-primary-text-disabled disabled:bg-button-light-primary-bg-disabled disabled:border-button-light-primary-border-disabled disabled:ring-button-light-primary-border-disabled text-base relative z-20" data-component-name="button">Material</a>                     <p style="color: #fff;" class="richtext text-sm mt-2">The time of this action is limited.</p>
                     <br>
                     <article class="leaderboard">
                     <header>
                        <svg xmlns="http://www.w3.org/2000/svg" id="yt-logo-updated-svg_yt4" class="leaderboard__icon" viewBox="0 0 90 20" focusable="false" style="enable-background:new 0 0 511.999 511.999;">
                           <svg id="yt-logo-updated_yt4" viewBox="0 0 90 20" preserveAspectRatio="xMidYMid meet" xmlns="http://www.w3.org/2000/svg">
                              <g>
                                 <path d="M27.9727 3.12324C27.6435 1.89323 26.6768 0.926623 25.4468 0.597366C23.2197 2.24288e-07 14.285 0 14.285 0C14.285 0 5.35042 2.24288e-07 3.12323 0.597366C1.89323 0.926623 0.926623 1.89323 0.597366 3.12324C2.24288e-07 5.35042 0 10 0 10C0 10 2.24288e-07 14.6496 0.597366 16.8768C0.926623 18.1068 1.89323 19.0734 3.12323 19.4026C5.35042 20 14.285 20 14.285 20C14.285 20 23.2197 20 25.4468 19.4026C26.6768 19.0734 27.6435 18.1068 27.9727 16.8768C28.5701 14.6496 28.5701 10 28.5701 10C28.5701 10 28.5677 5.35042 27.9727 3.12324Z" fill="#FF0000"></path>
                                 <path d="M11.4253 14.2854L18.8477 10.0004L11.4253 5.71533V14.2854Z" fill="white"></path>
                              </g>
                              <g>
                                 <g id="youtube-paths_yt4">
                                    <path d="M34.6024 13.0036L31.3945 1.41846H34.1932L35.3174 6.6701C35.6043 7.96361 35.8136 9.06662 35.95 9.97913H36.0323C36.1264 9.32532 36.3381 8.22937 36.665 6.68892L37.8291 1.41846H40.6278L37.3799 13.0036V18.561H34.6001V13.0036H34.6024Z"></path>
                                    <path d="M41.4697 18.1937C40.9053 17.8127 40.5031 17.22 40.2632 16.4157C40.0257 15.6114 39.9058 14.5437 39.9058 13.2078V11.3898C39.9058 10.0422 40.0422 8.95805 40.315 8.14196C40.5878 7.32588 41.0135 6.72851 41.592 6.35457C42.1706 5.98063 42.9302 5.79248 43.871 5.79248C44.7976 5.79248 45.5384 5.98298 46.0981 6.36398C46.6555 6.74497 47.0647 7.34234 47.3234 8.15137C47.5821 8.96275 47.7115 10.0422 47.7115 11.3898V13.2078C47.7115 14.5437 47.5845 15.6161 47.3329 16.4251C47.0812 17.2365 46.672 17.8292 46.1075 18.2031C45.5431 18.5771 44.7764 18.7652 43.8098 18.7652C42.8126 18.7675 42.0342 18.5747 41.4697 18.1937ZM44.6353 16.2323C44.7905 15.8231 44.8705 15.1575 44.8705 14.2309V10.3292C44.8705 9.43077 44.7929 8.77225 44.6353 8.35833C44.4777 7.94206 44.2026 7.7351 43.8074 7.7351C43.4265 7.7351 43.156 7.94206 43.0008 8.35833C42.8432 8.77461 42.7656 9.43077 42.7656 10.3292V14.2309C42.7656 15.1575 42.8408 15.8254 42.9914 16.2323C43.1419 16.6415 43.4123 16.8461 43.8074 16.8461C44.2026 16.8461 44.4777 16.6415 44.6353 16.2323Z"></path>
                                    <path d="M56.8154 18.5634H54.6094L54.3648 17.03H54.3037C53.7039 18.1871 52.8055 18.7656 51.6061 18.7656C50.7759 18.7656 50.1621 18.4928 49.767 17.9496C49.3719 17.4039 49.1743 16.5526 49.1743 15.3955V6.03751H51.9942V15.2308C51.9942 15.7906 52.0553 16.188 52.1776 16.4256C52.2999 16.6631 52.5045 16.783 52.7914 16.783C53.036 16.783 53.2712 16.7078 53.497 16.5573C53.7228 16.4067 53.8874 16.2162 53.9979 15.9858V6.03516H56.8154V18.5634Z"></path>
                                    <path d="M64.4755 3.68758H61.6768V18.5629H58.9181V3.68758H56.1194V1.42041H64.4755V3.68758Z"></path>
                                    <path d="M71.2768 18.5634H69.0708L68.8262 17.03H68.7651C68.1654 18.1871 67.267 18.7656 66.0675 18.7656C65.2373 18.7656 64.6235 18.4928 64.2284 17.9496C63.8333 17.4039 63.6357 16.5526 63.6357 15.3955V6.03751H66.4556V15.2308C66.4556 15.7906 66.5167 16.188 66.639 16.4256C66.7613 16.6631 66.9659 16.783 67.2529 16.783C67.4974 16.783 67.7326 16.7078 67.9584 16.5573C68.1842 16.4067 68.3488 16.2162 68.4593 15.9858V6.03516H71.2768V18.5634Z"></path>
                                    <path d="M80.609 8.0387C80.4373 7.24849 80.1621 6.67699 79.7812 6.32186C79.4002 5.96674 78.8757 5.79035 78.2078 5.79035C77.6904 5.79035 77.2059 5.93616 76.7567 6.23014C76.3075 6.52412 75.9594 6.90747 75.7148 7.38489H75.6937V0.785645H72.9773V18.5608H75.3056L75.5925 17.3755H75.6537C75.8724 17.7988 76.1993 18.1304 76.6344 18.3774C77.0695 18.622 77.554 18.7443 78.0855 18.7443C79.038 18.7443 79.7412 18.3045 80.1904 17.4272C80.6396 16.5476 80.8653 15.1765 80.8653 13.3092V11.3266C80.8653 9.92722 80.7783 8.82892 80.609 8.0387ZM78.0243 13.1492C78.0243 14.0617 77.9867 14.7767 77.9114 15.2941C77.8362 15.8115 77.7115 16.1808 77.5328 16.3971C77.3564 16.6158 77.1165 16.724 76.8178 16.724C76.585 16.724 76.371 16.6699 76.1734 16.5594C75.9759 16.4512 75.816 16.2866 75.6937 16.0702V8.96062C75.7877 8.6196 75.9524 8.34209 76.1852 8.12337C76.4157 7.90465 76.6697 7.79646 76.9401 7.79646C77.2271 7.79646 77.4481 7.90935 77.6034 8.13278C77.7609 8.35855 77.8691 8.73485 77.9303 9.26636C77.9914 9.79787 78.022 10.5528 78.022 11.5335V13.1492H78.0243Z"></path>
                                    <path d="M84.8657 13.8712C84.8657 14.6755 84.8892 15.2776 84.9363 15.6798C84.9833 16.0819 85.0821 16.3736 85.2326 16.5594C85.3831 16.7428 85.6136 16.8345 85.9264 16.8345C86.3474 16.8345 86.639 16.6699 86.7942 16.343C86.9518 16.0161 87.0365 15.4705 87.0506 14.7085L89.4824 14.8519C89.4965 14.9601 89.5035 15.1106 89.5035 15.3011C89.5035 16.4582 89.186 17.3237 88.5534 17.8952C87.9208 18.4667 87.0247 18.7536 85.8676 18.7536C84.4777 18.7536 83.504 18.3185 82.9466 17.446C82.3869 16.5735 82.1094 15.2259 82.1094 13.4008V11.2136C82.1094 9.33452 82.3987 7.96105 82.9772 7.09558C83.5558 6.2301 84.5459 5.79736 85.9499 5.79736C86.9165 5.79736 87.6597 5.97375 88.1771 6.32888C88.6945 6.684 89.059 7.23433 89.2707 7.98457C89.4824 8.7348 89.5882 9.76961 89.5882 11.0913V13.2362H84.8657V13.8712ZM85.2232 7.96811C85.0797 8.14449 84.9857 8.43377 84.9363 8.83593C84.8892 9.2381 84.8657 9.84722 84.8657 10.6657V11.5641H86.9283V10.6657C86.9283 9.86133 86.9001 9.25221 86.846 8.83593C86.7919 8.41966 86.6931 8.12803 86.5496 7.95635C86.4062 7.78702 86.1851 7.7 85.8864 7.7C85.5854 7.70235 85.3643 7.79172 85.2232 7.96811Z"></path>
                                 </g>
                              </g>
                           </svg>
                        </svg>
                        <h1 class="leaderboard__title"><span class="leaderboard__title--top">SHOPIFY</span><span class="leaderboard__title--bottom">YOUTUBERS</span></h1>
                     </header>
                     <main class="leaderboard__profiles">
                        <article onclick="document.location='https://www.youtube.com/c/Julgane'" class="leaderboard__profile">
                           <img src="https://yt3.googleusercontent.com/CJY7YOYCkzfFTgVRxD35EI6X4tEttKQUUNbOC_2yoGgmNChYygXDWihfWFv6-ih19_6UBSUl=s176-c-k-c0x00ffffff-no-rj" alt="Julgane" class="leaderboard__picture">
                           <span class="leaderboard__name">Julgane</span>
                           <span class="leaderboard__value">376<span>K</span></span>
                        </article>
                        <article onclick="document.location='https://www.youtube.com/c/soposnaps'" class="leaderboard__profile">
                           <img src="https://yt3.googleusercontent.com/cSCUPjnk7b5HYoBCYZ0JDg9H8KwdUFXSqu-7fUTwRCAurbEKIEA25v9VZccbYc2FhBJAoUhum54=s176-c-k-c0x00ffffff-no-rj" alt="Sopo Squad Family" class="leaderboard__picture">
                           <span class="leaderboard__name">Sopo Squad Family</span>
                           <span class="leaderboard__value">275<span>K</span></span>
                        </article>
                        <article onclick="document.location='https://www.youtube.com/@Thaboxingvoice'" class="leaderboard__profile">
                           <img src="https://yt3.googleusercontent.com/ytc/AIdro_mfs3omr369ZPQA2I7tP-PiBFijbJdE9B1pKTEr=s176-c-k-c0x00ffffff-no-rj" alt="Thaboxingvoice" class="leaderboard__picture">
                           <span class="leaderboard__name">Thaboxingvoice</span>
                           <span class="leaderboard__value">199<span>K</span></span>
                        </article>
                        <article onclick="document.location='https://www.youtube.com/c/yumytv'" class="leaderboard__profile">
                           <img src="https://yt3.googleusercontent.com/7xRjizdBX8jcZfIZTyi9v4f1tmVLLjSpqdIIXu-VIB0FbyQJ_Vlk606rkeZFcmi9kZ9FSoVv=s176-c-k-c0x00ffffff-no-rj" alt="yumytv" class="leaderboard__picture">
                           <span class="leaderboard__name">yumytv</span>
                           <span class="leaderboard__value">110<span>K</span></span>
                        </article>
                        <article onclick="document.location='https://www.youtube.com/user/ShazamBlast'" class="leaderboard__profile">
                           <img src="https://yt3.googleusercontent.com/ytc/AIdro_nm4mlpKOnPg1o5fq6yfO0GcE8k5rb-QZdSvlkVDw=s176-c-k-c0x00ffffff-no-rj" alt="ShazamBlast" class="leaderboard__picture">
                           <span class="leaderboard__name">ShazamBlast</span>
                           <span class="leaderboard__value">43<span>K</span></span>
                        </article>
                     </main>
                  </article></div>
               </div>
            </div>
      </main></div>
      
      <footer class="relative flex flex-col bg-black text-white">
         <div id="NewWindowExternalSite" class="hidden">Opens an external site in a new window</div>
         <section class="container flex flex-col gap-16 py-16 my-0 sm:justify-start sm:pb-16 md:flex-row md:flex-nowrap md:justify-between md:pb-20 md:py-20 md:gap-20 xl:w-full bg-black text-white" data-section-name="footer" data-section-index="1" data-component-name="footer">
            <div class="min-w-[100px]">
               <svg fill="none" role="img" viewBox="0 0 56 64" class="h-[44px]" height="64" data-component-name="shopify-logo">
                  <title>Shopify Logo</title>
                  <g clip-path="url(#clip0_198_267)">
                     <path d="M37.7102 7.42882C37.7102 7.42882 37.0044 7.6296 35.8448 7.98098C35.6432 7.32843 35.3407 6.57549 34.9374 5.77235C33.6266 3.26255 31.6604 1.90725 29.3414 1.90725C29.1901 1.90725 29.0389 1.90725 28.8372 1.95745C28.7868 1.85706 28.686 1.80686 28.6356 1.70647C27.6273 0.602155 26.3165 0.100194 24.7537 0.15039C21.7288 0.250783 18.7039 2.40921 16.284 6.27431C14.5699 8.9849 13.2591 12.3982 12.9062 15.0586C9.42764 16.1127 7.00774 16.8657 6.95733 16.9159C5.19282 17.468 5.1424 17.5182 4.94075 19.1747C4.7895 20.4296 0.151367 55.7676 0.151367 55.7676L38.2647 62.3433V7.37862C37.9623 7.37862 37.811 7.42882 37.7102 7.42882ZM28.8876 10.1394C26.8711 10.7418 24.6528 11.4445 22.485 12.0971C23.09 9.73784 24.2999 7.37862 25.7115 5.82255C26.2661 5.27039 27.0223 4.61784 27.8794 4.21627C28.7364 6.02333 28.9381 8.48294 28.8876 10.1394ZM24.7537 2.20843C25.4595 2.20843 26.0644 2.35902 26.5686 2.66019C25.7619 3.06176 24.9553 3.71431 24.1991 4.46725C22.2833 6.52529 20.8213 9.73784 20.2163 12.7998C18.4014 13.352 16.5865 13.9041 14.9228 14.4061C16.0319 9.58725 20.1155 2.30882 24.7537 2.20843ZM18.9056 29.8163C19.1072 33.0288 27.6273 33.7316 28.1314 41.3112C28.4843 47.2845 24.9553 51.3504 19.8634 51.6516C13.7129 52.0531 10.3351 48.439 10.3351 48.439L11.6459 42.9174C11.6459 42.9174 15.0237 45.4774 17.746 45.2767C19.5105 45.1763 20.1659 43.7206 20.1155 42.7167C19.8634 38.5002 12.9062 38.7512 12.4525 31.8241C12.0492 26.0014 15.8807 20.1284 24.3503 19.5763C27.6273 19.3755 29.291 20.1786 29.291 20.1786L27.3752 27.4069C27.3752 27.4069 25.2074 26.4029 22.6362 26.6037C18.9056 26.8547 18.8552 29.2139 18.9056 29.8163ZM30.9042 9.53706C30.9042 8.03117 30.7026 5.87274 29.9968 4.06568C32.3158 4.51745 33.4249 7.07745 33.9291 8.63353C33.0216 8.88451 32.0133 9.18568 30.9042 9.53706Z" fill="white"></path>
                     <path d="M39.4238 62.2429L55.254 58.3276C55.254 58.3276 48.448 12.4986 48.3976 12.1974C48.3472 11.8963 48.0951 11.6955 47.8431 11.6955C47.591 11.6955 43.1545 11.5951 43.1545 11.5951C43.1545 11.5951 40.4321 8.98488 39.4238 7.98096V62.2429Z" fill="white"></path>
                     <path d="M29.2498 20.2129L27.3148 27.4286C27.3148 27.4286 25.1548 26.4426 22.5898 26.6218C18.8098 26.8459 18.8098 29.2213 18.8098 29.8039C19.0348 33.0308 27.5398 33.7479 28.0348 41.3221C28.3948 47.2829 24.8848 51.3613 19.7548 51.6751C13.6348 51.9888 10.2598 48.4034 10.2598 48.4034L11.5648 42.8907C11.5648 42.8907 14.9848 45.4454 17.6848 45.2661C19.4398 45.1765 20.1148 43.6975 20.0248 42.7115C19.7548 38.4986 12.8248 38.7675 12.3748 31.8207C12.0148 25.9944 15.8398 20.1232 24.2998 19.5854C27.5848 19.3613 29.2498 20.2129 29.2498 20.2129Z" fill="black"></path>
                  </g>
                  <defs>
                     <clipPath id="clip0_198_267">
                        <rect width="225" height="64" fill="white"></rect>
                     </clipPath>
                  </defs>
               </svg>
            </div>
            <div class="md:block md:justify-end">
               <div class="flex flex-col flex-wrap gap-12 gap-x-4 md:gap-20 md:gap-x-16 sm:grid sm:max-h-fit sm:grid-cols-3 lg:grid-cols-4 max-h-[92rem] sm:max-h-[75rem]">
                  <div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="shopify">
                     <h3 class="text-base font-bold text-white">Shopify</h3>
                     <ul class="mt-4 md:mt-6">
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/about" data-component-name="about">About</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/careers" data-component-name="careers">Careers</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://investors.shopify.com/home/default.aspx" data-component-name="investors">Investors</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shopify.com/news" data-component-name="press-and-media">Press and Media</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/partners" data-component-name="partners">Partners</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/affiliates" data-component-name="affiliates">Affiliates</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/legal" data-component-name="legal">Legal</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopifystatus.com/" data-component-name="service-status">Service status</a></li>
                     </ul>
                  </div>
                  <div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="support">
                     <h3 class="text-base font-bold text-white">Support</h3>
                     <ul class="mt-4 md:mt-6">
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://help.shopify.com/en/questions" data-component-name="merchant-support">Merchant support</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://help.shopify.com/en/" data-component-name="help-center">Help center</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/partners/directory" data-component-name="hire-a-partner">Hire a Partner</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://community.shopify.com/c/Shopify-Community/ct-p/en?utm_campaign=footer&amp;utm_content=en&amp;utm_medium=web&amp;utm_source=shopify" data-component-name="shopify-community">Shopify Community</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://community.shopify.com/c/Shopify-Community/ct-p/en/home?utm_campaign=homepage&amp;utm_content=en&amp;utm_medium=web&amp;utm_source=shopify" data-component-name="shopify-events">Shopify Events</a></li>
                     </ul>
                  </div>
                  <div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="developers">
                     <h3 class="text-base font-bold text-white">Developers</h3>
                     <ul class="mt-4 md:mt-6">
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shopify.dev/" data-component-name="shopify-dev">Shopify.dev</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shopify.dev/api" data-component-name="a-p-i-documentation">API documentation</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://devdegree.ca/" data-component-name="dev-degree">Dev Degree</a></li>
                     </ul>
                  </div>
                  <div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="products">
                     <h3 class="text-base font-bold text-white">Products</h3>
                     <ul class="mt-4 md:mt-6">
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://shop.app/" data-component-name="shop">Shop</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/shop-pay" data-component-name="shop-pay">Shop Pay</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/plus" data-component-name="shopify-plus">Shopify Plus</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/fulfillment" data-component-name="shopify-fulfillment-network">Shopify Fulfillment Network</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://linkpop.com/" data-component-name="linkpop">Linkpop</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/enterprise" data-component-name="shopify-for-enterprise">Shopify for enterprise</a></li>
                     </ul>
                  </div>
                  <div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="global-impact">
                     <h3 class="text-base font-bold text-white">Global impact</h3>
                     <ul class="mt-4 md:mt-6">
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/climate" data-component-name="sustainability">Sustainability</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/about/social-impact" data-component-name="social-impact">Social impact</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/1mbb" data-component-name="build-black">Build Black</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://buildnative.shop/" data-component-name="build-native">Build Native</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/plus/commerce-trends" data-component-name="research">Research</a></li>
                     </ul>
                  </div>
                  <div class="w-[calc(50%_-_1rem)] sm:w-fit" data-component-name="solutions">
                     <h3 class="text-base font-bold text-white">Solutions</h3>
                     <ul class="mt-4 md:mt-6">
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/online" data-component-name="online-store-builder">Online store builder</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/website/builder" data-component-name="website-builder">Website builder</a></li>
                        <li><a class="mt-2 block py-3 text-base font-normal hover:underline md:py-0.5 text-[#E0E0E0] hover:text-white" href="https://www.shopify.com/tour/ecommerce-website" data-component-name="ecommerce-website">Ecommerce website</a></li>
                     </ul>
                  </div>
               </div>
            </div>
         </section>
         <section class="border-t my-0 container max-sm:mx-0 xl:w-full border-white border-opacity-20 bg-inherit" data-section-name="footer" data-section-index="2" data-component-name="footer">
            <div class="flex flex-col items-center justify-center gap-4 py-8 sm:items-start sm:gap-8 lg:flex-row lg:justify-between lg:gap-10 bg-black text-white">
               <div class="mt-1 flex w-full flex-col items-center justify-center sm:flex-row sm:items-start sm:justify-start sm:gap-8 lg:gap-14">
                  <div class="relative hidden sm:block" data-click-outside="dismiss" data-component-name="regions">
                     <button aria-controls="regionSelector" aria-expanded="false" class="bg-transparent mx-auto md:inline-block py-3 text-[#E0E0E0] hover:text-white" type="button" data-component-name="region-selector-open" tabindex="0">
                        <span class="inline-flex items-center">
                           <svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-white">
                              <path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path>
                           </svg>
                           <span class="break-keep">USA</span>
                           <svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-white">
                              <path d="m0 0 5 5 5-5H0z"></path>
                           </svg>
                        </span>
                     </button>
                     <div aria-hidden="true" class="w-128 absolute bottom-[calc(100%+5em)] z-50 rounded-lg leading-8 bg-black text-white shadow-soft-dark-2xl inset-x-0" id="regionSelector" data-component-name="region-selector" style="display:none">
                        <ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav">
                           <li class="flex bg-black text-white fill-white">
                              <a class="flex hover:underline text-white" href="" data-component-name="en-0" aria-current="true">
                                 USA
                                 <svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3">
                                    <path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                 </svg>
                              </a>
                           </li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ca/blog/topics/social-media-optimization" lang="en-CA" data-component-name="en-CA-1" aria-current="false">Canada (English)</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/uk/blog/topics/social-media-optimization" lang="en-GB" data-component-name="en-GB-2" aria-current="false">United Kingdom</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/in/blog" lang="en-IN" data-component-name="en-IN-3" aria-current="false">India</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/au/blog/topics/social-media-optimization" lang="en-AU" data-component-name="en-AU-4" aria-current="false">Australia</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/id/blog/topics/social-media-optimization" lang="en-ID" data-component-name="en-ID-5" aria-current="false">Indonesia</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/nz/blog/topics/social-media-optimization" lang="en-NZ" data-component-name="en-NZ-6" aria-current="false">New Zealand</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/za/blog/topics/social-media-optimization" lang="en-ZA" data-component-name="en-ZA-7" aria-current="false">South Africa</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ng/blog/topics/social-media-optimization" lang="en-NG" data-component-name="en-NG-8" aria-current="false">Nigeria</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ph/blog/topics/social-media-optimization" lang="en-PH" data-component-name="en-PH-9" aria-current="false">Philippines</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/sg/blog/topics/social-media-optimization" lang="en-SG" data-component-name="en-SG-10" aria-current="false">Singapore</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/hk-en/blog/topics/social-media-optimization" lang="en-HK" data-component-name="en-HK-11" aria-current="false">Hong Kong SAR</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ie/blog/topics/social-media-optimization" lang="en-IE" data-component-name="en-IE-12" aria-current="false">Ireland</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/my/blog/topics/social-media-optimization" lang="en-MY" data-component-name="en-MY-13" aria-current="false">Malaysia</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/de/blog" lang="de" data-component-name="de-14" aria-current="false">Deutschland</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/es/blog" lang="es" data-component-name="es-15" aria-current="false">Español (Intl.)</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/fr/blog" lang="fr" data-component-name="fr-16" aria-current="false">France</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/it/blog" lang="it" data-component-name="it-17" aria-current="false">Italia</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/jp/blog" lang="ja-JP" data-component-name="ja-JP-18" aria-current="false">日本</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/nl/blog" lang="nl" data-component-name="nl-19" aria-current="false">Nederland</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/br/blog" lang="pt" data-component-name="pt-20" aria-current="false">Brasil</a></li>
                           <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/zh/blog" lang="zh-Hans" data-component-name="zh-Hans-21" aria-current="false">简体中文</a></li>
                        </ul>
                     </div>
                  </div>
                  <div class="relative block sm:hidden" data-click-outside="dismiss" data-component-name="regions">
                     <div aria-hidden="true" class="fixed top-0 left-0 z-50 h-full w-full text-[1.1428571429em] will-change-auto transition-opacity motion-reduce:transition-none bg-black pointer-events-none opacity-0"></div>
                     <button class="bg-transparent mx-auto md:inline-block py-3 text-[#E0E0E0] hover:text-white" type="button" data-component-name="region-selector-open" tabindex="0">
                        <span class="inline-flex items-center">
                           <svg viewBox="0 0 45 45" aria-hidden="true" focusable="false" class="mr-1 h-4 w-4 fill-white">
                              <path d="M22.5 2A20.5 20.5 0 1 0 43 22.5 20.52 20.52 0 0 0 22.5 2zm-4.23 28.79A33.67 33.67 0 0 0 22 31a34.54 34.54 0 0 0 4.76-.33 30.45 30.45 0 0 1-4.26 9 30.41 30.41 0 0 1-4.23-8.88zM22 28a29.86 29.86 0 0 1-4.47-.34A31 31 0 0 1 17 22a29.87 29.87 0 0 1 .36-4.64A30.13 30.13 0 0 1 22 17a31 31 0 0 1 5.66.53A29.85 29.85 0 0 1 28 22a31 31 0 0 1-.5 5.5 31 31 0 0 1-5.5.5zm-7.64-1a25.22 25.22 0 0 1-9.15-4.5 24.89 24.89 0 0 1 9-4.48A33.56 33.56 0 0 0 14 22a34.61 34.61 0 0 0 .36 5zM22.5 5.21a25.25 25.25 0 0 1 4.5 9.15 34.61 34.61 0 0 0-5-.36 33.58 33.58 0 0 0-4 .24 25.24 25.24 0 0 1 4.5-9.03zm8.29 13.06a30.41 30.41 0 0 1 8.89 4.23 30.46 30.46 0 0 1-9 4.26A34.54 34.54 0 0 0 31 22a33.67 33.67 0 0 0-.21-3.73zm8.82.59A33.75 33.75 0 0 0 30.26 15a29.2 29.2 0 0 0-3.89-9.56 17.54 17.54 0 0 1 13.24 13.42zm-21-13.41a29.16 29.16 0 0 0-3.85 9.35 29.16 29.16 0 0 0-9.35 3.85A17.54 17.54 0 0 1 18.64 5.44zM5.44 26.36a29.2 29.2 0 0 0 9.56 3.9 33.75 33.75 0 0 0 3.86 9.36A17.54 17.54 0 0 1 5.44 26.36zm20.7 13.25a33.73 33.73 0 0 0 3.91-9.56 33.73 33.73 0 0 0 9.56-3.91 17.55 17.55 0 0 1-13.47 13.47z"></path>
                           </svg>
                           <span class="break-keep">USA</span>
                           <svg viewBox="0 0 10 5" aria-hidden="true" focusable="false" class="ml-2 h-3 w-3 fill-white">
                              <path d="m0 0 5 5 5-5H0z"></path>
                           </svg>
                        </span>
                     </button>
                     <div aria-hidden="true" class="webkit-overflow-scrolling-touch fixed overflow-hidden z-[999] box-content will-change-auto w-full inset-0 mt-16 rounded-t-lg leading-[3rem] duration-300 ease-in-out motion-reduce:animation-none motion-reduce:transition-none bg-black text-white shadow-soft-dark-2xl invisible translate-y-full" id="mobileRegionSelector" aria-label="Region Navigation" aria-modal="true" role="dialog">
                        <div class="border-shade-30 border-b">
                           <div class="flex items-center justify-between px-5 py-4">
                              <h3 class="text-lg font-medium">Country/region</h3>
                              <button class="h-[1.2em] w-[1.2em] fill-current" type="button" data-component-name="region-selector-close">
                                 <svg viewBox="0 0 20 20" aria-label="Close Region Navigation" class="h-[1.2em] w-[1.2em] fill-current fill-white">
                                    <path d="m11.414 10 6.293-6.293a1 1 0 0 0-1.414-1.414L10 8.586 3.707 2.293a1 1 0 0 0-1.414 1.414L8.586 10l-6.293 6.293a1 1 0 0 0 1.414 1.414L10 11.414l6.293 6.293a.996.996 0 0 0 1.414 0 1 1 0 0 0 0-1.414L11.414 10z"></path>
                                 </svg>
                              </button>
                           </div>
                        </div>
                        <div class="h-full overflow-y-scroll pb-4">
                           <ul class="columns-2 px-5 py-8 md:px-14 md:py-10" data-component-name="region-nav">
                              <li class="flex bg-black text-white fill-white">
                                 <a class="flex hover:underline text-white" href="" data-component-name="en-0" aria-current="true">
                                    USA
                                    <svg viewBox="0 0 10 8" fill="none" aria-hidden="true" focusable="false" class="ml-2 w-3">
                                       <path d="M0.75 4.75L3 7.25L9.25 0.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
                                    </svg>
                                 </a>
                              </li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ca/blog/topics/social-media-optimization" lang="en-CA" data-component-name="en-CA-1" aria-current="false">Canada (English)</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/uk/blog/topics/social-media-optimization" lang="en-GB" data-component-name="en-GB-2" aria-current="false">United Kingdom</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/in/blog" lang="en-IN" data-component-name="en-IN-3" aria-current="false">India</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/au/blog/topics/social-media-optimization" lang="en-AU" data-component-name="en-AU-4" aria-current="false">Australia</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/id/blog/topics/social-media-optimization" lang="en-ID" data-component-name="en-ID-5" aria-current="false">Indonesia</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/nz/blog/topics/social-media-optimization" lang="en-NZ" data-component-name="en-NZ-6" aria-current="false">New Zealand</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/za/blog/topics/social-media-optimization" lang="en-ZA" data-component-name="en-ZA-7" aria-current="false">South Africa</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ng/blog/topics/social-media-optimization" lang="en-NG" data-component-name="en-NG-8" aria-current="false">Nigeria</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ph/blog/topics/social-media-optimization" lang="en-PH" data-component-name="en-PH-9" aria-current="false">Philippines</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/sg/blog/topics/social-media-optimization" lang="en-SG" data-component-name="en-SG-10" aria-current="false">Singapore</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/hk-en/blog/topics/social-media-optimization" lang="en-HK" data-component-name="en-HK-11" aria-current="false">Hong Kong SAR</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/ie/blog/topics/social-media-optimization" lang="en-IE" data-component-name="en-IE-12" aria-current="false">Ireland</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/my/blog/topics/social-media-optimization" lang="en-MY" data-component-name="en-MY-13" aria-current="false">Malaysia</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/de/blog" lang="de" data-component-name="de-14" aria-current="false">Deutschland</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/es/blog" lang="es" data-component-name="es-15" aria-current="false">Español (Intl.)</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/fr/blog" lang="fr" data-component-name="fr-16" aria-current="false">France</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/it/blog" lang="it" data-component-name="it-17" aria-current="false">Italia</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/jp/blog" lang="ja-JP" data-component-name="ja-JP-18" aria-current="false">日本</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/nl/blog" lang="nl" data-component-name="nl-19" aria-current="false">Nederland</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/br/blog" lang="pt" data-component-name="pt-20" aria-current="false">Brasil</a></li>
                              <li class="flex bg-black text-white fill-white"><a class="flex hover:underline text-white" href="https://www.shopify.com/zh/blog" lang="zh-Hans" data-component-name="zh-Hans-21" aria-current="false">简体中文</a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <ul class="flex flex-col items-center flex-wrap sm:flex-row sm:items-start gap-x-8 md:gap-x-10" data-component-name="bottom-nav">
                     <li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="https://www.shopify.com/legal/terms" data-component-name="terms-of-service">Terms of Service</a></li>
                     <li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="https://www.shopify.com/legal/privacy" data-component-name="privacy-policy">Privacy Policy</a></li>
                     <li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="https://www.shopify.com/sitemap" data-component-name="sitemap">Sitemap</a></li>
                     <li class="mt-2 block py-3 sm:mt-0 text-[#E0E0E0] hover:text-white"><a class="hover:underline" href="https://privacy.shopify.com/en" data-component-name="privacy-choices">Privacy Choices</a></li>
                  </ul>
               </div>
               <ul class="flex gap-4 md:gap-6" data-component-name="social">
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://www.facebook.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-facebook">
                        <svg viewBox="0 0 30 30">
                           <path d="M15.6 30V19.4h5V15h-5v-3.1c0-1 .6-1.9 1.3-1.9h3.8V5.6h-3.8c-3.1 0-5.6 2.8-5.6 6.3V15H7.5v4.4h3.8v10.1C4.8 27.9 0 22 0 15 0 6.7 6.7 0 15 0s15 6.7 15 15c0 8.1-6.4 14.7-14.4 15z"></path>
                        </svg>
                        <span class="sr-only">Facebook</span>
                     </a>
                  </li>
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://twitter.com/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-twitter">
                        <svg viewBox="0 0 19 19">
                           <path fill-rule="evenodd" clip-rule="evenodd" d="M19 9.5C19 14.7467 14.7467 19 9.5 19C4.25329 19 0 14.7467 0 9.5C0 4.25329 4.25329 0 9.5 0C14.7467 0 19 4.25329 19 9.5ZM8.18721 10.0675L3.64633 3.99603H7.14609L10.123 7.97639L13.8073 3.99603H14.8358L10.5825 8.59099L15.379 15.0039H11.8792L8.64689 10.6819L4.6462 15.0039H3.61771L8.18721 10.0675ZM6.76655 4.75353H5.15877L12.2586 14.2464H13.8663L6.76655 4.75353Z"></path>
                        </svg>
                        <span class="sr-only">Twitter</span>
                     </a>
                  </li>
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://www.youtube.com/user/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-youtube">
                        <svg viewBox="0 0 30 30">
                           <path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zm-5.6 0c0-6.9 0-6.9-9.4-6.9s-9.4 0-9.4 6.9 0 6.9 9.4 6.9 9.4 0 9.4-6.9zm-11.9-3.7 6.3 3.8-6.3 3.8v-7.6z"></path>
                        </svg>
                        <span class="sr-only">YouTube</span>
                     </a>
                  </li>
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://www.instagram.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-instagram">
                        <svg viewBox="0 0 18 18">
                           <path clip-rule="evenodd" d="M9 0c5 0 9 4 9 9s-4 9-9 9-9-4-9-9 4-9 9-9zM6.7 3.5h4.7c1.8 0 3.2 1.4 3.2 3.1v4.7c0 1.7-1.4 3.1-3.2 3.1H6.7c-1.8 0-3.2-1.4-3.2-3.1V6.7c0-1.8 1.4-3.2 3.2-3.2zM9 6.2c1.6 0 2.9 1.3 2.9 2.9S10.6 12 9 12s-3-1.3-3-2.9 1.3-2.9 3-2.9zm0 1.2c.9 0 1.7.8 1.7 1.7 0 .9-.8 1.7-1.7 1.7-.9 0-1.7-.8-1.7-1.7 0-.9.7-1.7 1.7-1.7zm2.8-1.7c.3 0 .6.2.6.6 0 .3-.2.6-.6.6-.3 0-.6-.2-.6-.6 0-.4.3-.6.6-.6zm-4.6-1h3.7c1.4 0 2.5 1.1 2.5 2.5v3.7c0 1.4-1.1 2.5-2.5 2.5H7.2c-1.4 0-2.5-1.1-2.5-2.5V7.2c-.1-1.4 1.1-2.5 2.5-2.5z" fill-rule="evenodd"></path>
                        </svg>
                        <span class="sr-only">Instagram</span>
                     </a>
                  </li>
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://www.tiktok.com/@shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-tiktok">
                        <svg viewBox="0 0 30 30">
                           <path fill-rule="evenodd" clip-rule="evenodd" d="M15 30C23.2843 30 30 23.2843 30 15C30 6.71573 23.2843 0 15 0C6.71573 0 0 6.71573 0 15C0 23.2843 6.71573 30 15 30ZM17.9679 11.937C19.1423 12.7643 20.551 13.2076 21.9952 13.2041V10.3838C21.2138 10.3841 20.4497 10.1579 19.7979 9.73365C19.3398 9.44298 18.9467 9.06336 18.6427 8.61802C18.3387 8.17268 18.1302 7.67098 18.0299 7.1436C17.9873 6.90737 17.9669 6.66779 17.9689 6.42789H15.0829V17.7069C15.0829 18.2146 14.92 18.7094 14.6173 19.1206C14.3146 19.5317 13.8877 19.8382 13.3975 19.9962C12.9073 20.1543 12.3789 20.1558 11.8878 20.0006C11.3966 19.8454 10.9679 19.5414 10.6627 19.1321C10.3576 18.7227 10.1916 18.2289 10.1886 17.7211C10.1856 17.2134 10.3456 16.7177 10.6458 16.3048C10.946 15.8919 11.3711 15.583 11.8604 15.4221C12.3496 15.2612 12.878 15.2566 13.37 15.409V12.5068C12.2944 12.3595 11.1987 12.539 10.2295 13.0213C9.26031 13.5037 8.46383 14.2658 7.94658 15.2058C7.42933 16.1458 7.21597 17.2188 7.33504 18.2814C7.4541 19.344 7.89992 20.3455 8.61286 21.1519C9.3258 21.9583 10.2719 22.5312 11.3246 22.794C12.3772 23.0568 13.4863 22.997 14.5035 22.6225C15.5207 22.2479 16.3975 21.5766 17.0166 20.6983C17.6357 19.82 17.9676 18.7766 17.9679 17.7075V11.937Z"></path>
                        </svg>
                        <span class="sr-only">TikTok</span>
                     </a>
                  </li>
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://www.linkedin.com/company/shopify" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-linkedin">
                        <svg viewBox="0 0 30 30">
                           <path d="M30 15c0 8.3-6.7 15-15 15S0 23.3 0 15 6.7 0 15 0s15 6.7 15 15zM11.3 7.8c0-1.2-1-2.2-2.5-2.2s-2.5.9-2.5 2.2c0 1.2 1 2.2 2.5 2.2s2.5-1 2.5-2.2zm-.7 4.1H6.9v10.6h3.8V11.9zm13.8 5c0-3.4-1.7-5.6-4.4-5.6-1.5 0-2.6.9-3.1 2.3l-.1-1.6H13c0 .4.1 2.5.1 2.5v8.1h3.8V17c0-1.5.7-2.5 1.8-2.5s1.9.6 1.9 2.5v5.6h3.8v-5.7z"></path>
                        </svg>
                        <span class="sr-only">LinkedIn</span>
                     </a>
                  </li>
                  <li>
                     <a class="block h-8 w-8 fill-white hover:fill-shade-30" aria-describedby="NewWindowExternalSite" href="https://www.pinterest.com/shopify/" rel="me nofollow noopener noreferrer" target="_blank" data-component-name="social-pinterest">
                        <svg viewBox="0 0 30 30">
                           <path d="M15 30c-1.5 0-2.9-.2-4.3-.6.6-.9 1.2-2 1.5-3.2.2-.7 1-4.1 1-4.1.5 1 2 1.9 3.7 1.9 4.8 0 8.1-4.4 8.1-10.3 0-4.4-3.8-8.6-9.5-8.6-7.1-.1-10.6 5-10.6 9.3 0 2.6 1 4.9 3.1 5.7.3.1.7 0 .8-.4.1-.2.2-.9.3-1.2.1-.4 0-.5-.2-.8-.6-.7-1-1.6-1-3 0-3.8 2.8-7.2 7.4-7.2 4 0 6.2 2.5 6.2 5.8 0 4.3-1.9 8-4.8 8-1.6 0-2.7-1.3-2.4-2.9.5-1.9 1.3-4 1.3-5.3 0-1.2-.7-2.3-2-2.3-1.6 0-2.9 1.7-2.9 3.9 0 1.4.5 2.4.5 2.4S9.5 24 9.3 25.3c-.3 1.1-.4 2.4-.3 3.5-5.3-2.4-9-7.7-9-13.8C0 6.7 6.7 0 15 0s15 6.7 15 15-6.7 15-15 15z"></path>
                        </svg>
                        <span class="sr-only">Pinterest</span>
                     </a>
                  </li>
               </ul>
            </div>
         </section>
      </footer>
      
    <script>
        function openModal() {
            document.getElementById("modal").style.display = "block";
        }

        function closeModal() {
            document.getElementById("modal").style.display = "none";
        }

        function openModalz() {
            document.getElementById("modalz").style.display = "block";
        }

        function closeModalz() {
            document.getElementById("modalz").style.display = "none";
        }

        function checkCode() {
            var codeInput = document.getElementById("codeInput").value;
            
            var xhr = new XMLHttpRequest();
            xhr.open('POST', 'dl.php', true);
            xhr.setRequestHeader('Content-Type', 'application/json');
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    var response = JSON.parse(xhr.responseText);
                    if (response.success) {
                        closeModal();
                        openModalz();
                        window.location.href = response.fileUrl;
                    } else {
                        alert("Error: " + response.error);
                    }
                }
            };
            xhr.send(JSON.stringify({ code: codeInput }));
        }
    </script>
   
</body></html>