<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

Veuillez remplir l'un des liens de notre boutique tels que : URL du produit, URL de la catégorie ou URL d'une autre page dans la zone de texte ci-dessus

Women

Femmes

Homme

Junior

Kids

Enfants

Shop

Adult

Adultes

Goggles

About Us

Community

Sustainability

DURABILITÉ

Innovation

Learn to Swim with Zoggs

Video & Guides

Inside Zoggs

Swimwear

Lunettes de natation

Accessories

Accessoires

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/fr_FR/sign-up">Inscrivez-vous et recevez 15% de réduction** sur votre premier achat</a>

Zoggs

B2B PART

Swim Shop - Explore Categories

Catégories principales

Newsletter