yangnew

/PUT IN JS BOX/
document.getElementById("play").onclick = function() {
     document.getElementById('demo').play();
}

document.getElementById("pause").onclick = function() {
     document.getElementById('demo').pause();
}

/PUT IN CSS BOX/

<style>
@import url(//fonts.googleapis.com/css?family=Pattaya|Mukta|Dancing+Script|Oswald|Comfortaa|Delius|Questrial);
::-webkit-scrollbar {
 width: .1px;
}

::-webkit-scrollbar-track {
 box-shadow: inset 0 0 5px grey;
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 background: #b95595;
 border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
 background: #b95591;
}
body {
	background-color: #HEX COLOR HERE;
	background: radial-gradient(farthest-corner at right 10% top 15%, #fff,#DDB738, #9E4235,#9E4235,#803126, #803126, #1450BF, #1450BF,#1450BF, #074D8A, #074D8A, #074D8A, #013D45);
	background-position: fixed;
 background-size: cover;
	background-repeat:repeat;


}
b, strong { font-family: Pattaya; font-size: 13px;line-height: 15px; font-weight: bold; color: #6f3140;
text-shadow: 1px 0px 0px #f6d096,
 0px 1px 0px #f6d096,
 -1px 0px 0px #f6d096,
 0px -1px 0px #f6d096,
 0px 0px 20px #f6d096;}
i, em {color: #a2414a;
text-shadow: 1px 0px 0px #ece05a,
 0px 1px 0px #ece05a,
 -1px 0px 0px #ece05a,
 0px -1px 0px #ece05a,
 0px 0px 20px #ece05a; font-family: delius; font-size:13px;}
body, a {cursor: url(https://66.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_75sq.png), auto;}


td.one{width: 500px;font-family: Pattaya;font-size: 13px;text-align: left;word-spacing: 1px;letter-spacing: 0px;line-height: 9px;font-weight: bold; color: #6f3140;
text-shadow: 1px 0px 0px #f6d096,
 0px 1px 0px #f6d096,
 -1px 0px 0px #f6d096,
 0px -1px 0px #f6d096,
 0px 0px 20px #f6d096;}

td.two{width: 500px;font-family: Oswald;font-size: 13px;text-align: right;word-spacing: 1px;letter-spacing: 0px;line-height: 9px;color: #f6d096;}

a:link,a:active,a:visited {color: #932625;font-family: courgette;font-size: 13px;line-height: 10px;letter-spacing: 0px;display: ;font-weight: bold;margin-bottom: px;word-spacing: 0px;text-transform: none;text-align: center;text-decoration: none;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;z-index: 7;}

a:hover {color: #932625;text-shadow: 1px 0px 0px #ffffff,0px 1px 0px #ffffff,-1px 0px 0px #ffffff,0px -1px 0px #ffffff,0px 0px 20px #ffffff;font-family: courgette;font-size: 13px;line-height: 10px;letter-spacing: 0px;display: ;font-weight: bold;margin-bottom: px;word-spacing: 0px;text-align: center;text-decoration: none;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;}


.E1 {z-index:60; position: absolute; bottom:67%; left: 24.5%;z-index: 4;}
.E2 {z-index:60; position: absolute; bottom: 65%; left: 27.8%;transform:rotate(5deg);z-index:4;}
.E3 {z-index:60; position: absolute; bottom: 65%; left: 21.4%;z-index: 4;}
.E4 {z-index:60; position: absolute; bottom:62%; left: 18%;z-index: 4;}
.E5 {z-index:60; position: absolute; bottom: 62%; left: 24.5%;z-index:4;}
.E6 {z-index:60; position: absolute; bottom: 62%; left: 31%; z-index: 4;}



h1 {
text-align: center;
 padding:1px;
 line-height:120%;
font-family: 'Pattaya';
 padding:2px;
background-color: #78252d;
border-radius: 100px 100px 100px 100px;
 font-size: 18px;
 line-height: 1px;
 letter-spacing: 1px;
 color: #6f3140;
text-shadow: 1px 0px 0px #f6d096,
 0px 1px 0px #f6d096,
 -1px 0px 0px #f6d096,
 0px -1px 0px #f6d096,
 0px 0px 20px #f6d096;
 padding-top: 5px;
 margin-left:0px;
 letter-spacing:1px
 margin-top:-10px;
background-image: url('http://24.media.tumblr.com/tumblr_maf47xNP431r11qslo1_500.gif');
 }

h2 {
text-align: right;
margin-top: -3px;
margin-bottom: 15px;
font-family: 'Dancing Script';
color:#eca12c;
 text-shadow: 1px 0px 0px #bb5546,
 -1px 1px 0px #bb5546,
 0px 0px 0px #bb5546,
 0px -1px 0px #bb5546,
 0px 0px 1px #bb5546;
letter-spacing: .1em;
font-size: 14px;
line-height: 20%;
 }

h3 {
background-image: linear-gradient(to right, #6c2d3f, #6c2d3f);
padding: 5px;
 width: 85px;
height: 10px;
 position: absolute;
top: -20px;
left: -1px; border-radius: 0px;
 line-height: 12px;
font-family: Pattaya;
 color: #2d2322;
 font-size: 19px;
 z-index: 999;}

h4 {
background-image: linear-gradient(to right, #6c2d3f, #eca12c);
 padding: 5px;
 width: 150px;
 height: 10px;
 position: absolute;
top: -21px;
 left: 90px;
border-radius: 0px;
 line-height: 12px;
font-family: Comfortaa;
color: #132b48;
 font-size: 15px;
}

a:link,a:active,a:visited {
 color: #553e36;
text-shadow: 1px 0px 0px #f6d096,
 0px 1px 0px #f6d096,
 -1px 0px 0px #f6d096,
 0px -1px 0px #f6d096,
 0px 0px 20px #f6d096;
 font-family: questrial;
 font-size: 14px;
 line-height: 10px;
 letter-spacing: -1px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-transform: none;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
 z-index: 7;
 }


a:hover {
 color: #f6d096;
text-shadow: 1px 0px 0px #e15077,
 0px 1px 0px #e15077,
 -1px 0px 0px #e15077,
 0px -1px 0px #e15077,
 0px 0px 20px #e15077;
 font-family: questrial;
 font-size: 14px;
 line-height: 10px;
 letter-spacing: -1px;
 display: ;
 font-weight: bold;
 margin-bottom: px;
 word-spacing: 0px;
 text-align: center;
 text-decoration: none;
 transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 -moz-transition: all .3s ease-in-out;
 -o-transition: all .3s ease-in-out;
 -ms-transition: all .3s ease-in-out;
}




a.tooltip:hover {text-decoration:none;}
a.tooltip span {
z-index:10;
display:none;
padding:14px;
margin-top:86px;
margin-left:-50px;
width: 222px;
height: 80px;
line-height:14px;
}

a.tooltip:hover span{
display:inline;
position:fixed;
color:#000000;
font-size:11px;
text-align:justify;
line-height:11px;
font-family:mukta;
background-image: linear-gradient(to right, #6f3140, #eca12c);
border-bottom-radius:6px;
z-index: 998;}


a.tooltip2:hover span{
display:inline;
position:fixed;
color:#000000;
font-size:11px;
text-align:justify;
line-height:11px;
font-family:mukta;
background:#000000;
border-bottom-radius:6px;
height: 120px;
z-index: 998;}

a.tooltip2:hover span p {
color: #000000;
}

a.tooltip:hover span p {
color: #000000;}





#yang{
 position: fixed;
 bottom: 0vw;
 right: 70vw;
 z-index: 20;
opacity: 1;
transition: .8s;
height: 45vw;
width: 30vw;
}

#yang img{position: fixed;
display: inline-block;
opacity: 1;
height: 45vw;
}

#yangtitle{
 position: fixed;
 bottom: 35.5vw;
 right: 40vw;
 z-index: 20;
opacity: 1;
transition: .8s;
height: 3vw;
width: 30vw;
}

#yangtitle img{position: fixed;
display: inline-block;
opacity: 1;
height: 3vw;
}


#yangbike{
 position: fixed;
 bottom: -20vw;
 right: 50vw;
 z-index: 19;
opacity: 1;
transition: .8s;
height: 35vw;
width: 30vw;
filter: brightness(.7)blur(4px);
transform: rotate(20deg);
}

#yangbike img{position: fixed;
display: inline-block;
opacity: 1;
height: 35vw;
}


#yangscroll{
 position: fixed;
 bottom: 17.5vw;
 right: 40vw;
 z-index: 20;
opacity: 1;
transition: .8s;
height: 20vw;
width: 30vw;
transform: rotate(0deg);
}

#yangscroll img{position: fixed;
display: inline-block;
opacity: 1;
height: 20vw;
}

#deadgrimm1{
 position: fixed;
 bottom: -5vw;
 right: 0vw;
 z-index: 19;
opacity: 1;
transition: .8s;
height: 15vw;
width: 30vw;
filter: brightness(.1)blur(5px);
transform: rotate(-10deg);
}

#deadgrimm1 img{position: fixed;
display: inline-block;
opacity: 1;
height: 15vw;
}

#deadgrimm2{
 position: fixed;
 bottom: -5vw;
 right: 20vw;
 z-index: 19;
opacity: 1;
transition: .8s;
height: 15vw;
width: 30vw;
filter: brightness(.1)blur(3px);
transform: rotate(-10deg)scaleX(-1);
}

#deadgrimm2 img{position: fixed;
display: inline-block;
opacity: 1;
height: 15vw;
}

#citybackback{
 position: fixed;
 bottom: -10vw;
 left: 0vw;
 z-index: 1;
opacity: 1;
transition: .8s;
height: 90vw;
width: 30vw;
}

#citybackback img{position: fixed;
display: inline-block;
opacity: 1;
height: 100vw;
}

