

<!--

MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWNK0Oxdolcc::;;;;;;;;;;::cclodxO0KNWWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMWXKOxol::;;;;;;;;;;;;;;;;;;;;;;;;;;;;::loxOKNWMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMWNKkdl:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:ldk0NWMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMWXOxl:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:lxOXWMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMWN0xl:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:lx0NWMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMWXko:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:lkKWMMMMMMMMMMMMMMM
MMMMMMMMMMMMMWKxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cxKWMMMMMMMMMMMMM
MMMMMMMMMMMWKxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cxKWMMMMMMMMMMM
MMMMMMMMMWXkc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ckXWMMMMMMMMM
MMMMMMMMN0l:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:l0NMMMMMMMM
MMMMMMWXxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cxXWMMMMMM
MMMMMWKo:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:oKWMMMMM
MMMMW0l;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:clooooodooddxkxxol::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;l0WMMMM
MMMW0l;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:ldxxdoollllloxkOk0XXX0xdl:;;;;;;;;;;;;;;;;;;;;;;;;;;;;l0WMMM
MMW0l;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cdkkdl:;;:clddxOOxolo0WWKookOxl:;;;;;;;;;;;;;;;;;;;;;;;;;;l0WMM
MWKo;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;coxkxo::ldddOOdookXNK0kdOXNOc;l0NXxc;;;;;;;;;;;;;;;;;;;;;;;;;;oKMM
MXd:;;;;;;;;;;;;;;;;;;;;;;;;;;;coxkxoc;:ldkOO0N0lokOOxlc:o0Odc;;;oOKKd;;;;;;;;;;;;;;;;;;;;;;;;;;:dXM
WO:;;;;;;;;;;;;;;;;;;;;;;;;;;cdkxoc;;;;o0kc:;coolldo:;;;:kXk:;;;;:lkKOc;;;;;;;;;;;;;;;;;;;;;;;;;;ckW
Ko;;;;;;;;;;;;;;;;;;;;;;;;:lxkdl:;;;;;;o0x:;;;;;;;;;;;;;:xOl;;;;;oKWMN0dc;;;;;;;;;;;;;;;;;;;;;;;;;oK
k:;;;;;;;;;;;;;;;;;;;;;;coxxdc;;;;;;;;;oOo;;;;;;;;;;;;;;;oxlokxxokNWMMXkddoollc:;;;;;;;;;;;;;;;;;;:k
o;;;;;;;;;;;;;;;;;;;coxk00d:;;;;;;;;;;;dK0kdc;;;;;;;;;;;;lkkOXWWNNWMWNOl:cllodkOkdl:;;;;;;;;;;;;;;;o
c;;;;;;;;;;;;;;;;;:dKNNXXk:;;;;;;;;;;;;coOXXx:;;;:clc;;;;l0XkONMMMN0xoc;;;;;;:xNWWXd:;;;;;;;;;;;;;;c
:;;;;;;;;;;;;;;;;;dXWMMMWOc;;;;;;;;;;;;;;cON0o:;:dk0Oc;;;lOdlOWWNOo:;;;;;;;;;:xNMMKo;;;;;;;;;;;;;;;:
;;;;;;;;;;;;;;;;;;dXMMMMMNx:;;;;;;;;;;;;;:d0NN0k0NNKd:;;:dkc:xOxo:::;;;;;col::oKWNx:;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;:kNMMMMMNOl:;;;;;;;;;;;;;cOWMMMNKx:;;;lOx:coxkOOO0xl:;o0NX000XXkc;;;;;;;;;;;;;;;;;
;;;;;;;;;;;;;;;;;;;ckNMMMMMWNOdc;;;;;::;;;;l0WMMMWWNOxdxKNX0KNWMMMMMWXOkKWMMMMW0o:;;;;;;;;;;;;;;;;;;
:;;;;;;;;;;;;;;;;;;;:dXWMMMMMXkc;;;cdxl;::l0WMMMMMMMMMWMMMMMMMMMMMMMMMMMMMMMWXxc;;;;;;;;;;;;;;;;;;;:
c;;;;;;;;;;;;;;;;;;;;:oKWMMMW0l;;;;ck0dokKXWMMMMMMMMMMMMMMMMMMMMMMMMWWWNXX0Odc:;;;;;;;;;;;;;;;;;;;;:
l;;;;;;;;;;;;;;;;;;;;;;lONMMMW0d:;;:x0XXNWMMMMMWKOOkKWMWWNKOkkOO000Oxdolcc:;;;;;;;;;;;;;;;;;;;;;;;;l
x:;;;;;;;;;;;;;;;;;;;;;;cxXWMMMN0xoc:clloOWMMMWKoldx0KOkdl:;;;;;:::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:x
0c;;;;;;;;;;;;;;;;;;;;;;;:o0WMMMMWXxc;;;cOWWX0kkOXNKxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;c0
Nx:;;;;;;;;;;;;;;;;;;;;;;;;cxXWMMMW0o:;ckXXxoxOXN0xo;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:xN
WKl;;;;;;;;;;;;;;;;;;;;;;;;;:l0NMMMW0lcx0kdx0NWXxc:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;l0W
MWkc;;;;;;;;;;;;;;;;;;;;;;;;;;cxXWMMW0k0OkKWWN0o:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cOWM
MMNx:;;;;;;;;;;;;;;;;;;;;;;;;;;;o0WMMMWWWWWWKd:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:xNMM
MMMXx:;;;;;;;;;;;;;;;;;;;;;;;;;;;cxXWMWN0O0kl;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:xNMMM
MMMMXx:;;;;;;;;;;;;;;;;;;;;;;;;;;;:lkX0kkOko;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:xXMMMM
MMMMMNxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;ldx0NX0o;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cxNMMMMM
MMMMMMNOl;;;;;;;;;;;;;;;;;;;;;;;;;;;:ldOKOo:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;lONMMMMMM
MMMMMMMWKd:;;;;;;;;;;;;;;;;;;;;;;;;;;;;::::;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:dKWMMMMMMM
MMMMMMMMMNkl;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;lkNMMMMMMMMM
MMMMMMMMMMWXxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cxKWMMMMMMMMMM
MMMMMMMMMMMMWKxc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cxKWMMMMMMMMMMMM
MMMMMMMMMMMMMMWKxl:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:lxKWMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMWXOoc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;coOXWMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMWKkoc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cokKNWMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMWNKkdl:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:ldkKWMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMWX0kdlc:;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;:cldk0NWMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMWNK0kxolc::;;;;;;;;;;;;;;;;;;;;::cloxk0KNWMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMWWXKOxdolc::;;;;;;;;::clodxOKXNWMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM


