Last active
December 30, 2015 22:39
-
-
Save onestepcreative/7896110 to your computer and use it in GitHub Desktop.
A sample html document to illustrate coding standards.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Document</title> | |
| </head> | |
| <body> | |
| {% comment %} | |
| <!-- We are using an id for our page-container to properly target it with Javascript --> | |
| {% endcomment %} | |
| <div id="page-container"> | |
| <header class="header-main"> | |
| <div class="brand"> | |
| <h1 class="logo"></h1> | |
| <span class="slogan"></span> | |
| <span class="phone"></span> | |
| </div> | |
| </header> | |
| <div class="content-container row"> | |
| <button id="js-trigger" class="button primary"></button> | |
| <aside class="sidebar main small-12 medium-3 large-3 column"> | |
| <div class="widget main"></div> | |
| <div class="widget secondary"></div> | |
| </aside> | |
| <section class="content-main small-12 medium-6 large-6 columns"> | |
| <div class="product-carousel small-12 column"></div> | |
| <div class="product featured small-12 columns"> | |
| <div class="image small-4 column"></div> | |
| <h4 class="name small-4 column"></h4> | |
| <span class="price small-4 column"></span> | |
| </div> | |
| </section> | |
| <aside class="sidebar secondary small-12 medium-3 large-3 column"></aside> | |
| </div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment