Another Code

<html>
<body><style type="text/css">

@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=Poiret+One|Indie+Flower|Lobster);


	 .pfor {display: none; visibility: hidden;}
	#profile {background-color:black;}
	#profile {border:;}
	body
	{overflow-x:hidden;
	background-image:
	url('');
	background-repeat:repeat;
	background-position:;
	background-attachment: fixed;
	background-color:black;
	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;
	}

	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;
	}

	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
	}

@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;}


	#image {position:absolute;
	left:00;
	top:00;
	border:0px solid white;
	}

	#image2 {position:absolute;
	left:310;
	top:183;
	border:0px solid white;
	}


	#image3 {position:absolute;
	left:1000;
	top:00;
	border:0px solid white;
	}


	#title {
	position:absolute;
	font-size:150px;
	font-family:Ginette;
	color:#69181E;
	left:455;
	top:80;
	text-transform:lowercase;
	}

	#title2 {
	position:absolute;
	font-size:50px;
	font-family:Bebas Neue;
	color:#95242C;
	left:460;
	top:190;
	text-transform:uppercase;
	}

@font-face{font-family:Ginette;src:url(http://static.tumblr.com/9wzbixa/ZKKmj2im3/ginette.ttf);}

@font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}


	#box {background-color:black;
	vertical-align: center;
	text-transform: none;
	color:red;
	font-size:14px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
 font-variant: small-caps;
	text-align: justify;
	position: absolute;
	width:600;
	height:150;
	left:310px;
	top: 30px;
	letter-spacing:0px;
	line-height: 10px;
	padding: 10px;
	margin: 1px;
	overflow:hidden;
	border:2px solid red;
	}

	#box2 {background-color:black;
	vertical-align: center;
	text-transform: none;
	color:red;
	font-size:14px;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
 font-variant: small-caps;
 text-align: justify;
	position: absolute;
	width:600;
	height:150;
	left:310px;
	top: 440px;
	letter-spacing:0px;
	line-height: 10px;
	padding: 10px;
	margin: 1px;
	overflow:auto;
	border:2px solid red;
	}

	#box3 {background-color:white;
	vertical-align: center;
	text-transform: none;
	color:#2A0C0E;
	font-size:8px;
	font-family:tinytots;
	text-align: justify;
	position: absolute;
	width:650;
	height:90;
	left:100px;
	top: 100px;
	letter-spacing:0px;
	line-height: 10px;
	padding: 10px;
	margin: 1px;
	border:3px solid red;
	}

	#box3 img {
	width:80;
	height:80;
	border:5px solid #69181E;
	-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;
	}

	box3 img:hover {
	border:5px solid #2A0C0E;
	-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;
	}


#navi {
 position: fixed;
 left: 223;
 top: 210;
 text-align: center;
 width: 80px;}
#navi a {
 margin-top: 5px;
 color: #cccccc;
 text-decoration: none;
 font-family: geneva;
 font-size: 12px;
 display: inline-block;
 border: 1px solid #274a21;
 width: 100%;
 transition: all 0.7s ease-in-out;
 -moz-transition: all 0.7s ease-in-out;
 -webkit-transition: all 0.7s ease-in-out;}
#navi a:link, a:visited {
 background-color: #0e210b;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-right: 2px;
 padding-left: 10px;
 text-align: center;
 border-radius: 30px 0px 0px 30px;
 -moz-border-radius: 30px 0px 0px 30px;
 -webkit-border-radius: 30px 0px 0px 30px;}
#navi a:hover {
 border: 1px solid #41BAD28;
 color: 41BAD28;
 letter-spacing: 4px;
 text-shadow: 0 0 0.2em #41BAD28;
 transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;}

b {
font-family: Nyala;
font-size:14px;
color:white;
font-variant: small-caps;
font-weight: normal;
line-height: 20px;
font-variant: small-caps;
}

strong {
font-family: 'Cinzel', serif;
font-size:15px;
color:orange;
font-variant: small-caps;
font-weight: normal;
line-height: 20px;
font-variant: small-caps;
}

H1 {
font-family: Indie Flower;
font-variant: small-caps;
text-align: center;
font-size: 25px;
color: red;
text-shadow: 5px 5px 5px #FF4545;
}


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

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


<div id="credit">
<img src="http://i.picpar.com/lIrb.png" width="100"></a>
</div>

<div id="title">

</div>
<div id="title2">

</div>

<div id="image">
<img src="" width="300" height="630">
</div>

<div id="image2">
<img src="" width="625" height="280"></div>

<div id="image3">
<img src="" width="300" height="630">
</div>

<div id="box">
<div style="width:100%; height:150px; overflow:auto;">

INFO GOES HERE
</div>
</div>

<div id="box2">

MORE INFO HERE
</div>