Skip to content

Instantly share code, notes, and snippets.

@miguelpeixe

miguelpeixe/example.html

Forked from hundred/example.html
Last active August 29, 2015 14:17
Show Gist options
  • Save miguelpeixe/dcc111e287ce3a634569 to your computer and use it in GitHub Desktop.
Save miguelpeixe/dcc111e287ce3a634569 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
example.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Eu amo corujas</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div id="top-line"></div>
<div id="main">
<div id="logo"><img src="images/logo.png"></div>
<h1>Corujas...</h1>
<h2>Por que eu gosto tanto de corujas?</h2>
<ul class="pictures">
<li><img src="images/img1.jpg"></li>
<li><img src="images/img2.jpg"></li>
<li><img src="images/img3.jpg"></li>
</ul>
<ol>
<li>elas são adoráveis</li>
<li>e amáveis</li>
<li>e fofinhas</li>
</ol>
<div class="bigimg"><img src="images/img4.jpg"></div>
<div class="bigimg"><img src="images/img5.jpg"></div>
<a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Assista este vídeo</a>
<div id="the-quote">
<h4>
<i>&#34;A wise old owl sat on an oak; The more he saw the less he spoke; <br>
The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
</i>
</h4>
<p><small>- cantiga de roda inglesa</small></p>
</div>
<div class="right-box">
<div id="text-block">
<h3>Corujas:</h3>
<p>
O termo <strong>coruja</strong> é a designação comum das aves estrigiformes, <br>
das famílias dos titonídeos e estrigídeos. Na região do Amazonas, <br>
algumas espécies também são chamadas de murutucu. <br>
Tais aves possuem hábitos notívagos e voo silencioso devido à estrutura das penas, <br>
alimentando-se de pequenos mamíferos <br>
(principalmente de roedores e morcegos), insetos e aranhas. <br>
<br>
<a href="http://pt.wikipedia.org/wiki/Coruja">Mais informações sobre corujas...</a>
</p>
</div>
<ul id="links">
<li>
<a href="mailto:social@codebar.io?subject=Eu amo corujas :: Codebar">Contate-nos</a>
</li>
<li>
<a href="mailto:?subject=Eu amo corujas :: Codebar">Envie para um amigo</a>
</li>
<li>
<a href="http://twitter.com/home?status=Eu amo corujas! via @codebar">Compartilhe seu amor por corujas no Twitter!</a>
</li>
</ul>
</div>
<div class="left-box">
<img src="images/img6.jpg">
</div>
</div>
<div id="bottom-line"></div>
</body>
</html>
Raw
style.css
/*place your styles here*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment