1 files changed, 53 insertions, 0 deletions
diff --git a/demo/index.html b/demo/index.html
new file mode 100644
index 0000000..f3b4cb4
--- /dev/null
+++ b/demo/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset=UTF-8>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <!-- Componentes generates styles -->
+    <link rel="stylesheet" type="text/css" href="gen/css/style.css">
+	
+	<!-- Html story board styles -->
+    <link rel="stylesheet" type="text/css" href="index.css">
+	
+	<!-- Html story borad fonts -->
+    <!--<link href='//fonts.googleapis.com/css?family=Open Sans Condensed:300' rel='stylesheet'>-->
+    <link href='//fonts.googleapis.com/css?family=Overlock:400' rel='stylesheet'>
+    <link href='//fonts.googleapis.com/css?family=PT Sans Narrow:400' rel='stylesheet'>
+    
+	<!-- Html story borad external libs -->
+	<link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/default.min.css" rel="stylesheet">
+    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/highlight.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+    
+	<!-- Html story borad javascript -->
+	<script src="index.js"></script>
+    
+    <title>SDC-UI Show case</title>
+  </head>
+  <body>
+
+    <header>
+        <div class='logo'>SDC-UI</div>
+        <div class='title'>Show case</div>
+    </header>
+
+    <div id='main-navigation'>
+        <div class='title'>Components</div>    
+        <ul>
+            <li id='colors'>Colors</li>
+            <li id='button'>Buttons</li>
+            <li id='tiles'>Tiles</li>
+            <li id='tiles-generic'>Tiles Generic</li>
+        </ul>
+    </div>
+
+    <div id='main-content'></div>
+
+    <footer>
+        Copywrite 2017. All rights reserved.
+    </footer>    
+
+  </body>
+
+</html>