<!DOCTYPE>
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl">
<head>
    <title>Domena greenitkropka.pl jest utrzymywana na serwerach nazwa.pl</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link rel="stylesheet" href="https://blackdown.nazwa.pl/templates/blackdown-template-kf-02.2022/css/style.css?v=35" type="text/css"/>
    <link rel="shortcut icon" href="favicon.ico"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript">
        function policyButtonClicked() {
            const data = new Date();
            data.setTime(data.getTime() + (100 * 365 * 24 * 60 * 60 * 1000));
            document.cookie = 'polityka=true; expires=' + data.toGMTString() + '; path=/';
            const policy_box = document.getElementById('policy-box');
            policy_box.style.display = 'none';
        }
    </script>
    </head>
<body>
<main class="content">
    <div class="box" id="box">
        <style>
  @font-face {
    font-family: "ubuntu-regular";
    src: url("https://static.nazwa.pl/font/ubuntu-regular.woff2") format("woff2");
    font-weight: normal;
    font-display: swap;
    font-style: normal;
  }

  @font-face {
    font-family: "ubuntu-700";
    src:
      url("https://static.nazwa.pl/font/ubuntu-700.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  html {
    font-size: 100%;
  }

  body{
    font-family: 'ubuntu-regular';
  } 
  .footer-text {
    text-align: center;
    display: flex;
    flex-direction: column;
    padding-top: 100px;
    color: #000;
    padding: 0 1rem;
    margin-top: 1.5rem;
  }

  strong.domain__name {
    margin-bottom: 11px;
  }

  .footer__shadow {
    max-width: 320px;
    margin: 6px auto 0;
  }

  @media(max-width: 360px) {
    .footer__shadow {
      max-width: 80%;
    }
  }
</style>

<style>
  .box__banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: url('https://static.nazwa.pl/kreacje/images/domena-za-5/blackdown_background.jpg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    height: 100vh;
    max-height: 621px;
    text-decoration: none;
  }


  .box__wrapper {
    border: 3px solid #fff;
    padding: 37px 87px;
    border-radius: 27px;
    background: #fff;
  }

  .box__primaryHeading {
    font-size: 6.15625em;
    color: #0a3756;
    font-weight: normal;
    line-height: 0.8;
  }

  .box__primaryHeading strong {
    color: #ff0000;
  }

  .box__cta {
    width: 100%;
    max-width: 37.0625em;
    min-height: 5.125em;
    margin: 3.6875em auto 0;
    border: 0.25em solid #ff0000;
    border-width: 4px;
    display: flex;
    justify-content: space-between;
    border-radius: 8em;
    overflow: hidden;
    box-shadow: -13px 14px 27px 10px rgba(0, 0, 0, 0.09);
    color: #ff0000;
    position: relative;
    transition: .2s background-color ease-in, .2s color ease-in, .2s transform ease-in;
  }

  .box__cta::after {
    content: '';
    position: absolute;
    top: 0;
    right: 3.0625em;
    width: 0;
    height: 100%;
    background-color: #ff0000;
    z-index: -1;
    transition: .2s width ease-in;
  }

  .box__cta-contentWrapper {
    flex: 1;
    font-size: 3.0625em;
    line-height: 0.8;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transition: .2s background-color ease-in;
  }

  .box__cta-iconWrapper {
    width: 100%;
    max-width: 6.6875em;
    background-color: #ff0000;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .icon {
    color: #fff;
    max-width: 3.5625em;
    max-height: 3.5625em;
    width: 100%;
    transition: .2s color ease-in;

  }

  @media(min-width: 768px) {
        .box:hover .box__cta {
            /* background-color: #ff0000; */
            color: #fff;
            transform: translateY(-3px);
        }
        .box:hover .box__cta::after{
            width: 100%;
        }

        .box:active .box__cta {
            transform: translateY(-1px);
        }
    }


  @media(max-width: 768px) {
    .box__banner {
      background: none;
      max-height: 555px;
      justify-content: flex-start;
    }
    .box__wrapper {
      display: none;
    }
    
    .box__img {
      max-width: 100%;
    }
  }

  @media(max-width: 380px) {
    .box__banner {
        max-height: 150vw;
    }
  }
</style>



<script type="text/javascript">
  const URL_CTA = 'https://www.nazwa.pl/kampania,redirect,11956.html?redirectId=domena-za-10-zl';
  window.URL_CTA = URL_CTA;

</script>

<a href="#" onclick="parent.location.href=URL_CTA" class="box__banner">


  <div class="box__wrapper">
    <h2 class="box__primaryHeading">
      Domena <strong> 5&nbsp;zł</strong>
    </h2>
  
    <span class="box__cta">
      <span class="box__cta-contentWrapper">
        Wyszukaj domenę
      </span>
      <span class="box__cta-iconWrapper">
        <svg class="icon">
          <use xlink:href="#magnifying-glass"></use>
        </svg>
      </span>
    </span>
  
    <svg width="0" height="0" class="hidden">
      <symbol version="1.1" id="magnifying-glass" xmlns="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" xml:space="preserve" viewBox="0 0 490.4 490.4">
        <g>
          <path fill="currentColor"
            d="M484.1,454.796l-110.5-110.6c29.8-36.3,47.6-82.8,47.6-133.4c0-116.3-94.3-210.6-210.6-210.6S0,94.496,0,210.796
          s94.3,210.6,210.6,210.6c50.8,0,97.4-18,133.8-48l110.5,110.5c12.9,11.8,25,4.2,29.2,0C492.5,475.596,492.5,463.096,484.1,454.796z
           M41.1,210.796c0-93.6,75.9-169.5,169.5-169.5s169.6,75.9,169.6,169.5s-75.9,169.5-169.5,169.5S41.1,304.396,41.1,210.796z"></path>
        </g>
      </symbol>
    </svg>
  </div>

  <picture class="box__picture">
    <source srcset="https://static.nazwa.pl/kreacje/images/domena-za-5/blackdown_banner-mobile.png" media="(max-width: 768px)">
    <img class="box__img">
  </picture>




</a>

<script>
  Links.redirect = () => { };
</script>    </div>
    <div class="footer" id="footer">
        <div class="footer-text">
            <strong class="domain__name">
                greenitkropka.pl            </strong>
            <p class="domain__text">
                utrzymywana jest na serwerach nazwa.pl
            </p>
            <img src="https://blackdown.nazwa.pl/templates/blackdown-template-kf-02.2022/images/cien.png" alt="shadow" class="footer__shadow">
        </div>
    </div>
</main>
<script type="text/javascript">
        const Links = {
        url: URL_CTA,
        redirect: function () {
            try {
                parent.location.href = Links.url;
            } catch (e) {
            }
            return false;
        },
        refresh: function () {
            window.setTimeout(() => {
                Links.redirect();
            }, 8000);
        },
        load: function () {
            const obj = this;
            window.onload = function () {
                obj.refresh();
            };
        },
    };
    Links.load();
    </script>
<script type="text/javascript">
    var gaJsHost = ('https:' === document.location.protocol ? 'https://ssl.' : 'http://www.');
    document.write(unescape(
        '%3Cscript src=\'' + gaJsHost + 'google-analytics.com/ga.js\' type=\'text/javascript\'%3E%3C/script%3E'));
</script>
</html>
