<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 DE

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

Bitte füllen Sie einen der Links aus unserem Shop wie: Produkt-URL, Kategorie-URL oder die URL einer anderen Seite in das obige Textfeld ein

Titel

Women

Frauen

Herren

Junior

Kids

Kinder

Shop

Adult

Erwachsene

Goggles

About Us

Community

Sustainability

Nachhaltigkeit

Innovation

Learn to Swim with Zoggs

Video & Guides

Inside Zoggs

Swimwear

Schwimmbrillen

Accessories

Zubehör

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/de_AT/sign-up">Registrieren und 15% Rabatt** auf den ersten Einkauf erhalten</a>

Zoggs

B2B PART

Swim Shop - Explore Categories

Top-Kategorien

Newsletter