Code 9; 2 img, 4 text, tabs

<!DOCTYPE html>
<style type="text/css">

/* Preview: http://i.picpar.com/mQ6c.png */

/* Profile was created by Alcyone, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail. */

::-webkit-scrollbar {progress; width: 0px;}
::-webkit-scrollbar-thumb:vertical {
 background-color: transparent;
 border: 1px solid transparent;
 -webkit-border-radius: 1px;
 box-shadow: 0 0 3px transparent, inset 0 0 6px transparent;
 -moz-transition:all 0.3s ease-in-out;
 -webkit-transition:all 0.3s ease-in-out;}

::-webkit-scrollbar-thumb:vertical:hover,
::-webkit-scrollbar-button:start:decrement:hover,
::-webkit-scrollbar-button:end:increment:hover
{border-color:transparent;box-shadow: 0 0 12px
transparent, inset 0 0 16px transparent;}

.bg {position: fixed;
width: 800px;
height: 690px;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
text-align: center;
border: 0px solid #000;}

/* ------------------------------------------ */
/* ------------------------------------------ */
/* ------------------------------------------ */

/* Start editing your stuff below. */

/* Background */

body {background: #ccc;}

 /* Link */

a {color: #d797f5;
text-shadow:
#000 -1px 0px,
#000 0px 1px,
#000 1px 0px,
#000 0px -1px;
text-decoration: none;}

/* Bold */

b {color: #4f81d7;
text-shadow: #000 1px 1px;}

/* Italics */

i {color: #3e22ae;}

/* Underline */

u {color: #3e22ae;}


.leftimage {background: none;
background:url('picpar.com')
center center no-repeat;
position: absolute;
text-align: center;
width: 350px;
height: 650px;
top: 20px;
left: 20px;
border: 1px solid #000;
overflow: auto;}

.mainborder {background: #e5e6ea;
position: absolute;
text-align: center;
width: 370px;
height: 550px;
left: 420px;
top: 100px;
border: 1px solid #000;
overflow: auto;}

.bannerimage {background: none;
background:url('picpar.com')
center center no-repeat;
position: absolute;
text-align: center;
width: 350px;
height: 200px;
top: 110px;
left: 430px;
border: 1px solid #000;
overflow: auto;}

.title {position: absolute;
font-family: Book Antiqua;
color: #fff;
font-size: 60px;
left: 420px;
top: 40px;
width: 370px;
text-align: left;
border: 0px solid #000;
text-shadow:
#000 -1px 0px,
#000 0px 1px,
#000 1px 0px,
#000 0px -1px;
text-decoration: none;}

.info {background: #fff;
position: absolute;
font-family: Alegreya;
font-size:15px;
color: #000;
text-align: justify;
width: 340px;
height: 270px;
left: 430px;
top: 325px;
border: 1px solid #000;
overflow: auto;
padding:5px 5px 5px 5px;}

#navi1 { position: absolute;
top: 615px;
left: 430px;}

a.navi, a.navi:visited, a.navi:hover {

 text-decoration: none;
 display: inline-block;
 width: 83px;
 height: 25px;
 background-color: #fff;
 border: 1px solid #000;}

 #one:target .info {z-index: 99;}
 #two:target .info {z-index: 99;}
 #three:target .info {z-index: 99;}
 #four:target .info {z-index: 99;}

</style>

<div class="bg">
<div class="leftimage"></div>
<div class="mainborder"></div>
<div class="bannerimage"></div>
<div class="title">Name</div>

<div id="navi1">
<a href="#one"class="navi"></a>
<a href="#two"class="navi"></a>
<a href="#three"class="navi"></a>
<a href="#four"class="navi"></a>
</div>

<div id="one"><div class="info">

<font style=float:left><b>Stat</b>:</font> <font style=float:right><i>Info</i></font><br>
<font style=float:left><b>Stat</b>:</font> <font style=float:right><i>Info</i></font><br>
<font style=float:left><b>Stat</b>:</font> <font style=float:right><i>Info</i></font><br>
<font style=float:left><b>Stat</b>:</font> <font style=float:right><i>Info</i></font><br>


</div></div>

<div id="two"><div class="info">
Tab 2 stuff.</div></div>

<div id="three"><div class="info">
Tab 3 stuff.</div></div>

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

<b>00</b>. Profile was created by <a target="_blank" href="https://roleplay.chat/profile.php?user=Alcyone" title="">Alcyone</a>, for anyone to use freely. If you are interested in commissioning a profile, go ahead and leave her some mail.<br><b>01</b>. OOC Rule here.<br>
<b>02</b>. OOC Rule here.<br>
<b>03</b>. OOC Rule here.<br>
<b>04</b>. OOC Rule here.<br>

<br>
<b>Bold</b>
<i>Italics</i>
<u>Underline</u>
<a target="_blank" href="www.google.com">Link</a>
</div></div>