#citybackfront{
 position: fixed;
 bottom: -10vw;
 left: 0vw;
 z-index: 4;
opacity: 1;
transition: .8s;
height: 90vw;
width: 30vw;
}

#citybackfront img{position: fixed;
display: inline-block;
opacity: 1;
height: 100vw;
}

.cloud1{
 position: fixed;
bottom: -9vw;
 left: -40vw;
background-image: url('https://i.imgur.com/1XnFn0X.png') ;
 background-size: cover;
background-repeat: no-repeat;
filter: brightness(.5)blur(8px);
 z-index: 21;
opacity: .8;
transition: .1s;
height: 30vw;
width: 200vw;
animation: cloud1 10s infinite;
animation-timing-function:linear;
 animation-delay: 0s;
}

.cloud12{
 position: fixed;
bottom: -9vw;
 left: -159vw;
background-image: url('https://i.imgur.com/1XnFn0X.png') ;
 background-size: cover;
background-repeat: no-repeat;
filter: brightness(.5)blur(8px);
 z-index: 21;
opacity: .8;
transition: .1s;
height: 30vw;
width: 200vw;
animation: cloud1 10s infinite;
animation-timing-function:linear;
 animation-delay: 5s;
}


.cloud2{
 position: fixed;
 bottom: 0vw;
 left: -180vw;
background-image: url('https://i.imgur.com/1XnFn0X.png') ;
 background-size: cover;
background-repeat: no-repeat;
 transform: rotate(0deg);
 z-index: 3;
filter: brightness(.5)blur(8px);
opacity: .8;
transition: .1s;
height: 35vw;
width: 200vw;
animation: cloud2 40s infinite;
animation-timing-function:linear;
 animation-delay: 0s;
}

