Marcel Layout

About me  --------------------------------------------

<style>
::-webkit-scrollbar-thumb:vertical {background-color:#569d68; border: 1px solid #23462b; }
::-webkit-scrollbar-thumb:horizontal {background-color:#23462b; border: 1px solid #23462b;}
::-webkit-scrollbar {width:4px; height:0px; background-color:#2B0004;}




.BITCHCRAFT { Background Properties }

table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background: url("https://i.imgur.com/CQLwK8y.png");
background-color: #070d0f;
background-attachment: fixed;
background-position:top left;
background-repeat:repeat;}


table { position:relative; margin-bottom:0px; margin-left: 10px; margin-top: 5px;}
table, tr, td { background-color:transparent; border:none; left:}
table table { margin-left:  0px;}
table table table table td { width:0px; border:none; }
table table table td { border:none; margin:0px; padding:0px;}
table table br { display:none; margin:0px; padding:0px;}
table table table br { display:block; margin:0px; padding:0px;}
table table table table { border:0; margin:0; padding:0; }
table table table {
background-color:#122125;
padding:10px;
margin-bottom: 5px;
margin-left: -10px;}


td.text table {position:relative; top: -10px;}td.text table table {position:static;}
td.text table {position:relative; top: -10px;}td.text table table {position:static;}


.BITCHCRAFT { Text Properties }


.text, table, tr, td, li, p, div {
font-family: times;
color:#23462b;
text-align: justify;
font-size:10.5px;
font-weight:normal;
line-height:12px;
letter-spacing:-.2px;}


b {
color:#ffffff;
font-family:times;
font-weight:lighter;
font-size:15px;
text-align: left;
line-height:9px;
letter-spacing: 2px;
text-shadow: 1px 1px #AECA20;
padding: 8px 0px 0px 0px;}


strong {
color:#ffffff;
font-family:times;
font-weight:lighter;
font-size:15px;
text-align: left;
line-height:9px;
letter-spacing: 0px;
text-shadow: 1px 1px #CFFF19;
padding: 8px 0px 0px 0px;}



i {
font-style:italic;
color:#6bd0d1;
font-family:times;
text-shadow: 1px 1px #23462b;
letter-spacing: 2px;
font-weight:lighter;
font-size:14px;
line-height:11px;}


big {
font-family:times;
font-weight:lighter;
font-size: 20px;
text-align:left;
font-style: italic;
color:#23462b;
height:35px;
text-shadow: 1px 1px #23462b;
text-transform:lowercase;
line-height:11px;
letter-spacing:-2px;}


small {
font-family:times;
font-size: 30px;
text-align:left;
color:#23462b;
height:35px;
text-shadow: 1px 1px #23462b;
text-transform:lowercase;
line-height:20px;
letter-spacing:-4px;}



u {
height: 10px;
color: #d0f1ef;
background-color: #187762;
border: 1px solid #d0f1ef;
font-family: times;
text-align:center;
font-size:9px;
line-height:10px;
letter-spacing:1px;
text-decoration:none;
padding: 2px 10px 2px 10px;}


.firstcharacter {
color: #E49A37;
float: left;
font-family: Parisienne;
background-color: #320E0E;
font-size: 30px;
line-height: 22px;
padding: 7px 8px 2px 3px;
margin: 3px 5px 0px 3px;
border: 1px solid #E49A37;
outline: 3px solid #320E0E;}



.arrow {
font-family:courier new;
font-style:light;
font-size:25px;
text-align:center;
color:#791E01;
height:16px;
text-transform:uppercase;
letter-spacing:0px;
margin:10px 2px 0px 2px;
padding:0px 0px 8px 0px;
line-height:0px;}




.slayMONADE { H E A D E R S }

h1{
font-family:Parisienne;
font-size:65px;
text-align:center;
color:#23462b;
text-transform:none;
text-shadow: 2px 2px #aae5e6;
letter-spacing:0px;
margin:0px 0px -2px 0px;
letter-spacing: -4px;
padding:45px 0px 0px 0px;
}

h2{
font-family: courier new;
text-style: italic;
font-weight: 400;
font-size:30px;
text-align:left;
color:#79BD9A;
height:20px;
text-transform:uppercase;
letter-spacing: -4px;
margin: 9px 0px 5px 0px;
padding: 0px 10px 0px 0px;
line-height:20px;}

h3 {
font-family:times;
text-style: italic;
font-size:70px;
text-align:right;
color:#3B8686;
text-shadow:  2px 2px #ffffff;
height:20px;
text-transform:lowercase;
letter-spacing:-8px;
margin:15px 10px 20px 0px;
padding: 0px 0px 0px 0px;
line-height:20px;}


h4 {
font-family:times;
text-style: italic;
font-size:10px;
text-align:center;
color:#187762;
border-left: 5px solid #187762;
border-right: 5px solid #187762;
border-bottom: 5px solid #187762;
text-shadow: 5px 5px #23462b;
height:20px;
text-transform:lowercase;
letter-spacing:10px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
line-height:20px;}


h5 {
font-family:Parisienne;
font-size:55px;
text-align:center;
color:#829569;
text-transform:none;
text-shadow: 3px 3px #23462b;
letter-spacing:0px;
margin:0px 0px 15px -5px;
padding:24px 0px 0px 0px;}

h6 {
color:#187762;
text-align: center;
font-family:courier new;
font-weight:lighter;
font-size:14px;
line-height:3px;
letter-spacing:5px;
text-transform: lowercase;
background: #122125;
border-left: 100px solid #79BD9A;
border-right: 100px solid #79BD9A;
padding:  3px 2px 1px 20px;
margin: 0px 0px 5px 0px;}


.headertwo{
font-family: arial black;
text-style: italic;
font-weight: 400;
font-size:20px;
text-align:right;
color:#122125;
text-shadow:  1px 1px #122125;
height:20px;
text-transform:uppercase;
letter-spacing: -4px;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:20px;}

.BITCHCRAFT { REGULAR LINK PROPERTIES }

a:active, a:visited, a:link {
display:inline-block;
float:left;
width:125px;
height: 10px;
color: #187762;
background-color: #a1e2e3;
font-family: times;
text-align:left;
font-size:10px;
line-height:10px;
letter-spacing:3px;
padding: 0px 0px 1px 3px;
margin: 3px 0px 0px 0px;
text-transform:none;
text-decoration:none;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #187762 50%);
-webkit-transition: background-position 1s; -moz-transition: background-position;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}

a:hover {
background-position: 0 -100%;
color: #d0f1ef;
line-height:10px;}





.slayMONADE { N A V I G A T I O N   L I N K   PROPERTIES }

a.first, a.first:link, a.first:active, a.first:visited {
display:inline-block;
float:left;
width:295px;
height: 13px;
color: #ffffff;
font-weight: 400;
background-color: #3B8686;
font-family: courier new;
text-transform: uppercase;
text-align:left;
font-size:10px;
line-height:15px;
letter-spacing: 7px;
border-radius: 25px;
padding: 0px 5px 1px 10px;
margin: 3px 3px 0px 0px;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #3B8686 50%);
-webkit-transition: background-position 1s; -moz-transition: background-position;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}

a.first:hover {
background-position: 0 -100%;
color: #d0f1ef;
text-align: left;
letter-spacing: 0px;
line-height:15px;
width: 65px;
padding: 0px 5px 1px 240px;}



a.second, a.second:link, a.second:active, a.second:visited {
display:inline-block;
float:left;
width:295px;
height: 13px;
color: #ffffff;
font-weight: 400;
background-color: #187762;
font-family: courier new;
text-transform: uppercase;
text-align:left;
font-size:10px;
line-height:15px;
letter-spacing: 7px;
border-radius: 25px;
padding: 0px 5px 1px 10px;
margin: 3px 3px 0px 0px;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #187762 50%);
-webkit-transition: background-position 1s; -moz-transition: background-position;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}

a.second:hover {
background-position: 0 -100%;
color: #d0f1ef;
text-align: left;
letter-spacing: 0px;
line-height:15px;
width: 65px;
padding: 0px 5px 1px 240px;}





a.third, a.third:link, a.third:active, a.third:visited {
display:inline-block;
float:left;
width:287px;
height: 13px;
color: #ffffff;
font-weight: 400;
background-color: #3B8686;
font-family: courier new;
text-transform: uppercase;
text-align:left;
font-size:10px;
line-height:15px;
letter-spacing: 7px;
border-radius: 25px;
padding: 0px 5px 1px 10px;
margin: 3px 3px 0px 0px;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #3B8686 50%);
-webkit-transition: background-position 1s; -moz-transition: background-position;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}

a.third:hover {
background-position: 0 -100%;
color: #d0f1ef;
text-align: left;
letter-spacing: 0px;
line-height:15px;
width: 77px;
padding: 0px 5px 1px 220px;}



a.fourth, a.fourth:link, a.fourth:active, a.fourth:visited {
display:inline-block;
float:left;
width:287px;
height: 13px;
color: #ffffff;
font-weight: 400;
background-color: #187762;
font-family: courier new;
text-transform: uppercase;
text-align:left;
font-size:10px;
line-height:15px;
letter-spacing: 7px;
border-radius: 25px;
padding: 0px 5px 1px 10px;
margin: 3px 3px 0px 0px;
background-size: 100% 200%;
background-image: linear-gradient(to bottom, transparent 50%, #187762 50%);
-webkit-transition: background-position 1s; -moz-transition: background-position;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
transition: all 0.5s linear;}

a.fourth:hover {
background-position: 0 -100%;
color: #d0f1ef;
text-align: left;
letter-spacing: 0px;
line-height:15px;
width: 77px;
padding: 0px 5px 1px 220px;}



.BITCHCRAFT { Hide Codes }
.clearfix { display: none; }
.lightbluetext8 { display:none; }
.contacttable { display:none; }
.whitetext12 { display:none; }
.interestsanddetails { display:none; }
.userProfiledetail { display:none; }
.friendSpace { display:none; }
.friendsComments { display:none; }
.latestBlogEntry { display:none; }
.orangetext15 { display:none; }
.profileinfo { display:none; }
.userProfileURL { display:none; }
.extendedNetwork { display:none; }
.blurbs { display:none; }
.userAlbums { display:none; }
#footerWarpper{ display:none; }


</style>












Liek to meet --------------------------


</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="500">
<td>
<table cellspacing="0" cellpadding="0" width="500">
<td valign="top" align="center" width="500">


<h3> � Display Name �</h3>
<h6> "Without change there is no innovation, creativity, or incentive for improvement." </h6>

<div style="margin: 5px 0px -5px 0px; border: 5px solid #187762;"><img src="https://i.imgur.com/GpegShT.png" width="490" height="480"></div>

<div style="float: left; width: 146; height: 200px; border-bottom: 15px solid #187762; background-color: #ffffff; color: #e2e0de;  padding: 7px; margin: 10px 9.5px 0px 0px;">

<h4> Past </h4><div style="overflow-x: hidden; overflow-y: scroll; height: 165px; width: 143px; color: #122125; padding: 0px 5px 0px 0px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pellentesque fermentum lacus. Quisque imperdiet nulla sed neque hendrerit, quis pretium dui elementum. Nulla posuere rutrum fermentum. Sed enim ipsum, congue et nunc et, iaculis vulputate turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in ex in neque vehicula varius at et felis. Maecenas ultricies dictum nunc, vitae dapibus dolor luctus nec. In in massa ipsum. In hac habitasse platea dictumst. Vivamus ac dapibus metus. Ut molestie nibh at arcu lobortis accumsan. Nunc eu enim a nibh dictum tristique.
<br><br>
Ut laoreet viverra massa vel porta. Pellentesque odio leo, congue sit amet euismod a, faucibus ac odio. Nunc tincidunt varius urna, ut auctor dolor sodales sit amet. Sed eget tortor in orci egestas faucibus ac eget ante. In hac habitasse platea dictumst. Etiam eleifend rhoncus est, quis bibendum sapien interdum et. Sed interdum urna sed elit rutrum, a dignissim massa elementum. Donec quis turpis iaculis, molestie sapien eget, suscipit elit.
</div></div>


<div style="float: left; width: 146; height: 200px; border-bottom: 15px solid #187762; background-color: #ffffff; color: #e2e0de;  padding: 7px; margin: 10px 9.5px 0px 0px;">

<h4> Present  </h4><div style="overflow-x: hidden; overflow-y: scroll; height: 165px; width: 143px; color: #122125; padding: 0px 5px 0px 0px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pellentesque fermentum lacus. Quisque imperdiet nulla sed neque hendrerit, quis pretium dui elementum. Nulla posuere rutrum fermentum. Sed enim ipsum, congue et nunc et, iaculis vulputate turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in ex in neque vehicula varius at et felis. Maecenas ultricies dictum nunc, vitae dapibus dolor luctus nec. In in massa ipsum. In hac habitasse platea dictumst. Vivamus ac dapibus metus. Ut molestie nibh at arcu lobortis accumsan. Nunc eu enim a nibh dictum tristique.
<br><br>
Ut laoreet viverra massa vel porta. Pellentesque odio leo, congue sit amet euismod a, faucibus ac odio. Nunc tincidunt varius urna, ut auctor dolor sodales sit amet. Sed eget tortor in orci egestas faucibus ac eget ante. In hac habitasse platea dictumst. Etiam eleifend rhoncus est, quis bibendum sapien interdum et. Sed interdum urna sed elit rutrum, a dignissim massa elementum. Donec quis turpis iaculis, molestie sapien eget, suscipit elit.
</div></div>

<div style="float: left; width: 146; height: 200px; border-bottom: 15px solid #187762; background-color: #ffffff; color: #e2e0de;  padding: 7px; margin: 10px 0px 0px 0px;">

<h4> Future  </h4><div style="overflow-x: hidden; overflow-y: scroll; height: 165px; width: 143px; color: #122125; padding: 0px 5px 0px 0px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pellentesque fermentum lacus. Quisque imperdiet nulla sed neque hendrerit, quis pretium dui elementum. Nulla posuere rutrum fermentum. Sed enim ipsum, congue et nunc et, iaculis vulputate turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in ex in neque vehicula varius at et felis. Maecenas ultricies dictum nunc, vitae dapibus dolor luctus nec. In in massa ipsum. In hac habitasse platea dictumst. Vivamus ac dapibus metus. Ut molestie nibh at arcu lobortis accumsan. Nunc eu enim a nibh dictum tristique.
<br><br>
Ut laoreet viverra massa vel porta. Pellentesque odio leo, congue sit amet euismod a, faucibus ac odio. Nunc tincidunt varius urna, ut auctor dolor sodales sit amet. Sed eget tortor in orci egestas faucibus ac eget ante. In hac habitasse platea dictumst. Etiam eleifend rhoncus est, quis bibendum sapien interdum et. Sed interdum urna sed elit rutrum, a dignissim massa elementum. Donec quis turpis iaculis, molestie sapien eget, suscipit elit.
</div></div>






</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="500">
<td>
<table cellspacing="0" cellpadding="0" width="500">
<td valign="top" align="center" width="500">




<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/b9Bu9LI.gif" width="490" height="100"> </div>
<h6> marcel x davina </h6>
<h4> things are getting intense now. </h4>
<div style="float: left; width:200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/t26bTGk.png" width="200" height="100"> </div>




<div style="float: left; width: 260px; height: 90px; border: 5px solid #187762; background-color: #; color: #ffffff;  padding: 0px 7px 10px 7px; margin: 0px 0px 0px 5px;">

<h2>Display Name </h2><div style="overflow-x: hidden; overflow-y: scroll; height: 60px; width: 255px; color: #ffffff; padding: 0px 5px 0px 0px;">
Davina is Marcel's favorite witch. He took her in as family. She is important to him. He saw she was a fighter like himself and saved her life before she could be killed in The Harvest and has been taking care of her and protecting her ever since. Because of this, <big>she is loyal towards him</big>. As shown in The Casket Girls, Marcel loves Davina as a <i>daughter and younger sister</i>. He is afraid that she will never trust him again.

<br><br>
Davina's powers start to go out of control, Marcel is shown that he cares for Davina more than anything and is willing to always put her first. He was against to have her sacrificed and protected her from anyone that would come near her. After she chooses to give up her life, the Harvest fails and he is heartbroken and devastated for the loss of Davina. He continues to mourn her but will stop at nothing to find a way to bring her back. Managing to kill Bastianna, Davina came back to life but she was <big>different.</big> She was scared and lost, so Marcel decided to allow Genevieve to take Davina in her care. While Marcel was <i>banished from the French Quarter,</i> Marcel continued to watch Davina from afar and in a sense, she felt like he was there watching her. They were finally reunited in the season finale and amends were made.
</div></div>



































</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="500">
<td>
<table cellspacing="0" cellpadding="0" width="500">
<td valign="top" align="center" width="500">




<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/eBX3TpN.gif" width="490" height="100"> </div>
<h6> marcel x klaus </h6>
<h4> things are getting intense now. </h4>
<div style="float: left; width:200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/NYADwFU.png" width="200" height="100"> </div>




<div style="float: left; width: 260px; height: 90px; border: 5px solid #187762; background-color: #; color: #ffffff;  padding: 0px 7px 10px 7px; margin: 0px 0px 0px 5px;">

<h2>Display Name </h2><div style="overflow-x: hidden; overflow-y: scroll; height: 60px; width: 255px; color: #ffffff; padding: 0px 5px 0px 0px;">
Marcel met Klaus in the 1800's in New Orleans, after being whipped and beaten on the side of the road, Klaus took him in, named and raised him as his son. They had a strong relationship however Marcel's love for Klaus' sister, Rebekah caused tension to which caused Klaus to give him an ultimatum, vampirism or Rebekah. In returning to New Orleans after a century, Klaus reunites with Marcel who has taken over his previous position as King. Klaus actively worked against Marcel, to retake the city and Marcel eventually gave up his role in order to protect his fellow vampires. After regaining his position, Klaus tells Marcel he wants to rule side by side with him. Their relationship crumbles after Klaus finds out, in the 20th century, it was Marcel and Rebekah who brought Mikael to New Orleans in order to kill him. In the finale, a peace of sorts it settled between them thanks to Marcel saving Klaus' daughter.

By the end of the third season, they have become enemies again, this time for good.
</div></div>








































</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="500">
<td>
<table cellspacing="0" cellpadding="0" width="500">
<td valign="top" align="center" width="500">


<h3> � Love Life �</h3>
<h6> husband x husband</h6>
<h4> things are getting intense now. </h4>
<div style="float: left; width:200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 5px solid #187762;"> <img src="" width="200" height="210"> </div>




<div style="float: left; width: 260px; height: 200px; border: 5px solid #187762; background-color: #; color: #ffffff;  padding: 0px 7px 10px 7px; margin: 0px 0px 0px 5px;">

<h2>Display Name </h2><div style="overflow-x: hidden; overflow-y: scroll; height: 175px; width: 255px; color: #ffffff; padding: 0px 5px 0px 0px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pellentesque fermentum lacus. Quisque imperdiet nulla sed neque hendrerit, quis pretium dui elementum. Nulla posuere rutrum fermentum. Sed enim ipsum, congue et nunc et, iaculis vulputate turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in ex in neque vehicula varius at et felis. Maecenas ultricies dictum nunc, vitae dapibus dolor luctus nec. In in massa ipsum. In hac habitasse platea dictumst. Vivamus ac dapibus metus. Ut molestie nibh at arcu lobortis accumsan. Nunc eu enim a nibh dictum tristique.
<br><br>
Ut laoreet viverra massa vel porta. Pellentesque odio leo, congue sit amet euismod a, faucibus ac odio. Nunc tincidunt varius urna, ut auctor dolor sodales sit amet. Sed eget tortor in orci egestas faucibus ac eget ante. In hac habitasse platea dictumst. Etiam eleifend rhoncus est, quis bibendum sapien interdum et. Sed interdum urna sed elit rutrum, a dignissim massa elementum. Donec quis turpis iaculis, molestie sapien eget, suscipit elit.
</div></div>







interest ------------------------------------------




</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="300">
<td>
<table cellspacing="0" cellpadding="0" width="300">
<td valign="top" align="center" width="300">


<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/iNYIR0U.gif" width="300" height="100"> </div>
<h4> �  Navigation �</h4>
<center><b>♥ aim:</b>scrxxn_namxhxrx
<b>♥ line:</b>scrxxn_namxhxrx </center>


<div style="margin: 0px 0px 25px 0px; width: 310px; height: 20px;">
 <a href="" class="first">home </a>
 <a href="" class="second">gallery </a>
 <a href="" class="first">message </a>
 <a href="" class="second">comment </a>
  <a href="" class="first">bulletins </a>
 <a href="" class="second">blogs </a>
</div>



</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="310">
<td>
<table cellspacing="0" cellpadding="0" width="310">
<td valign="top" align="center" width="310">

</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="310">
<td>
<table cellspacing="0" cellpadding="0" width="310">
<td valign="top" align="center" width="310">

<h2>Owe/Dues & Roleplay </h2>
<h6>stuff</h6>



<div style="float: left; width: 140px; height: 181px; border-bottom: 15px solid #187762; background-color: #ffffff; color: #e2e0de;  padding: 7px; margin: 0px 0px 0px 0px;">

<h4> owes</h4><div style="overflow-x: hidden; overflow-y: scroll; height: 145px; width: 135px; color: #122125;  padding: 0px 5px 0px 0px;">

<br>
<i>00/00</i> - Display Name
<hr>
<i>00/00</i> - Display Name
<hr>
<i>00/00</i> - Display Name
<hr>
<i>00/00</i> - Display Name
<hr>
<i>00/00</i> - Display Name
<hr>
<i>00/00</i> - Display Name
<hr>
<i>00/00</i> - Display Name






</div></div>



<div style="float: left; width: 141px; height: 181px; border-bottom: 15px solid #187762; background-color: #ffffff;  color: #e2e0de;  padding: 7px; margin: 0px 0px 0px 0px;">

<h4> dues </h4><div style="overflow-x: hidden; overflow-y: scroll; height: 145px; width: 135px; color: #122125; padding: 0px 5px 0px 0px;">


<i>00/00</i> - Display Name
<hr>

<i>00/00</i> - Display Name
<hr>

<i>00/00</i> - Display Name
<hr>

<i>00/00</i> - Display Name
<hr>

<i>00/00</i> - Display Name
<hr>

<i>00/00</i> - Display Name
<hr>

</div></div>











</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="310">
<td>
<table cellspacing="0" cellpadding="0" width="310">
<td valign="top" align="center" width="310">

<h2>Basic Information</h2>
<h6>about me</h6>






<div style="float: left; padding: 0px 0px 0px 0px; margin: 0px 5px 0px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/bQTzKzq.png" width="120" height="200"> </div>




<div style="float: left; width: 160px; height: 181px; border-bottom: 15px solid #187762; background-color: #ffffff; color: #e2e0de;  padding: 7px; margin: 0px 0px 0px 0px;">

<h4> name here </h4><div style="overflow-x: hidden; overflow-y: scroll; height: 145px; width: 154px; color: #122125; padding: 0px 5px 0px 0px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pellentesque fermentum lacus. Quisque imperdiet nulla sed neque hendrerit, quis pretium dui elementum. Nulla posuere rutrum fermentum. Sed enim ipsum, congue et nunc et, iaculis vulputate turpis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut in ex in neque vehicula varius at et felis. Maecenas ultricies dictum nunc, vitae dapibus dolor luctus nec. In in massa ipsum. In hac habitasse platea dictumst. Vivamus ac dapibus metus. Ut molestie nibh at arcu lobortis accumsan. Nunc eu enim a nibh dictum tristique.
<br><br>
Ut laoreet viverra massa vel porta. Pellentesque odio leo, congue sit amet euismod a, faucibus ac odio. Nunc tincidunt varius urna, ut auctor dolor sodales sit amet. Sed eget tortor in orci egestas faucibus ac eget ante. In hac habitasse platea dictumst. Etiam eleifend rhoncus est, quis bibendum sapien interdum et. Sed interdum urna sed elit rutrum, a dignissim massa elementum. Donec quis turpis iaculis, molestie sapien eget, suscipit elit.
</div></div>






</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="300">
<td>
<table cellspacing="0" cellpadding="0" width="300">
<td valign="top" align="center" width="300">

<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/AV7daNz.png" width="300" height="100"> </div>

<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/tX8p3Lb.png" width="300" height="100"> </div>

<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/AUQU7Lr.png" width="300" height="100"> </div>








</table>
</td>
</tr>
</table>
<br />
<table cellspacing="0" cellpadding="0" width="300">
<td>
<table cellspacing="0" cellpadding="0" width="300">
<td valign="top" align="center" width="300">

<div style="padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border: 5px solid #187762;"> <img src="https://i.imgur.com/aXffAkS.gif" width="300" height="100"> </div>
<h4> �  Connections �</h4>

<div style="width: 310px; height: 358px; overflow-x: hidden; overflow-y: scroll;">
<div style="margin: 0px 0px 0px 0px; width: 310px; height: 268px;">
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
 <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>
  <a href="" class="third">connection </a>
 <a href="" class="fourth">connection </a>

</div>
</div>