Skip to content

Instantly share code, notes, and snippets.

@skvggor

skvggor/index.html

Created March 21, 2012 12:01
Show Gist options
  • Save skvggor/2146471 to your computer and use it in GitHub Desktop.
Save skvggor/2146471 to your computer and use it in GitHub Desktop.
Download ZIP
Structure markup (Cesar)
Raw
index.html
<!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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment