Код:
<!--HTML--><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><link href='https://fonts.googleapis.com/css?family=Cabin|Gochi+Hand' rel='stylesheet' type='text/css'><div id="sleeplove18"><h1>Tumblr.<span class="fa fa-home"></span><span class="fa fa-safari"></span><span class="fa fa-envelope-o"></span><span class="fa fa-user"></span><span class="fa fa-pencil"></span></h1><h2> <b>username</b> caption about ur tumblr! </h2><div class="info18"> <h4><span class="fa fa-file-text"></span> <b>posts</b> ###</h4> <h4><span class="fa fa-paperclip"></span> <b>drafts</b> ###</h4> <h4><span class="fa fa-users"></span> <b>followers</b> ###</h4> <h4><span class="fa fa-eye"></span> <b>customise</b> <span class="fa fa-chevron-right"></span></h4><h4><span class="fa fa-bolt"></span> <b>activity</b> <span class="fa fa-area-chart"></span></h4></div> <h2><b>account</b> basic information</h2> <div class="info18"> <h4><span class="fa fa-heart"></span> <b>liked</b> ### posts</h4> <h4><span class="fa fa-plus"></span> <b>find blogs</b> <span class="fa fa-chevron-right"></span></h4> <h4><span class="fa fa-user-plus"></span> <b>following</b> <i>###</i></h4> </div><style type="text/css"> #sleeplove18 { padding: 20px; margin: 20px auto; width: 350px; height: auto; background: #3B6B85; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; font-family: 'Cabin', sans-serif; font-size: 12px } #sleeplove18 h1 { cursor: pointer; font-family: 'Gochi Hand', cursive; letter-spacing: -1px; font-size: 40px; margin: 0px 4px; color: #eee; text-shadow: 1px 2px #333 } #sleeplove18 span { text-shadow: none; margin-left: 19px; font-size: 16px; color: #C2DADA } #sleeplove18 span:nth-child(1) { text-shadow: 1px 1px rgba(81,196,16,0.5); margin-left: 55px; color: #fff } #sleeplove18 span:nth-child(5) { font-size: 16px; background-color: rgba(194,218,218,0.7); padding: 3px 10px; color: #3B6B85 } #sleeplove18 h2 { border-bottom: 1px #aaa solid; padding: 5px; font-weight: normal; color: #DACCC2; margin: 10px; font-size: 8px; text-transform: uppercase; letter-spacing: 4px } #sleeplove18 b {color: #3B6B85; background-color: rgba(81,196,16,0.6); padding: 1px 5px } .info18 { height: 100px } #sleeplove18 h4 { float: left; width: 170px; line-height: 100%; margin: 10px 2px; font-size: 12px; color: #333 } .info18 span { color: rgba(194,218,218,1)!important; font-size: 16px!important; margin: 0px; text-shadow: none!important; line-height: 50% } .info18 span:nth-child(1) { margin-left: 0px!important } .info18 span:nth-child(3) { cursor: pointer; color: #333!important; margin-left: 2px!important; font-size: 12px!important } .info18 b { background: transparent!important; color: #FFE9F1!important; text-transform: capitalize!important } #sleeplove18 a { font-family: 'Gochi Hand', cursive; color: #DACCC2; font-size: 10px; letter-spacing: 1px; text-decoration: none } </style><a href="http://is.gd/shadowplay">agnes @ shadowplay</a></div>