<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

Nombre

Por favor, rellene uno de los enlaces de nuestra tienda como: URL del producto, URL de la categoría u otra URL de la página en el cuadro de texto de arriba

Título

Women

Mujeres

Hombre

Junior

Kids

Niños

Shop

Adult

Adultos

Goggles

About Us

Community

Sustainability

SOSTENIBILIDAD

Innovation

Learn to Swim with Zoggs

Video & Guides

Inside Zoggs

Swimwear

Gafas de natación

Accessories

Accesorios

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/es_ES/sign-up">Regístrese y obtenga un 15% de descuento** en su primera compra</a>

B2B PART

Swim Shop - Explore Categories

Categorías principales

Newsletter