Code for you!

<style onload="try {document.title = 'tab title.' ;} catch (e) { }" type="text/css">
@import url(https://fonts.googleapis.com/css?family=Bangers);

	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('');
	background-repeat:no-repeat;
        background-size:10.9%;
	background-position:center;
	background-attachment: fixed;
	background-color:#000;
	font: 0px arial;
	color: black;}
	#profile {background-color: transparent;
	border:0px;
	}

	::-webkit-scrollbar {
	width: 5px;
	height: 0px;
	background:;
	}

	::-webkit-scrollbar-thumb {
	background-color:black;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}

	::selection {
	color: #fff;
	background: #eee;
	}

	a {color:;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	a:hover {color: black;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	<style type="text/css">
body {cursor: url(http://www.rw-designer.com/cursor-extern.php?id=41090);}


@font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");}

#whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}

	#bg-img {
	position:fixed;
	left:0;
	top:0;
	}

	#container {
	vertical-align: center;
	position: fixed;
	width:1000;
	right: -200px;
	top: 100px;
	margin: 1px;
	}

	#image {
	background-image:
	url('https://cdn.discordapp.com/attachments/492602560516063233/492633375589531658/Freak.png');
	background-repeat:no-repeat;
        background-size: 70%;
        background-color: #fff;
	background-position:0% 0%;
	background-attachment: absolute;
	position:absolute;
	left:0;
	top:0;
	width:300;
	height:169;
	border:1px solid;
	}

	#image2 {
	background-image:
	url('https://i.ytimg.com/vi/eo9ooWAOQic/maxresdefault.jpg');
	background-repeat:no-repeat;
        background-size: 99%;
	background-position:-1050% 100%;
         background-color: #000;
	background-attachment: absolute;
	position:absolute;
	left:0;
	top:200;
	width:300;
	height:169;
	border:10px solid #00;
	}

	#image3 {
	background-image:
	url('https://cdn.discordapp.com/attachments/492602560516063233/492642503888076800/Freak_2.png');
	background-repeat:no-repeat;
        background-size: 50%;
	background-position:30% 30%;
        background-color: #fff;
	background-attachment: absolute;
	position:absolute;
	left:0;
	top:400;
	width:300;
	height:169;
	border:1px solid #000;
	}


	#image4 {
	background-image:
	url('');
	background-repeat:no-repeat;
	background-position:0% 0%;
	background-attachment: absolute;
	position:absolute;
	left:0;
	top:0;
	width:300;
	height:169;
	border:;
	}

	#navi {
	vertical-align: center;
	text-align: center;
	position: absolute;
	left:-90;
	top:175;
	letter-spacing:0px;
	line-height: 10px;
	margin: 1px;
	}

	#navi a {
	padding: 20px;
	width: 10px;
	font-family: tinytots;
	font-size: 8px;
	text-transform:uppercase;
	letter-spacing: 1px;
	display: inline-block;
	text-align: center;
	color:#80ffff;
	background-color: ;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: ;
	}

	#navi a:hover {
	background-color:;
	color:#1affff;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: ;
	}

	.center{
	position: absolute;
	top: 0;
	left: -200;
	height: 1000px;
	width: 1000px;
	}

	.right{
	position: absolute;
	top:200;
	left:200px;
	height: 0px;
	width: 0px;
	transition: .5s;
	}

	.center:hover .right{
	position: absolute;
	top: 200;
	left: 200px;
	transition: .5s;
	}

	.container2{
	opacity: 0;
	height: 400px;
	width: 300px;
	transition: .5s;
	}

	.center:hover .container2{
	opacity:1;
	transition: .5s;
	}

	.content {
	position: absolute;
	color:#1affff;
	font-family: 'Bangers', cursive;
	font-size:14px;
	text-align: justify;
	overflow: auto;
	left:20;
	top:220;
	height:115;
	width:245;
	background-color: #000;
	opacity: 0;
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	z-index: 1;
	padding: 10px;
	margin: 1px;
	border: ;
	}

	.content:target {
	opacity: 1;
	z-index: 3;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	}

	a[data-title]:hover:after {
	content: attr(data-title);
	padding: 10px;
	position: absolute;
	left: -91;
	top: 250px;
	white-space: nowrap;
	font-family: 'Bangers', cursive;
	font-size:17px;
	color:#1affff;
	background-color: #000;
	border: 1px solid #000;
	width:120;
	text-align:center;
	}

	#logo {
	position:fixed;
	right:0;
	bottom:0;
	}

</style>
<div id="whole" oncontextmenu="return false;">

<div id="logo">
<img src="http://i.imgur.com/bAeGxYJ.png" width="100">
</div>


</div>

<div id="container">
<div id="image">
</div>
<div id="image2">
</div>
<div id="image3">
</div>

<div class="center">
<div class="right">
<div class="container2">
<div id="image4">
</div>
</div>
</div>
</div>

<div id="navi">

	<a href="#one" data-title="out of character"><img src="https://lojagenial.com.br/wp-content/uploads/raio.png" alt="bolt" style="width:700%;height:10%;"></a><br><br>

	<a href="#two" data-title="statistics"><img src="https://lojagenial.com.br/wp-content/uploads/raio.png" alt="bolt" style="width:700%;height:10%;"></a></a> <br><br>

	<a href="#three" data-title="biography"><img src="https://lojagenial.com.br/wp-content/uploads/raio.png" alt="bolt" style="width:700%;height:10%;"></a></a> <br><br>

	<a href="#four" data-title="Powers"><img src="https://lojagenial.com.br/wp-content/uploads/raio.png" alt="bolt" style="width:700%;height:10%;"></a></a> <br><br>

</div>

<div id="one" class="content">
Code belongs to <a href="http://meowoof-codes.tumblr.com/">Meowoof</a>

</div>

<div id="two" class="content">

test2

</div>

<div id="three" class="content">

test3

</div>

<div id="four" class="content">

test4

</div>
</div>