Oldie (Four Images, Five Tabs)

<style>
.pfor {
 display: none;}
#profile {
 background-color: transparent;
 border: transparent;
font-size: 16px;
font-family: Script MT;
text-align: justify;}

body {
 background: url("URL");
background-size: 100% 100%;
background-repeat: no-repeat;}

#title{
vertical-align: center;
text-transform: none;
color:#AD5C57;
font-size:12px;
font-family:Harrington;
text-align: center;
position: absolute;
right: 50px;
bottom: 8px;
margin: 1px;
z-index:1;}

.abox {
background-color:#FFE4E1;
color: #DC143C;
font-size: 16px;
font-family: Harrington;
text-align: justify;
position: absolute;
width:410;
height:250;
left: 480;
top:228;
letter-spacing:0px;
line-height: 12px;
padding: 10px;
margin: 1px;
overflow:auto;
border-radius:50px;
border:10px double #DC143C;
opacity: .8;}

.navbar {
Position: absolute;
Height: 13px;
Width: 342px;
Left: 580;
Top: 55;
padding: 4px;
z-index: 100;}

.link1 {
Position: absolute;
Left: 23px;
background-color:#FA5858;
border-radius:50px;
Border: double 2px #DC143C;
Height: 10px;
Width: 10px; }

.link2 {
Position: absolute;
Left: 50px;
background-color:#FA5858;
border-radius:50px;
Border: double 2px #DC143C;
Height: 10px;
Width: 10px; }

.link3 {
Position: absolute;
Left: 75px;
background-color:#FA5858;
border-radius:50px;
Border: double 2px #DC143C;
Height: 10px;
Width: 10px; }

.link4 {
Position: absolute;
Left: 100px;
background-color:#FA5858;
border-radius:50px;
Border: double 2px #DC143C;
Height: 10px;
Width: 10px; }

.link5 {
Position: absolute;
Left: 125px;
background-color:#FA5858;
border-radius:50px;
Border: double 2px #DC143C;
Height: 10px;
Width: 10px; }

.link6 {
Position: absolute;
Left: 150px;
background-color:#FA5858;
border-radius:50px;
Border: double 2px #DC143C;
Height: 10px;
Width: 10px; }


.link1:hover {
Background-color: #DC143C;}
.link2:hover {
Background-color: #DC143C;}
.link3:hover {
Background-color: #DC143C;}
.link4:hover {
Background-color: #DC143C;}
.link5:hover {
Background-color: #DC143C;}
.link6:hover {
Background-color: #DC143C;}


.slide {
Position: fixed;
Height: 555555;
Width: 555555;
Top: -100px;
Left: 0;
Z-index: -1;
Opacity: 0;
transition: 0.8s;
-moz-transition: 0.8s;
webkit-transition: 0.8s;
-o-transition: 0.8s;}

.slide:target {
top: 5px;
opacity: 1;
 Z-index: 1;
transition: 0.8s;
 -moz-transition: 0.8s;
 webkit-transition: 0.8s;
 -o-transition: 0.8s;}


#picbox {
height: 350;
width: 100;
background-color: #transparent;
position: absolute;
top: 225px;
left:130px; }

#picbox2 {
height: 350;
width: 100;
background-color: #transparent;
position: absolute;
top: 225px;
right:230px; }

 .picture {
height: 150;
width: 175;
border-radius:50px;
background-color: #fff;
border: 5px double #DC143C;
overflow: hidden; }







h1{
font-size: 16px;
width: 100%;
font-family: Harrington;
font-weight: normal;
line-height: 12px;
text-transform: None;
text-align: left;
border-bottom: 1px solid #DC143C;
}

h1:first-letter{
color: #DC143C;
font-size: 18px;
font-weight: bold;
}

big{
font-family:Harrington;
font-style:bold;
color: #DC143C;
font-size:20px;
line-height:11px;
}


 a {color: #CD5C5C;
 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: #DC143C;
 text-decoration: underline;
 -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;
 }




 .circle{
border-radius:150px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
}

.circle:hover{
border-radius:0px;
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
-o-transition: all 0.8s ease-out;
}

::-webkit-scrollbar {
 width: 12px;
}

::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 10px;
}

::-webkit-scrollbar-thumb {
 border-radius: 10px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}



</style>



<div class="navbar">
<a class="link1" href="#1"></a>
<a class="link2" href="#2"></a>
<a class="link3" href="#3"></a>
<a class="link4" href="#4"></a>
<a class="link5" href="#5"></a>
<a class="link6" href="#6"></a>
</div>

<div id="picbox">
<div class="picture"><img src="URL" height="100%" width="174"></a></div><br>

<div class="picture"><img src="URL" height="100%" width="174"></a></div><br>

</div></div>



<div id="picbox2">
<div class="picture"><img src="URL" height="101%" width="174"></a></div><br>

<div class="picture"><img src="URL" height="100%" width="174"></a></div><br>

</div>
</div>



<div id="1" class="slide">
<div class="abox">
<h1>Statistics.</h1><br>
<b>Race</b>. <font style=float:right>dvbxc</font><br>
<b>Age</b>. <font style=float:right>svbx</font><br>
<b>Gender</b>. <font style=float:right>afcb</font><br>
<b>Height</b>. <font style=float:right>afdbax</font><br>
<b>Weight</b>. <font style=float:right>adfba</font><br>
<b>Hair Color</b>. <font style=float:right>Ladfb</font><br>
<b>Eye Color</b>. <font style=float:right>fbc</font><br>
<b>Residence</b>. <font style=float:right>fnws</font><br>
<b>Orientaion</b>. <font style=float:right>dfb</font><br>
<b>Mated Status</b>. <font style=float:right>dfbdfb</font><br>

</div></div>

<div id="2" class="slide">
<div class="abox">

<h1>STUFF</h1><p>




</div></div>


<div id="3" class="slide">
<div class="abox">
<h1>THINGS</h1><p>


</div></div>


<div id="4" class="slide">
<div class="abox">
<h1>Connections.</h1>

<center>
<a href="https://roleplay.chat/profile.php?user=USERNAME" target="_blank"><img src="IMAGE" class="circle" height="75" width="75" title="TITLE" border="3"></a>



<br><br>

</div></div>

<div id="title">
@Coded by <a href="https://pastebin.com/u/Toxicandii" target="_blank">Toxicandii</a>
</div>

<div id="5" class="slide">
<div class="abox">
<h1>Out of character.</h1><p>
Do not remove credit


</div></div>