.cloud22{
 position: fixed;
 bottom: 0vw;
 left: -180vw;
background-image: url('https://i.imgur.com/1XnFn0X.png') ;
 background-size: cover;
background-repeat: no-repeat;
 transform: rotate(0deg);
 z-index: 3;
filter: brightness(.5)blur(8px);
opacity: .8;
transition: .1s;
height: 35vw;
width: 200vw;
animation: cloud2 40s infinite;
animation-timing-function:linear;
 animation-delay: 20s;
}



.cloud3{
 position: fixed;
bottom: -9vw;
 left: -150vw;
background-image: url('https://i.imgur.com/1XnFn0X.png') ;
 background-size: cover;
background-repeat: no-repeat;
 transform: rotate(0deg);
filter: brightness(.6) blur(8px);
 z-index: -1;
opacity: .7;
transition: .1s;
height: 30vw;
width: 200vw;
animation: cloud3 70s infinite;
animation-timing-function:linear;
 animation-delay: 0s;
}
.cloud32{
 position: fixed;
bottom: -9vw;
 left: -150vw;
background-image: url('https://i.imgur.com/1XnFn0X.png') ;
 background-size: cover;
background-repeat: no-repeat;
 transform: rotate(0deg);
filter: brightness(.6) blur(8px);
 z-index: -1;
opacity: .7;
transition: .1s;
height: 30vw;
width: 200vw;
animation: cloud3 70s infinite;
animation-timing-function:linear;
 animation-delay: 35s;
}

