| <!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> |