home.html

<!DOCTYPE html>
<html>
    <head>
      <title>home</title>
      <link rel="shortcut icon" href="http://www.iconj.com/ico/l/j/lj6889wp1d.ico" type="image/x-icon">    <meta name="description" content="dj-nick.ga">
        <style type="text/css">

            body {
                background: linear-gradient(132deg, #0032ff, #f50000);
                background-size: 400% 400%;
                animation: BackgroundGradient 10s ease infinite;
            }

            @keyframes BackgroundGradient {
                0% {background-position: 0% 50%;}
                50% {background-position: 100% 50%;}
                100% {background-position: 0% 50%;}
            }

            .button {
              position: absolute;
              left: 1%;
              top: 80%;
              display: inline-block;
              border-radius: 4px;
              background-color: #ffffff;
              border: 6px solid #000;
              color:#000;
              text-align: center;
              font-size: 40px;
              padding: 20px;
              width: auto;
              margin: 5px;
              font-family: 'font1';
              border-radius: 15px;
              box-shadow: 0 9px #ffffff;
              transition: 0.1s ease-in-out;
            }
            .button:active {
    background-color: #CFCFCF
  }

.button:hover {
    background-color: #ffffff;
    box-shadow: 0 10px #000;
    transform: translateY(4px);
}

        </style>

        <!--End of Zendesk Chat Script-->
    </head>
    <body>
  <title>HOME DJ NICK</title>
<h1>DJ Nick</h1>
        <h2>binnen kort een nieuwe pagina!</h2>




</body>
</html>