Skip to content

Instantly share code, notes, and snippets.

@renatocarvalho

renatocarvalho/gist:3962409

Created October 27, 2012 00:25
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save renatocarvalho/3962409 to your computer and use it in GitHub Desktop.
Save renatocarvalho/3962409 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<html lang="pt-br" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
<title>
Fakebook - News Feed
</title>
<link href="/images/favicon.png" rel="icon" type="image/png" />
<link href="/images/favicon.ico" rel="shortcut icon" />
<link href="../stylesheets/application.css" media="all" rel="stylesheet" type="text/css" />
</head>
<body class="news-feed news-feed_index">
<div id="header-inner">
<div id="logo">
<a href="/news-feed" title="Fakebook">Fakebook</a>
</div>
<ul>
<li class="item-avatar">
<div class="user-avatar small">
<div class="user-avatar-inner">
<img width="24" height="24" src="../images/user-chuck.jpg" />
</div>
</div>
</li>
<li class="item-username">
<a href="/edit-profile" title="Minha Conta"><b>Chuck Norris</b></a>
</li>
<li class="item-logout">
<a href="/">Sair</a>
</li>
</ul>
</div>
<div id="content">
<div id="content-inner">
<div class="welcome-box">
<a href="/news-feed"></a>
<div class="user-avatar">
<div class="user-avatar-inner">
<img width="40" height="40" src="../images/user-chuck.jpg" />
</div>
</div>
<div class="user-name">
Chuck Norris
</div>
</div>
<div class="box">
<a class="button" href="update-status">Atualizar Status</a>
<div class="box-content">
<div class="list-view ui-comments-list">
<ul>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-chuck.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Chuck Norris</a>
</div>
<div class="user-comment">
<p>
Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra l&#195;&#161; , depois divoltis porris, paradis. Paisis, filhis, espiritis santis.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-rafael.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Rafael Torales</a>
</div>
<div class="user-comment">
<p>
M&#195;&#169; faiz elementum girarzis, nisi eros vermeio, in elementis m&#195;&#169; pra quem &#195;&#169; amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-mclovin.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Mc Lovin</a>
</div>
<div class="user-comment">
<p>
Suco de cevadiss, &#195;&#169; um leite divinis, qui tem lupuliz, matis, aguis e fermentis.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-chuck.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Chuck Norris</a>
</div>
<div class="user-comment">
<p>
Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra l&#195;&#161; , depois divoltis porris, paradis. Paisis, filhis, espiritis santis.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-chuck.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Chuck Norris</a>
</div>
<div class="user-comment">
<p>
M&#195;&#169; faiz elementum girarzis, nisi eros vermeio, in elementis m&#195;&#169; pra quem &#195;&#169; amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim.
</p>
<p>
<img src="../images/wall-chuck-norris.jpeg" />
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-mclovin.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Mc Lovin</a>
</div>
<div class="user-comment">
<p>
Suco de cevadiss, &#195;&#169; um leite divinis, qui tem lupuliz, matis, aguis e fermentis.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-rafael.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Rafael Torales</a>
</div>
<div class="user-comment">
<p>
Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra l&#195;&#161; , depois divoltis porris, paradis. Paisis, filhis, espiritis santis.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-chuck.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Chuck Norris</a>
</div>
<div class="user-comment">
<p>
M&#195;&#169; faiz elementum girarzis, nisi eros vermeio, in elementis m&#195;&#169; pra quem &#195;&#169; amistosis quis leo. Manduma pindureta quium dia nois paga. Sapien in monti palavris qui num significa nadis i pareci latim.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">26</a></span><span class="count-comments"><a href="#">100</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
<li>
<div class="item-image usuario">
<span class="item-image-wrap"><img width="40" height="40" src="../images/user-chuck.jpg" /></span>
</div>
<div class="item-info">
<div class="item-activity">
<div class="user-name">
<a href="/profile">Chuck Norris</a>
</div>
<div class="user-comment">
<p>
Suco de cevadiss, &#195;&#169; um leite divinis, qui tem lupuliz, matis, aguis e fermentis.
</p>
</div>
<div class="item-actions">
<span class="action-like"><a href="#">Curtir</a></span><span class="action-comment"><a href="#">Comentar</a></span><span class="count-likes"><a href="#">2</a></span><span class="count-comments"><a href="#">0</a></span><span class="timestamp">20 de Setembro</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment