public
Last active

Structure markup (Cesar)

  • Download Gist
index.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Economica' />
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/styles.css" />
<script src="js/source.js"></script>
<title>Backgrounds</title>
</head>
<body>
<div id="background">
<img src="images/bg1.jpg" alt="" />
</div>
<div id="header"> <!-- Header -->
<div id="nav"> <!-- Navigation -->
<div id="menu">
<ul>
<li><a href="#">Trabalhos</a></li>
<li><a href="#">C & A</a></li>
<li><a href="#">Divulgação</a></li>
<li><a href="#">Contato</a></li>
</ul>
</div>
</div> <!-- end Navigation -->
</div> <!-- end Header -->
 
<div id="container"> <!-- Container -->
 
<div id="home"> <!-- page Home -->
<h1>Criatividade e expressão</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div> <!-- end page Home -->
 
<div id="trabalhos"> <!-- page Trabalhos -->
<h1>Nossos desenvolvimentos</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div> <!-- end page Trabalhos -->
 
<div id="cea"> <!-- page Cea -->
<h1>C & A é aqui mesmo</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div> <!-- end page Cea -->
 
<div id="divulgacao"> <!-- page Divulgacao -->
<h1>Os mais perfeitos fractais</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div> <!-- end page Divulgacao -->
 
<div id="contato"> <!-- page Contato -->
<h1>Entre em contato conosco</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div> <!-- end page Contato -->
 
</div> <!-- end Container -->
 
<div id="footer"> <!-- Footer -->
<p>Todos os direitos reservados &copy; 2012, Marcker</p>
</div> <!-- end Footer -->
</body>
</html>

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.