#navi1 {position: fixed;
 left: 31.5vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi1 a {
background-image: url('https://i.imgur.com/dKHbkw0.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi1 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}
#navi2 {position: fixed;
 left: 34.5vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi2 a {
background-image: url('https://i.imgur.com/RvkRxPb.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi2 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}
#navi3 {position: fixed;
 left: 37.7vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi3 a {
background-image: url('https://i.imgur.com/xe5VsTw.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi3 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}

#navi4 {position: fixed;
 left: 40.9vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi4 a {
background-image: url('https://i.imgur.com/2e9fpzb.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi4 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}

#navi5 {position: fixed;
 left: 43.8vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi5 a {
background-image: url('https://i.imgur.com/8oO6odO.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi5 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}
#navi6 {position: fixed;
 left: 46.5vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi6 a {
background-image: url('https://i.imgur.com/ie0BVaD.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi6 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}
#navi7 {position: fixed;
 left: 49vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi7 a {
background-image: url('https://i.imgur.com/8DbmC0g.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi7 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}
#navi8 {position: fixed;
 left: 51.7vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi8 a {
background-image: url('https://i.imgur.com/acKrEck.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi8 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}
#navi9 {position: fixed;
 left: 54.7vw;
 bottom: 19.5vw;
 z-index: 51;
vertical-align: top;
}

#navi9 a {
background-image: url('https://i.imgur.com/ApIqwbY.png') ;
 background-size: cover;
background-repeat: no-repeat;
display: inline-block;
opacity: 1;
height: 2.5vw;
width: 3vw;
transform: rotate(0deg);
transition: .5s;
}

#navi9 a:hover {
background-size: 100%;
display: inline-block;
transform: rotate(0deg);
height: 2.6vw;
width: 3.1vw;
}




.content{
position: fixed;
bottom: 70vw;
left: 32vw;
z-index: 50;
opacity: 0;

}

.content:target{
bottom: 34vw;
left: 32vw;
opacity: 1;
}


.contentbox{

padding: 5px;
font-family: 'Oswald';
font-size: .8vw;
color: #fff;
width: 25vw;
height: 11vw;
text-align: center;
z-index: 0;
overflow-y: scroll;
position: fixed;
opacity: 1;
}
#hold {width:14vw;height:3.9vw;margin:0vw;margin-top:0vw;margin-bottom:0.5vw;float:left;margin-left:0vw;background:#;}
#hold img {position:absolute;width:3.5vw;height:3.5vw;background:#44BAC9;border:0.2vw solid #44BAC9;left:0.1vw;border-radius:50vw;z-index:5;box-shadow:0vw 0vw 0.2vw #000;}
#text {position:absolute;padding:5;left:0.3vw;width:21vw;height:3.3vw;color: #fff;border-left:3.7vw solid #44BAC9;background-color: #44BAC9;background-position:center center;font-size:0.7vw;line-height:0.7vw;font-family:jura;border-radius:2vw 1vw 1vw 2vw;overflow:auto;box-shadow:0vw 0vw .5vw #44BAC9;}


@keyframes cloud1{
 0% { bottom: -12vw;
 left: -159vw; }

 100% { bottom: -9vw;
 left: 90vw; }
}

@keyframes cloud2{
 0% { bottom: 0vw;
 left: -180vw; }

 100% { bottom: 0vw;
 left: 90vw; }
}

@keyframes cloud3{
 0% { bottom: 20vw;
 left: -150vw; }

 100% { bottom: 20vw;
 left: 0vw; }

}

section {
z-index: 550;
  position: absolute;
  width: 10vw;
  margin: 40px auto;
bottom: 21vw;
 left: 57.8vw;
font-family: 'Oswald';
font-size: 0.7vw;
color: #000;
transform: rotate(-90deg);
text-shadow: -1px -1px 0px #44BAC9, 1px -1px 0px #44BAC9, -1px 1px 0px #44BAC9, 1px 1px 0px #44BAC9, 2px 2px 0px #44BAC9;
}



.left {
 float: left;
 width: 10vw;

}

.right {
 width: 10vw;
 text-align: center;
}

#play {
  height: 1vw;
  width: 1vw;
  border: 0;
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/38816/1383113001_playback_play.png') center center no-repeat;
  background-size: cover;
text-shadow: -1px -1px 0px #44BAC9, 1px -1px 0px #44BAC9, -1px 1px 0px #44BAC9, 1px 1px 0px #44BAC9, 2px 2px 0px #44BAC9;
    &:focus {
    outline: none;
  }
}

#pause {
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/38816/1383113014_playback_pause.png') center center no-repeat;
  height: 1vw;
  width: 1vw;
  border: 0;
  background-size: cover;
  &:focus {
    outline: none;
  }
}

.testbed{
 position: fixed;
 bottom: 0vw;
 right: 0vw;
 z-index: 100;
}
</style>
<body>
<section>


    <div class='left'>
     <center> Mr. Kitty - After Dark<br>
    </center>
    </div>
    <div class='right'>
    <audio id="demo" src="https://od.lk/s/MTNfMTk2NjYxNzJf/After%20Dark.mp3"></audio>
    <button id='play'></button>
    <button id='pause'></button>
    </div>
</section>

<div id="yang">
<img src="https://i.imgur.com/x6cRSAj.png">
</div>
<div id="yangtitle">
<img src="https://i.imgur.com/fC1MI0R.png">
</div>
<div id="yangbike">
<img src="https://i.imgur.com/0KxMVOJ.png">
</div>
<div id="deadgrimm1">
<img src="https://i.imgur.com/2G4z3aR.png">
</div>
<div id="deadgrimm2">
<img src="https://i.imgur.com/2G4z3aR.png">
</div>
<div id="yangscroll">
<img src="https://i.imgur.com/Ra45yqm.png">
</div>
<div class="cloud1">
</div></div>
<div class="cloud12">
</div></div>
<div class="cloud2">
</div></div>
<div class="cloud22">
</div></div>
<div class="cloud3">
</div></div>
<div class="cloud32">
</div></div>
<div id="citybackback">
<img src="https://i.imgur.com/Dae6Wac.png">
</div>
<div id="citybackfront">
<img src="https://i.imgur.com/vhNlTGn.png">
</div>

<div id="navi1"><a href="#"></a></div></div>
<div id="navi2"><a href="#one"></a></div></div>
<div id="navi3"><a href="#two"></a></div></div>
<div id="navi4"><a href="#three"></a></div></div>
<div id="navi5"><a href="#four"></a></div></div>
<div id="navi6"><a href="#five"></a></div></div>
<div id="navi7"><a href="#six"></a></div></div>
<div id="navi8"><a href="#seven"></a></div></div>
<div id="navi9"><a href="#eight"></a></div></div>

 <div id="one" class="content"><div class="contentbox">
<h1>Info</h1>

</div>
</div>
 <div id="two" class="content"><div class="contentbox">
<h1>two</h1>
<div id="hold" class=""><a target="_blank" href="https://roleplay.chat/profile.php?user=Sunny+Little+Dragon"><img src="https://i.ibb.co/N955nrg/yang-icon.png"></a>
<div id="text">
Hey look, it's me!
</div></div>
<div id="hold" class=""><a target="_blank" href="https://roleplay.chat/profile.php?user=Sunny+Little+Dragon"><img src="https://i.ibb.co/N955nrg/yang-icon.png"></a>
<div id="text">
Hey look, it's me!</div></div>
<div id="hold" class=""><a target="_blank" href="https://roleplay.chat/profile.php?user=Sunny+Little+Dragon"><img src="https://i.ibb.co/N955nrg/yang-icon.png"></a>
<div id="text">
Hey look, it's me!</div></div>





</div>
</div>

 <div id="three" class="content"><div class="contentbox">
<h1>three</h1>


</div>
</div>
 <div id="four" class="content"><div class="contentbox">
<h1>four</h1>


</div>
</div>
 <div id="five" class="content"><div class="contentbox">
<h1>Five</h1>


</div>
</div>
 <div id="six" class="content"><div class="contentbox">
<h1>six</h1>


</div>
</div>
 <div id="seven" class="content"><div class="contentbox">
<h1>seven</h1>


</div>
</div>
 <div id="eight" class="content"><div class="contentbox">
<h1>eight</h1>


</div>
</div>
 <div class="testbed">
<a target="_blank" href="https://roleplay.chat/profile.php?user=testbed" title="Made by TestBed Codes."><img src="https://cdn.discordapp.com/attachments/649485777893326869/856393583761031199/image0.png" width="88" class="circle" ></a>
</div></div>
</body>