Ed's code

<style type="text/css">
@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates);
@font-face{font-family: 'sonn';src:url(https://dl.dropboxusercontent.com/s/j5r3tziaojmbjb7/Funkrocker-j3Gj.ttf);}

body {background: url();background-size:; background-color:#261b22; }

::-webkit-scrollbar { width: 3px; }::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #; }

#box {z-index: 10
;position: absolute;
background: url();
 background-size:;
background-color:#755c6d;
border: 0.5vw solid #000;
box-shadow:0px 0px 5px #;
bottom:10vw;
left:22.1vw;
height:30vw;
width: 55vw;}

#name{ z-index:20;
position: absolute;
text-align:center;
left: 0.5vw;
top: -0.5vw;
color: #64b9db;
font-family: sonn;
font-size:3vw;
letter-spacing: 0vw;
text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;}

#quote{ z-index:20;
position: absolute;
text-align:center;
left: 2vw;
top: 2.5vw;
color: #64b9db;
font-family: sonn;
font-size: 1.5vw;
letter-spacing: 0vw;
text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;}

#image{z-index:10;position: absolute;right:3vw;bottom:0vw;}
#image img{height: 30vw;}

#info{position: absolute;
z-index: 20;
left:4.5vw;
top:5vw;
width:22.2vw;
height:8vw;
overflow: auto;
padding:0.2vw;
color: #fff;
line-height: 0.85vw;
background-color:#08024d;
font-family: Montserrat Alternates;
font-size: 0.8vw;
text-align:left;}

#infobackground{position: absolute;
z-index: 3;
top: 17vw;
left: 1vw;
height:12vw;
width: 30vw;
background-color:#;}

#infobox{position: absolute;
z-index: 4;
top:0vw;
left: 0vw;
height:12vw;
width: 30vw;
overflow: hidden;
color: #ddd;
line-height: 0.75vw;
background-color:#42313a;
font-family: Montserrat Alternates;
font-size: 0.7vw;}

#navi {position: absolute;
top: 14.6vw;
left: 1vw;
width: 30vw;
height: 1vw;
line-height:11px;
border:1px solid #;
z-index: 300;}

a.nav:link, a.nav:active, a.nav:visited{display: inline-block;
width: 4.2vw;
height: 0.5vw;
margin: 2px;
margin-top:0px;
background-color: #66505f;
border:3px solid #aaa;
padding:5px;
webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;}

a.nav:hover{background-color: #141414;text-decoration: none;}

table{font-family:Montserrat Alternates;font-size: 0.65vw;color: #fff;}
tr:nth-child(odd){background: rgba(206, 146, 156, 0);}

h1 {height: auto;
font-size: 1.1vw;
font-family: sonn;
margin-top: 0vw;
margin-bottom:0.4vw;
text-align: right;
border-bottom: 0.1vw solid #;
color: #997489;
font-weight:normal;
text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;}

b {color: #a3969f;text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;}

a {color: #a69f44;text-decoration: none;}
a:hover {color: gray;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}


</style>



<div id="box">
<div id="image"><img src="https://i.imgur.com/hYzQxTU.png"></div>
<div id="name">Name here</div>
<div id="quote">Name or Small quote here</div>

<div id="navi">
<center>
<a class="nav" href="#1"></a>
<a class="nav" href="#2"></a>
<a class="nav" href="#3"></a>
<a class="nav" href="#4"></a>
</center>
</div>

<div id="info">
<table style="width:100%;">
<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>

<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>

<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>

<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>

<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>

<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>

<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>
<tr>
<td><b>Stat</b> ---</td><td><b>Stat</b> ---</td>
</tr>
</table>
</div>

<div id="infobackground">
<div id="infobox">
<center>
<div style="height: 100%; overflow-y: hidden;">
<a name="1"></a>
<div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
<br>
<h1>Title</h1>
Tab One

</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="2"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Title</h1>
Tab Two
</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="3"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Title</h1>
Tab Three
</div>
</div>

<div style="height: 100%; overflow-y: hidden;">
<a name="4"></a>
<div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
<br>
<h1>Title</h1>
Tab Four
</div>
</div>
</div>
</div>

</div>