Skip to content

Instantly share code, notes, and snippets.

@besimhu

besimhu/Core Semantic Markup.html

Last active April 13, 2016 21:11
Show Gist options
  • Save besimhu/8d15354177d60361abfa to your computer and use it in GitHub Desktop.
Save besimhu/8d15354177d60361abfa to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Core Semantic Markup.html
<body>
<header class="global-header">
<nav>
<ul>
<li><a href="#" title="">Nav Item</a></li>
<li><a href="#" title="">Nav Item</a></li>
<li><a href="#" title="">Nav Item</a></li>
</ul>
</nav>
</header>
<main class="root" role="main">
<article class="landing-home">
<header class="mod-banner">
<h1>Your Typical Banner Headliner</h1>
<p>Usually copy associated with the banner.</p>
</header>
<section class="mod-module-name">
<p>Sample Module</p>
</section>
<section class="mod-module-name">
<p>Sample Module</p>
</section>
<section class="mod-module-name">
<p>Sample Module</p>
</section>
</article>
</main>
<footer class="global-footer">
Your global footer. This includes the sitemap, social media and copyright.
</footer>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment