1 files changed, 45 insertions, 0 deletions
diff --git a/color/preview.html b/color/preview.html
new file mode 100644
index 0000000..c8a5d41
--- /dev/null
+++ b/color/preview.html
@@ -0,0 +1,45 @@
+<div id="preview" class="clearfix grid-16 alpha omega">
+<div id="preview-main" class="grid-10 alpha">
+  <div class="region-content">
+    <article class="node teaser">
+      <h2 class="node-title title"><a href="#">Linked node teaser title</a></h2>
+      <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, <a href="#">quis nostrud exercitation ullamco laboris
+      nisi ut</a> 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>
+      <footer>
+        <nav class="links">
+          <ul class="links inline">
+            <li class="node-readmore first"><a href="#" rel="tag" title="Hi!">Read more<span class="element-invisible"> about Hi!</span></a></li>
+            <li class="comment_forbidden last"><span><a href="#">Log in</a> or <a href="#">register</a> to post comments</span></li>
+          </ul>
+        </nav>
+      </footer>
+    </article>
+  </div>
+</div>
+<div id="preview-sidebar" class="sidebar grid-6 omega">
+  <div class="block last">
+    <div class="inner">
+    <h2 class="block-title">Block title</h2>
+    <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 <a href="#">exercitation ullamco</a> laboris
+      nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
+      reprehenderit.</p>
+    </div>
+  </div>
+</div>
+<div class="item-list grid-10"><ul class="pager"><li class="pager-current first">1</li>
+<li class="pager-item"><a href="/node?page=1" title="Go to page 2" class="active">2</a></li>
+<li class="pager-item"><a href="/node?page=2" title="Go to page 3" class="active">3</a></li>
+<li class="pager-item"><a href="/node?page=3" title="Go to page 4" class="active">4</a></li>
+<li class="pager-item"><a href="/node?page=4" title="Go to page 5" class="active">5</a></li>
+<li class="pager-item"><a href="/node?page=5" title="Go to page 6" class="active">6</a></li>
+<li class="pager-next"><a href="/node?page=1" title="Go to next page" class="active">next ›</a></li>
+<li class="pager-last last"><a href="/node?page=5" title="Go to last page" class="active">last »</a></li>
+</ul></div>
+</div>