Beachy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<!--


  ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!

    ___  ___   ___   ___  ___    ___ __   __
   / __|/ _ \ |   \ | __|/ __|  | _ )\ \ / /
  | (__| (_) || |) || _| \__ \  | _ \ \ V /
   \___|\___/ |___/ |___||___/  |___/  |_|
   ___   ___   _  _  ___   ___   ___   ___
  | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
  |  _/| (_) || __ ||   /| (_) ||   /| (_) |
  |_|   \___/ |_||_||_|_\ \___/ |_|_\ \___/


  ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪


-->


<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="http://pohroro.com/rss">

<script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>

<style type="text/css">

div#qTip {
    color: #ffffff; /*url font color*/
    text-align: left;
    text-transform: lowercase;
    letter-spacing: 1px;
    font-size: 8px;
    background: #000000; /*url background color*/
    display: none;
    font-style: italic;
    max-width: 350px;
    position: absolute;
    font-family: Arial;
    text-align: justify;
    z-index: 99;
    padding: 4px 5px 3px 5px;
    line-height: 10px;
    margin: -10px 0 0 22px;
    border-radius: 2px;
}

body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Arial;
    background: #F0F0F0; /*body background*/
    font-size: 10px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

a:hover {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

table {
    width: auto;
    height: auto;
    margin-top: 30px;
    margin-left: 30px;
}

td {
    padding: 3px;
    width: 100px;
    vertical-align: top;
}

td img {
    width: 250px;
    height: 375px;
    opacity: 0.7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

td img:hover {
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.name {
    font-weight: bold;
    font-style: italic;
    letter-spacing: -1px;
    font-size: 14px;
    color: #000000; /*name color*/
}

.description {
    letter-spacing: 1px;
    font-size: 10px;
    text-transform: lowercase;
    text-align: left;
    color: #000000; /*description color*/
}

#navigation {
    position: fixed;
    margin-left: 30px;
    margin-bottom: 20px;
    left: 0;
    bottom: 0;
    font-size: 12px;
    font-style: italic;
    letter-spacing: -1px;
}

#navigation a {
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #000000; /*navigation color*/
    padding: 5px;
}

#title {
    position: fixed;
    margin-right: 30px;
    margin-bottom: 30px;
    right: 0;
    bottom: 0;
    font-size: 110px;
    line-height: 70px;
    font-family: Arial Black;
    letter-spacing: -12px;
    text-transform: lowercase;
    text-align: right;
    color: #000000; /*title color*/
}

/* Credits to http://pohroro.tumblr.com */

</style>
</head>
<body>

<table>
<tr>


<td>
<!--member 1 url--><a href="http://url.tumblr.com" title="url here">
<!--member 1 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 2 url--><a href="http://url.tumblr.com" title="url here">
<!--member 2 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 3 url--><a href="http://url.tumblr.com" title="url here">
<!--member 3 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 4 url--><a href="http://url.tumblr.com" title="url here">
<!--member 4 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 5 url--><a href="http://url.tumblr.com" title="url here">
<!--member 5 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 6 url--><a href="http://url.tumblr.com" title="url here">
<!--member 6 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 7 url--><a href="http://url.tumblr.com" title="url here">
<!--member 7 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 8 url--><a href="http://url.tumblr.com" title="url here">
<!--member 8 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 9 url--><a href="http://url.tumblr.com" title="url here">
<!--member 9 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 10 url--><a href="http://url.tumblr.com" title="url here">
<!--member 10 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 11 url--><a href="http://url.tumblr.com" title="url here">
<!--member 11 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

<td>
<!--member 12 url--><a href="http://url.tumblr.com" title="url here">
<!--member 12 image--><img src="http://via.placeholder.com/250x375" />
</a></td>

</tr>

<tr>

<td>
<span class="name">
<!--member 1 name-->Payne Smith</p>
</span>
<span class="description">
<!--member 1 description-->25||Mechanic||College Student</p>
</span>
</td>

<td>
<span class="name">
<!--member 2 name-->name</p>
</span>
<span class="description">
<!--member 2 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 3 name-->name</p>
</span>
<span class="description">
<!--member 3 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 4 name-->name</p>
</span>
<span class="description">
<!--member 4 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 5 name-->name</p>
</span>
<span class="description">
<!--member 5 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 6 name-->name</p>
</span>
<span class="description">
<!--member 6 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 7 name-->name</p>
</span>
<span class="description">
<!--member 7 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 8 name-->name</p>
</span>
<span class="description">
<!--member 8 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 9 name-->name</p>
</span>
<span class="description">
<!--member 9 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 10 name-->name</p>
</span>
<span class="description">
<!--member 10 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 11 name-->name</p>
</span>
<span class="description">
<!--member 11 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Integer a iaculis.</p>
</span>
</td>

<td>
<span class="name">
<!--member 12 name-->name</p>
</span>
<span class="description">
<!--member 12 description-->Lorem ipsum dolor sit amet, consec tetur adipiscing elit.Integer a iaculis.</p>
</span>
</td>

</tr>
</table>

<div id="navigation">

<!--insert quote/subtitle here--> "Ut vitae vehicula quam, ut porttitor tortor. Cras ut sagittis erat."
<br />

<a href="/">Index</a> /
<a href="/ask">Message</a> /
<a href="http://tumblr.com/dashboard">Dashboard</a> /
<a href="http://pohroro.com" title="Codes by Pohroro">Credit</a>
</div>

<div id="title"><!--change your title here-->interlude.</div>
</body>
</html>