Built by Virtuosus | LET'S WORK | raychowdhury247@gmail.com

-->

<!DOCTYPE html>
<html>

<head>

    <title> Dash NFT Gallery </title>
    <link rel="icon" href="/dame-logo.png"> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Work+Sans:wght@900&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Serif+Display:wght@600&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta property="og:site_name" content=" " /> 
    <meta property="og:type" content="website" />
    <meta property="og:title" content="Dash NFT Gallery [Official Sneak Peak]" /> 
    <meta property="og:url" content="" />
    <meta property="og:description" content="The Official Sneak Peak for Dame Dash NFT Experience" />
    <meta property="og:image" content="https://i.ibb.co/nMp4MQ0/IMG-1226.jpg" />

</head>
<body>
  <script>
      function play() {
        var hidebutton = document.getElementById("enter-cta").style.display = "none";
        var hidesection = document.getElementById("enter-screen").style.display = "none";
        var audio = document.getElementById("audio");
        document.getElementById("audio").volume = 0.1;
         var hidebutton = document.getElementById("web").style.display = "block";
        audio.play();

      }
    </script>

      <div id = "enter-screen">
      <section class = "enter-cta" >

        <center> <text class = "intro-text"> <br>
          <center> <img src = "img-1.jpg" class = "enter-image"></img></center> <br><br>

        "Fighting for the independence of artists. <br><br>

        Fighting for good taste. <br><br>

        I don’t think an artist should have to compromise or give away everything that makes them special to make a dollar or be seen. <br><br>

        What I love about this, is that the artist still gets bread when they sell their art, then it resells. <br><br>

        If I come into an industry, I want to change it for the better. <br><br>

        The thing about the NFT world is I get to empower artists. <br><br>

        I get to be the artist. <br><br>

        I get to be Billy Pablo III."

        </text> </center> <br><br>
        <center> <input class = "btn btn-outline-primary" type="button" id = "enter-cta" value="ENTER SITE" onclick="play()"> </center> <br>

        <center><img src = "img-2.png" class = "enter-image-2"></img> </center> <br>
        <audio id="audio" src="/dame.mp3"></audio> 
      </section>
    </div>


    <iframe id = "web" width="100%" height="700" style="width: 100%; height: 700px; border: none; max-width: 100%;" frameborder="0" allowfullscreen allow="xr-spatial-tracking; gyroscope; accelerometer" scrolling="no" src="https://kuula.co/share/collection/7qwPb?logo=-1&fs=1&vr=1&sd=1&initload=1&thumbs=-1&margin=30"></iframe> 
    

    <script id="cid0020000308602079371" data-cfasync="false" async src="//st.chatango.com/js/gz/emb.js" style="width: 200px;height: 300px;">{"handle":"damenft","arch":"js","styles":{"a":"eb202b","b":100,"c":"000000","d":"000000","k":"eb202b","l":"eb202b","m":"eb202b","p":"10","q":"eb202b","r":100,"pos":"br","cv":1,"cvbg":"eb202b","cvw":75,"cvh":30}}</script>

    <div id="mybutton">
      <a href = "https://forms.gle/344xFJcpBYzSWQgNA" target = "_blank">
        <button class="feedback">JOIN THE MAILING LIST!</button>
      </a>
    </div>

