Code 11: Military Theme; 1 img, 6 text, tabs

<style type="text/css">

/* Preview: http://i.picpar.com/HsCc.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. */

@import url('https://fonts.googleapis.com/css?family=VT323');

@font-face {
  font-family: 'VT323';
  font-style: normal;
  font-weight: 400;
  src: local('VT323 Regular'), local('VT323-Regular'), url(https://fonts.gstatic.com/s/vt323/v9/lo_L7yCDHYN9FAxvMCI1vQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;}

::-webkit-scrollbar {progress; width: 0px;}
::-webkit-scrollbar-thumb:vertical {
 background-color: #669bad;
 border: 0px solid transparent;
 -webkit-border-radius: 0px;
 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;}

::selection {background: #bcffc2; color:#000;}

body {background-color: #000;}

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

.bg {position: fixed;
margin: auto;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background: none url('')
center center repeat;
width: 900px;
height: 680px;
text-align: center;
border: 0px solid #fff;}

.title {position: absolute;
font-family: VT323;
color: #22b14c;
font-size: 60px;
top: 0px;
left: 160px;
width: 700px;
text-align: center;
border-bottom: 2px solid #22b14c;}

.subtitle {position: absolute;
font-family: VT323;
color: #22b14c;
font-size: 40px;
top: 63px;
left: 160px;
width: 700px;
text-align: center;
border-bottom: 2px solid #22b14c;}

.line {background: #22b14c;
position: absolute;
width: 2px;
height: 615px;
left: 150px;
top: 60px;
text-align: left;
border: 0px solid #22b14c;
overflow: auto;}

.portrait {background: none;
background:url('')
center center no-repeat;
position: absolute;
text-align: center;
width: 260px;
height: 260px;
top: 110px;
left: 160px;
border: 1px solid #22b14c;
overflow: auto;}

.stats {background: #000;
position: absolute;
width: 410px;
height: 250px;
left: 445px;
top: 110px;
font-family: VT323;
color: #22b14c;
font-size: 25px;
border: 0px solid #000;
padding:5px 5px 5px 5px;
text-align: left;
border: 0px solid #fff;
overflow: auto;}

.info {background: #000;
position: absolute;
width: 700px;
height: 275px;
left: 160px;
top: 385px;
font-family: VT323;
color: #22b14c;
font-size: 25px;
text-align: justify;
border: 0px solid #000;
padding:5px 5px 5px 5px;
border: 0px solid #22b14c;
overflow: auto;}

#navi1 { position: absolute;
top: 70px;
left: 0px;}

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

 text-decoration: none;
 display: inline-block;
 color: #22b14c;
 font-size: 25px;
 width: 150px;
 height: 75px;
 background-color: #000;
 border: 0px solid #22b14c;}

#one:target .info {z-index: 99;}
#two:target .info {z-index: 99;}
#three:target .info {z-index: 99;}
#four:target .info {z-index: 99;}
#five:target .info {z-index: 99;}
</style>

<div class="bgcover"></div>

<div class="bg">
<div class="line"></div>
<div class="portrait"></div>

<div class="title">MAIN TITLE</div>
<div class="subtitle">SUB-TITLE</div>

<div id="navi1">
<a href="#one"class="navi">PAGE 1 ></a><br>
<a href="#two"class="navi">PAGE 2 ></a><br>
<a href="#three"class="navi">PAGE 3 ></a><br>
<a href="#four"class="navi">PAGE 4 ></a><br>
<a href="#five"class="navi">PAGE 5 ></a><br>
<a href="#six"class="navi">RESET ></a>

</div>
<div class="stats">

Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
Stat: Info<br>
</div>

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

Tab 1

</div></div>

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

Tab 2

</div></div>

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

Tab 3

</div></div>

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

Tab 4

</div></div>

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

Tab 5

</div></div>

<div id="six"><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>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>
<b>05</b>. OOC Rule Here.<br>
<b>06</b>. OOC Rule Here.<br>

</div></div>