grunt-flats
Version:
Grunt task for generating static layouts from templated partials.
40 lines (36 loc) • 883 B
HTML
<html lang="en">
<head>
<title>Flats</title>
</head>
<body>
<h1>Styleguide</h1>
<!-- HTML comments preserved -->
<h2>Components</h2>
<h3>Primary navigation</h3>
<ul class="nav-primary">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
<h3>Module Promo</h3>
<div class="module-promo">
<img src="/images/new-promo-image.jpg" alt="Placeholder" />
<h2>New Module Title</h2>
<a href="/">Module link</a>
</div>
<h2>Patterns</h2>
<h3>Header</h3>
<header>
<img src="/images/logo.png" alt="Logo" />
<ul class="nav-primary">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
</ul>
</header>
<h3>Footer</h3>
<footer>
<p>© Super Mega Global Corporation Inc.</p>
</footer></body>
</html>