network page 02

<!doctype html>
<html lang="en">

<!--

THEME BY SPIDERMN

FEEL FREE TO EDIT AS YOU PLEASE, BUT DO NOT STEAL

DO NOT TOUCH THE CREDIT

-->

<html>
<head>

<title>{title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="altertnate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="" />
<meta http-equiv="x-dns-prefetch-control" content="off"/>

<style type="text/css">

html::-webkit-scrollbar {width:4px;height:4px;background:#ffffff;}
html::-webkit-scrollbar-thumb:vertical {background-color:#222222;height:4px;display:block;}
html::-webkit-scrollbar-thumb:horizontal {background-color:#222222;width:2px;display:block;}

body {
margin:0px;
background:#fff;
font-size:10px;
font-family:verdana;
color:#000;
line-height: 100%;
}

a {
color:#000;
text-decoration:none;
}

.h {
margin:0px auto;
margin-top:25px;
background:#FDFDFD;
text-align:center;
text-transform:lowercase;
height:120px;
width:640px;
padding:4px 0px;
}

.ht {
margin:24px 0px 0px 0px;
padding:0px;
line-height:100%;
font-size:48px;
color:#4F4E4E;
font-family: 'Open Sans', sans-serif;
font-weight:700;
letter-spacing:-3px;
}

.ht:first-letter {
color:#FFD1DC;
}

.l {
height:37px;
width:100%;
margin:0px auto 10px;
margin-top:14px;
background:#FDFDFD;
text-align:center;
padding:4px 0px;
position:relative;
}

.l a {
margin:2px;
font-size:9px;
color:#000000;
text-transform:uppercase;
display:inline;
padding:2px 5px;
}

.container {
margin-left:27%;
height:auto;
width:800px;
padding-top:56px;
}

.table {
height:auto;
width:160px;
margin-bottom:40px;
text-align:center;
display:inline-block;
}

.image {
opacity:.5;
height:120px;
width:120px;
border:14px solid #fbfbfb;
padding:0px;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

.image:hover {
opacity:1;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
-ms-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
}

.tbox {
margin-top:5px;
width:130px;
background:#fdfdfd;
overflow:auto;
padding:10px;
}

.t {
text-align:center;
}

.t a {
color:#000000;
font-family:arial;
font-size:10px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
}

.d {
height:42px;
color:#000000;
font-family:arial;
font-size:9px;
text-transform:uppercase;
text-align:left;
padding:5px 0px 4px 0px;
}

.credit a {
color:#000;
font-size:11px;
position:fixed;
bottom:8px;
right:14px;
}

</style>
</head>

<body>

<div class="h">
<div class="ht">title</div>
<div class="l">
<a href="/">home</a> <a href="/ask">ask</a> <a href="/">link 3</a> <a href="/">link 4</a> <a href="http://tumblr.com/dashboard">dashboard</a>
</div>
</div>

<div class="container">

<tr>
<div class="table">
<center><img src="IMAGE URL" class="image">
<div class="tbox">
<div class="t"><a href="/LINK HERE">NAME</a></div>
<div class="d">
DESCRIPTION
</div></div></div>

<tr>
<div class="table">
<center><img src="IMAGE URL" class="image">
<div class="tbox">
<div class="t"><a href="/LINK HERE">NAME</a></div>
<div class="d">
DESCRIPTION
</div></div></div>

<tr>
<div class="table">
<center><img src="IMAGE URL" class="image">
<div class="tbox">
<div class="t"><a href="/LINK HERE">NAME</a></div>
<div class="d">
DESCRIPTION
</div></div></div>

<tr>
<div class="table">
<center><img src="IMAGE URL" class="image">
<div class="tbox">
<div class="t"><a href="/LINK HERE">NAME</a></div>
<div class="d">
DESCRIPTION
</div></div></div>

</div>

<div class="credit"><a href="http://spidermn.tumblr.com">cr.</a></div>

</body>
</html>