</body>

<style>

body{
  background:white;
}

.intro-text{
  font-family: 'Noto Serif Display', serif;
  font-size: 18px;
}

.enter-image{
  height:300px;
  width:auto;
  box-shadow: 7px 8px 9px 0px rgba(0,0,0,0.17)
}

.enter-image-2{
  height:200px;
  width:auto;
}

.title-img{
  height:70px;
  width:auto;
}

.home-img{
  height:300px;
  width:auto;
  -webkit-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
}

@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(0.96); }
    50% { -webkit-transform: scale(1); }
    100% { -webkit-transform: scale(0.96); }
}

@keyframes pulse {
    0% { transform: scale(0.96); }
    50% { transform: scale(1); }
    100% { transform: scale(0.96); }
}


#zio {
   
    
    -webkit-animation: pulse 3s infinite ease-in-out;
    -o-animation: pulse 3s infinite ease-in-out;
    -ms-animation: pulse 3s infinite ease-in-out; 
    -moz-animation: pulse 3s infinite ease-in-out; 
    animation: pulse 3s infinite ease-in-out;
}


#enter-screen{
  height:100%;
  width: 100%;
  background: white;


}

.enter-cta{
  padding-top: 2%;
  background:white;

}

#web{
  display:none;
}

 .fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 3s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes bgcolor {
    0% {
        background-color: #45a3e5
    }

    30% {
        background-color: #66bf39
    }

    60% {
        background-color: #eb670f
    }

    90% {
        background-color: #f35
    }

    100% {
        background-color: #864cbf
    }
}

.btn{
    font-family: 'Bebas Neue', cursive;
    background: black;
    color:white;
    border-style: solid;
    border-radius: 5px;
    border-color:white;
    font-size: 30px;

}

.btn:hover{
        color:white;
        background:black;
    }

    .fa:hover {
        color: white;
        text-decoration: none;
    }
    
    .fa-apple {
        color: black;
    }
    
    .fa-facebook {
        color: black;
    }
    
    .fa-twitter {
        color: black;
    }
    
    .fa-youtube {
        color: black;
    }
    
    .fa-instagram {
        color: black;
    }
    
    .fa-soundcloud {
        color: black;
    }
    
    .fa-youtube {
        color: black;
    }
    
    .fa-spotify {
        color: black;
    }

.feedback {
  background-color : black;
  color: white;
  padding: 10px 20px;
  border-radius: 4px;
  border-color: black;
  font-size:15px;
  font-family: 'Bebas Neue', cursive;
}

#mybutton {
  position: fixed;
  bottom: -4px;
  left: 10px;

}

#mybutton :hover{
background: white;
color:black;
transition: all 0.3s ease;
}

</style>

<style>
@media only screen and (max-width:787px){
  
  .enter-image{
  height:150px;
  width:auto;
  padding-bottom:20px;
}

.enter-image-2{
  height:100px;
  width:auto;
}

  .home-img{
    height:100px;
    width:auto;
    -webkit-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
  }

  .feedback{
    font-size:10px;
  }

  #mybutton{
    width:115px;
    position: fixed;
    bottom: -4px;
    left: 0px;
  }

}

@media only screen and (max-width:685px){
  
  .enter-cta{
    padding-left:50px;
    padding-right:50px;
  }

  .home-img{
    height:100px;
    width:auto;
    -webkit-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
  }

  .btn{
    font-size:20px;
  }

    .feedback{
    font-size:10px;
  }

    #mybutton{
    width:115px;
    position: fixed;
    bottom: -4px;
    left: 0px;
  }

}

@media only screen and (max-width:415px){
  
   .enter-cta{
    padding-left:25px;
    padding-right:25px;
  }

  .intro-text{
    font-size:15px;
  }


  .home-img{
    height:100px;
    width:auto;
    -webkit-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
  }

    .feedback{
    font-size:10px;
  }

    #mybutton{
    width:115px;
    position: fixed;
    bottom: -4px;
    left: 0px;
  }

}

@media only screen and (max-width:376px){

   .enter-cta{
    padding-left:75px;
    padding-right:75px;
  }

  .intro-text{
    font-size:18px;
  }


  .home-img{
    height:100px;
    width:auto;
    -webkit-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 22px -3px rgba(0,0,0,0.75);
  }

    .feedback{
    font-size:10px;
  }

    #mybutton{
    width:115px;
    position: fixed;
    bottom: -4px;
    left: 0px;
  }

}

</style>