Custom Order - Gods Country - Members Page

<!--about me-->
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
<style type="text/css">
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');


body {
background-color:#232426;
background-repeat:no-repeat;
background-attachment:fixed;
margin: 0;
overflow:auto;
background-image:url('https://i.imgur.com/wVXhvnM.jpg');
background-size:cover;
}

table, tr, td, li, p, div, .profileInfo td.text {
    font-size: 12px;
    color: #000;
    font-family: 'Playfair Display';}


.container {
width:705px;
height:500px;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
overflow:hidden;
margin:auto;
color:#fff;
background-color:#e0e6e6;
font-family: 'Abel', sans-serif;
}


a.sideNavigation:link, a.sideNavigation:visited {
    background-color: #a59c71;
    color: white;
    padding: 28px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 100px;
    font-family: Playfair Display;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 0px;
}

a.sideNavigation:hover, a.sideNavigation:active {
  color: #e0e6e6;
}






a.memberLinks:link, a.memberLinks:visited {
    background-color: #a59c71;
    color: white;
    padding: 30px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 74px;
    font-family: Playfair Display;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 17px;
    margin-top: 0px;
    text-shadow: 2px 2px #000;
    margin-bottom:5px;
}

a.memberLinks:hover, a.memberLinks:active {
  color: #e0e6e6;
}






a.affiliatesLink:link, a.affiliatesLink:visited {
    background-color: #a59c71;
    color: white;
    padding: 34px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 78px;
    font-family: Playfair Display;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 0px;
}

a.affiliatesLink:hover, a.affiliatesLink:active {
  color: #e0e6e6;
}


a.iconLinks:link, a.iconLinks:visited {
    background-color: #a59c71;
    color: white;
    padding: 20px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    width: 52px;
    font-family: Playfair Display;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 10px;
    margin-top: 2px;
}

a.iconLinks:hover, a.iconLinks:active {
  color: #e0e6e6;
}

a.iconLinks span{
    font-size: 24px;
    margin-bottom: 7px;
}



.linksContainer{
width:150px;
height:500px;
background:#a59c71;
display:inline-block;
vertical-align:top;
}

.rightContainer{
width:550px;
height:497px;
display:inline-block;
vertical-align:top;
margin-top:3px;
}

.storylineSection{
    width: 357px;
    height: 197px;
    color: #000;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    overflow: auto;
    text-align: justify;
    font-family: 'Playfair Display';
    font-size: 12px;
    display:inline-block;
    vertical-align:top;
}

.popupContainer{
    height: 191px;
    width: 180px;
    display: inline-block;
    vertical-align: top;
    margin-top:8px;
}

h1{
    margin: 0;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    font-weight: 100;
    font-size: 40px;
    text-align: center;
    margin-top: -5px;
    color: #a59c71;
}

h2{
    margin: 0;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    font-weight: 100;
    font-size: 18px;
    text-align: center;
    /* margin-top: -5px; */
    background: #a59c71;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

b{
background:#a59c71;
color:#fff;
padding:5px;
line-height:35px;
}


::-webkit-scrollbar-thumb:vertical {height:12px; background:#e0e6e6; border-top:10px solid #a59c71; border-bottom:10px solid #a59c71;}
::-webkit-scrollbar-thumb:horizontal {background-color:#e0e6e6;}
::-webkit-scrollbar {width:5px; height:7px;}


.contacttable, .whitetext12, .nametext, .lightbluetext8, .orangetext15, .blacktext12, .btext, .redtext, .redbtext {display:none;height:0px;!important;visibility:hidden} td td td td {border:0px;width:0px;text-align:left;} table, td, tr {padding:0px;width:;background-color:transparent} table table table {padding:1px;height:.01%;width:100%;} table table,table table table table,table,tr,td {height:0px;!important;border:0px;!important} a.text, table div font a, .navbar font, tr td font {visibility:hidden;display:none;height:0px;!important;} #footerWarpper{display: none;} table table table table,table table table table td.text, td.text td.text table{display:none;} td.text table table{display:inline;visibility:visible;} table td table tr td.text table{visibility:hidden;} table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;} table.footer {display: none;} div table a.navbar img {display:none;} div table.navigationBar {margin-bottom:-30px;} .profileInfo {display:none;} .profileInfo td {text-align:left;} .profileInfo a img {position:relative; margin-bottom:-1px; margin-bottom:-2px; width:125px; margin-right:-6px; margin-top:4px; _margin-top:3px; display:block;} .profileInfo td td, .nametext, .msOnlineNow img {display:none;} .profileInfo td td.text {display:table-cell; _display:inline;} .profileInfo .text {font-size:7px; line-height:8px; text-transform:uppercase; font-family:small fonts;} .msOnlineNow {font-family:small fonts; letter-spacing:0px; font-size:7px; line-height:8px; padding:2px; padding-left:0px; text-transform:uppercase; font-weight:normal; display:none; text-decoration:blink; letter-spacing:2px;} .userAlbums {display:none;} div td {display:none;} </span>
</style>







<!--like to meet-->
<html>
<body>
<div class="container">
<div class="linksContainer">
<a href="/home.php" class="sideNavigation">home</a>
<a href="/send_message.php?member_id=" class="sideNavigation">message</a>
<a href="/" class="sideNavigation">Main Page</a>
<a href="/" class="sideNavigation">tumblr</a>
<a href="/" class="sideNavigation">Point System</a>
<a href="/" class="sideNavigation">writing days</a>
<a href="/" class="sideNavigation">weekly tasks</a>
</div>
<div class="rightContainer">
<h1>Members Only Page</h1>
<div style="width: 233px; height: 160px; color: #000; display: inline-block; vertical-align: top; text-align: justify; padding-left: 20px; padding-right: 20px; margin-top: 20px; margin-bottom: 20px; overflow: auto;"><h2>Group Information</h2>
Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here. Info for the group will go here.
</div>
<div style="width: 233px; height: 160px; color: #000; display: inline-block; vertical-align: top; text-align: justify; padding-left: 20px; padding-right: 20px; margin-top: 20px; margin-bottom: 20px; overflow: auto;">
<h2>Member of the Month</h2>
<b>Name</b> here <br>
<b>Month</b> here <br>
<b>Comments</b> comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here. comments for motm will go here.
</div>
<div style="width: 549px; height: 237px; background: #e0e6e6; overflow: auto; margin-top: 5px;">
<h1>Our Current Members</h1>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
<a href="/" class="memberLinks" style="background-image:url('https://i.imgur.com/W1peXHX.png');">Member Name</a>
</div>
</div>
</div>

</body>
</html>