Skip to content

Instantly share code, notes, and snippets.

@pedrohills

pedrohills/exemplo.html

Forked from peas/exemplo.html
Last active January 20, 2016 23:15
Show Gist options
  • Save pedrohills/a7e4f514c56b5dcc8dcb to your computer and use it in GitHub Desktop.
Save pedrohills/a7e4f514c56b5dcc8dcb to your computer and use it in GitHub Desktop.
Download ZIP
Página exemplo do livro de design responsivo
Raw
exemplo.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Layout Fixo</title>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<div class="container">
<header class="header">
<h1>
Layout Fixo
</h1>
</header>
<div class="content">
<div class="content-main">
<article class="hero">
<h2>
Título Importante
</h2>
<p class="brief">
Descrição ou resumo de um
conteúdo importante, que precisa ser
mostrado para evidenciar a notoriedade deste
conteúdo. Descrição ou
resumo de um conteúdo importante, que
precisa ser mostrado para evidenciar a
notoriedade deste conteúdo.
</p>
</article>
<div class="last-contents">
<article class="last-content-call">
<h2 class="secondary-title">
Título de Conteúdo
</h2>
<p class="brief">
Resumo ou
descrição deste
conteúdo. Deve ser algo que chame
a atenção!
</p>
<a href="#">Leia mais</a>
</article>
<article class="last-content-call">
<h2 class="secondary-title">
Título de Conteúdo
</h2>
<p class="brief">
Resumo ou
descrição deste
conteúdo. Deve ser algo que chame
a atenção!
</p>
<a href="#">Leia mais</a>
</article>
<article class="last-content-call">
<h2 class="secondary-title">
Título de Conteúdo
</h2>
<p class="brief">
Resumo ou
descrição deste
conteúdo. Deve ser algo que chame
a atenção!
</p>
<a href="#">Leia mais</a>
</article>
<article class="last-content-call">
<h2 class="secondary-title">
Título de Conteúdo
</h2>
<p class="brief">
Resumo ou
descrição deste
conteúdo. Deve ser algo que chame
a atenção!
</p>
<a href="#">Leia mais</a>
</article>
<article class="last-content-call">
<h2 class="secondary-title">
Título de Conteúdo
</h2>
<p class="brief">
Resumo ou
descrição deste
conteúdo. Deve ser algo que chame
a atenção!
</p>
<a href="#">Leia mais</a>
</article>
<article class="last-content-call">
<h2 class="secondary-title">
Título de Conteúdo
</h2>
<p class="brief">
Resumo ou
descrição deste
conteúdo. Deve ser algo que chame
a atenção!
</p>
<a href="#">Leia mais</a>
</article>
</div>
</div>
<aside class="content-sidebar">
<nav class="main-nav">
<ul>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
</ul>
</nav>
</aside>
</div>
<footer class="main-footer">
Copyleft. Nenhum direito reservado, etc e tal.
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment