1 files changed, 59 insertions, 0 deletions
diff --git a/color/preview.html b/color/preview.html
new file mode 100755
index 0000000..92f6b02
--- /dev/null
+++ b/color/preview.html
@@ -0,0 +1,59 @@
+
+<div class="color-preview">
+
+    <div class="color-preview-top-head">
+        <div class="color-preview-logo"><img src="../../../core/themes/bartik/logo.svg" alt="Site Logo" /></div>
+        <div class="brand">fossee</div>                       
+    </div>
+    
+    <div class="color-preview-main-menu">
+      <ul class="color-preview-main-menu-links">
+        <li><a>Home</a></li>
+        <li><a>menu-item-1</a></li>
+        <li><a>menu-item-2</a></li>
+      </ul>
+    </div>
+
+  <div class="color-preview-main clearfix">
+    <div class="color-preview-sidebar">
+      <div class="color-preview-block preview-block">
+        <h2>Sidebar</h2>
+        <div class="preview-content">
+            <ul>
+                <li><a href="#">List item 1</a></li>
+                <li><a href="#">List item 2</a></li>
+                <li><a href="#">List item 3</a></li>
+                <li><a href="#">List item 4</a></li>
+              </ul>
+        </div>
+      </div>
+    </div>
+    <div class="color-preview-content">
+      <h1 class="color-preview-page-title">Lorem ipsum dolor</h1>
+      <div class="color-preview-node">
+        <div class="preview-content">
+          Sit amet, <a>consectetur adipisicing elit</a>, sed do eiusmod tempor
+          incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+          nostrud <a>exercitation ullamco</a> laboris nisi ut aliquip ex ea
+          commodo consequat. Maecenas id porttitor Ut enim ad minim veniam, quis nostr udfelis.
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="color-preview-footer-wrapper">
+    <div class="color-preview-footer-columns clearfix">
+      <div class="preview-footer-column">
+        <div class="preview-block">
+          <h2>Footer</h2>
+          <div class="content">
+            Maecenas id porttitor Ut enim ad minim veniam, quis nostrudfelis.
+            Laboris nisi ut aliquip ex ea.
+          </div>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+
+</div>