<!doctype html> | |
<html lang="pt-br"> | |
<head> | |
<meta charset="UTF-8" /> | |
<link rel="stylesheet" href="css/reset.css" /> | |
<link rel="stylesheet" href="css/text.css" /> | |
<link rel="stylesheet" href="css/960.css" /> | |
<link rel="stylesheet" href="css/custom.css" /> | |
<script src="js/source.js"></script> | |
<title>Javascript: Condições e Loops</title> | |
</head> | |
<body> | |
<div id="header"> | |
<div class="container_12"> | |
<div class="grid_4"> | |
<h1>My website with GRID</h1> | |
</div> | |
<div class="grid_8"> | |
<img src="images/banner-top.jpg" alt="" /> | |
</div> | |
</div> | |
</div> | |
<div class="container_12 content"> | |
<div id="content-col1" class="grid_6"> | |
<h4>Lorem ipsum dolor sit amet</h4> | |
<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> | |
<div id="content-col2" class="grid_6"> | |
<h4>Lorem ipsum dolor</h4> | |
<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. 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> | |
<div id="tabuada" class="grid_3"> | |
<h5>Tabuada</h5> | |
</div> | |
<div class="grid_3"> | |
<h5>Lorem ipsum ala</h5> | |
<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> | |
<div class="grid_3"> | |
<h5>Lorem met aipsdum</h5> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod | |
tempor incididunt ut labore et dolore magna aliqua.</p> | |
</div> | |
<div class="grid_3"> | |
<h5>Lorem aoplsum asdf</h5> | |
<ul> | |
<li><a href="">Link 1</a></li> | |
<li><a href="">Link 2</a></li> | |
<li><a href="">Link 3</a></li> | |
<li><a href="">Link 4</a></li> | |
</ul> | |
</div> | |
</div> | |
<div id="footer"> | |
<div class="container_12"> | |
<div class="grid_12"> | |
<p><b>Este website não possui direitos autorais atualmente - Por MARCKER - 2012</b></p> | |
<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. 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> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment