imagineui / src /data /csszengardenhtml.html
Technologic101's picture
build: reorganize analysis data
f34ad7d
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CSS Zen Garden</title>
<link rel="stylesheet" media="screen" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="page-wrapper">
<section class="intro">
<header role="banner">
<h1>CSS Zen Garden</h1>
<h2>The Beauty of <abbr title="Cascading Style Sheets">CSS</abbr> Design</h2>
</header>
<div class="summary" role="article">
<p>A demonstration of what can be accomplished through <abbr title="Cascading Style Sheets">CSS</abbr>-based design.</p>
</div>
<div class="preamble" role="article">
<h3>The Road to Enlightenment</h3>
<p>Lorem ipsum about web design and CSS...</p>
</div>
</section>
<div class="main">
<div class="explanation" role="article">
<h3>So What is This About?</h3>
<p>Lorem ipsum about the project...</p>
</div>
<div class="participation" role="article">
<h3>Participation</h3>
<p>Lorem ipsum about contributing...</p>
</div>
<div class="benefits" role="article">
<h3>Benefits</h3>
<p>Lorem ipsum about why participate...</p>
</div>
<div class="requirements" role="article">
<h3>Requirements</h3>
<p>Lorem ipsum about technical requirements...</p>
</div>
</div>
<aside class="sidebar" role="complementary">
<div class="wrapper">
<div class="design-selection" role="navigation">
<h3 class="select">Select a Design:</h3>
<nav role="navigation">
<ul>
<li><a href="#">Design Name</a></li>
</ul>
</nav>
</div>
<div class="design-archives" role="navigation">
<h3 class="archives">Archives:</h3>
<nav role="navigation">
<ul>
<li><a href="#">Previous Designs</a></li>
</ul>
</nav>
</div>
</div>
</aside>
</div>
</body>
</html>