<div data-content-type="row" data-appearance="contained" data-gtm-label="" id="" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" style="justify-content: flex-start; display: flex; flex-direction: column; background-position: left top; background-size: cover; background-repeat: no-repeat; background-attachment: scroll; border-style: none; border-width: 1px; border-radius: 0px;"><h1 data-content-type="heading" data-appearance="default" data-gtm-label="" data-element="main" style="text-align: center; border-style: none; border-width: 1px; border-radius: 0px; margin-top: 75px;">B2B PART</h1><div data-content-type="html" data-appearance="default" data-gtm-label="" data-element="main" style="border-style: none; border-width: 1px; border-radius: 0px;">&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Swim Shop - Explore Categories&lt;/title&gt;
    &lt;style&gt;
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            margin: 50px;
        }

        .container {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        #passwordForm {
            margin-bottom: 20px;
        }

        #password {
            width: 200px;
            padding: 10px;
            margin-bottom: 10px;
        }

        #submitBtn {
            padding: 10px;
            cursor: pointer;
            transition: transform 0.3s ease-in-out;
        }

        #submitBtn.jiggle {
            animation: jiggle 0.5s ease infinite;
        }

        @keyframes jiggle {
            0%, 20%, 50%, 80%, 100% {
                transform: translateX(0);
            }
            40% {
                transform: translateX(-5px);
            }
            60% {
                transform: translateX(5px);
            }
        }

        .tile {
            display: inline-block;
            margin: 10px;
            overflow: hidden;
            position: relative;
        }

        .tile img {
            width: 640px;
            height: 640px;
            border: 1px solid #ccc;
            cursor: pointer;
            transition: transform 0.3s ease-in-out;
        }

        .tile:hover img {
            transform: scale(1.1);
        }

        .unlocked {
            filter: grayscale(0%); /* Unlock effect: remove grayscale filter */
        }
    &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class="container" id="container"&gt;

    &lt;h1&gt;Swim Shop - Explore Categories&lt;/h1&gt;

    &lt;form id="passwordForm"&gt;
        &lt;label for="password"&gt;Enter Password: &lt;/label&gt;
        &lt;input type="password" id="password" required&gt;
        &lt;br&gt;
        &lt;button type="button" id="submitBtn" onclick="checkPassword()"&gt;Submit&lt;/button&gt;
    &lt;/form&gt;

    &lt;div id="tileContainer" class="unlocked" style="display: none;"&gt;
        &lt;a class="tile" href="#" onclick="openTile('Swimwear')"&gt;
            &lt;img src="path/to/swimwear.jpg" alt="Swimwear"&gt;
        &lt;/a&gt;
        &lt;a class="tile" href="#" onclick="openTile('Goggles')"&gt;
            &lt;img src="path/to/goggles.jpg" alt="Goggles"&gt;
        &lt;/a&gt;
        &lt;a class="tile" href="#" onclick="openTile('Wetsuits')"&gt;
            &lt;img src="path/to/wetsuits.jpg" alt="Wetsuits"&gt;
        &lt;/a&gt;
        &lt;a class="tile" href="#" onclick="openTile('Equipments')"&gt;
            &lt;img src="path/to/equipments.jpg" alt="Equipments"&gt;
        &lt;/a&gt;
        &lt;a class="tile" href="#" onclick="openTile('Learn to Swim')"&gt;
            &lt;img src="path/to/learn_to_swim.jpg" alt="Learn to Swim"&gt;
        &lt;/a&gt;
    &lt;/div&gt;

&lt;/div&gt;

&lt;script&gt;
    function checkPassword() {
        var passwordInput = document.getElementById('password').value;
        // Replace 'your_password' with the actual password you want to use
        var correctPassword = 'zoggs';

        if (passwordInput === correctPassword) {
            // Show the tile container and apply unlock effect
            var container = document.getElementById('container');
            container.classList.add('unlocked');
            document.getElementById('tileContainer').style.display = 'flex';
        } else {
            // Add jiggle animation for incorrect password
            var submitBtn = document.getElementById('submitBtn');
            submitBtn.classList.add('jiggle');
            setTimeout(() =&gt; {
                submitBtn.classList.remove('jiggle');
            }, 500);
            alert('Incorrect password. Please try again.');
        }
    }

    function openTile(tileName) {
        alert('You clicked on ' + tileName);
        // Here, you can add logic to open specific content associated with each tile.
        // For example, you can show different information or perform different actions.
    }
&lt;/script&gt;

&lt;/body&gt;
&lt;/html&gt;
</div></div></div>

B2B PART

Footer Main Elements

Footer Copyright

<div data-content-type="html" data-appearance="default" data-gtm-label="" data-element="main">&lt;SocialLinks
  id=""
  imageCDN="https://mcstaging.head-test.com/media/"
  reactLayout
  socialLinksJson="[
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;instagram&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://www.instagram.com/zoggs_int&amp;quot;
  },
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;youtube&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://www.youtube.com/user/ZoggsUK?reload=9&amp;quot;
  },
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;facebook&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://www.facebook.com/ZoggsUK&amp;quot;
  },
  {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;pinterest&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://in.pinterest.com/zoggsuk/&amp;quot;
  },
   {
    &amp;quot;socialNetworkName&amp;quot;: &amp;quot;x-social&amp;quot;,
    &amp;quot;url&amp;quot;: &amp;quot;https://x.com/zoggsuk&amp;quot;
  }
]"
/&gt;</div>

Social Icons

<div data-content-type="html" data-appearance="default" data-gtm-label="" data-element="main">&lt;PaymentIcons
  imageCDN="https://mcprod.zoggs.com/media"
  paymentIconsJson="[
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/visa.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;Visa&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/mastercard.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;Mastercard&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/amex.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;American Express&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/paypal.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;PayPal&amp;quot;
  },
  {
    &amp;quot;imagePath&amp;quot;: &amp;quot;/wysiwyg/paymenticons/applepay.svg&amp;quot;,
    &amp;quot;altText&amp;quot;: &amp;quot;Apple Pay&amp;quot;
  }
]"
  reactLayout
/&gt;</div>

Payment Icons

Si prega di compilare uno dei link dal nostro negozio come: URL del prodotto, URL della categoria o URL di altra pagina nella casella di testo sopra

Women

Donne

Uomo

Junior

Kids

Bambini

Shop

Adult

Adulti

Goggles

About Us

Community

Sustainability

SOSTENIBILITÀ

Innovation

Learn to Swim with Zoggs

Video & Guides

Inside Zoggs

Swimwear

Occhialini da nuoto

Accessories

Accessori

Outlet

Terms and Conditions

United Kingdom

English

Australia

Italy

Italiano

Austria

Deutsch

France

Français

Germany

Spain

Español

New Zealand

en_NZ

United States

title_image

<a href="https://www.zoggs.com/it_IT/sign-up">Registrati per ricevere il 15% di sconto** sul tuo primo ordine</a>

Zoggs

B2B PART

Swim Shop - Explore Categories

Categorie principali

Newsletter