| <!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