sui-components-button
Version:
128 lines (109 loc) • 5.96 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>SUI Framework Styleguides</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="public/kss.css">
<link rel="stylesheet" href="public/styleguide.css">
<link rel="stylesheet" href="public/styles.css">
</head>
<body id="kss-node">
<nav class="sg-menu">
<div class="sg-logo">
<a href="./index.html" id="logo">
<img src="public/media/sui-framework.jpg" alt="SUI Framework">
</a>
</div>
<ul>
<li>
<ul>
<li><a href="./index.html" id="home">Introduction</a></li>
</ul>
</li>
<li>
<ul id="sg-menu">
<li>
<a href="section-button-1.html#sui-Button-1.1" class="js-itemMenu">
Button
</a>
<ul class="sg-submenu">
<li>
<a href="section-button-1-1.html#sui-Button-1.1" class="js-itemMenu " data-link="true">Button Primary</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-2.html#sui-Button-1.2" class="js-itemMenu " data-link="true">Button Secondary</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-3.html#sui-Button-1.3" class="js-itemMenu " data-link="true">Button Small</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-4.html#sui-Button-1.4" class="js-itemMenu " data-link="true">Button Large</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-5.html#sui-Button-1.5" class="js-itemMenu " data-link="true">Button-group</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-6.html#sui-Button-1.6" class="js-itemMenu " data-link="true">Button-group active</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-7.html#sui-Button-1.7" class="js-itemMenu " data-link="true">Button-group disabled</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-8.html#sui-Button-1.8" class="js-itemMenu " data-link="true">Button group justified</a>
<ul class="sg-second-submenu">
</ul>
</li>
<li>
<a href="section-button-1-9.html#sui-Button-1.9" class="js-itemMenu " data-link="true">Button group centered</a>
<ul class="sg-second-submenu">
</ul>
</li>
</ul>
</li>
<!-- <li><a href="#">Pages</a></li>
<li><a href="#">Templates</a></li> -->
</ul>
</li>
</ul>
</nav>
<div class="sg-overlay"></div>
<header class="sg-header">
<a id="burgerMenu" class="sg-icon-menu">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><g fill="#f5f5f5"><path d="M0 17v-3.2s0-.1.1-.1h63.8s.1 0 .1.1V17s0 .1-.1.1L0 17zM0 33.5v-3.2s0-.1.1-.1h63.8s.1 0 .1.1v3.2s0 .1-.1.1L0 33.5c0 .1 0 .1 0 0zM0 50.2V47s0-.1.1-.1h63.8s.1 0 .1.1v3.2s0 .1-.1.1L0 50.2c0 .1 0 .1 0 0z"/></g></svg>
</a>
<h1>Components</h1>
</header>
<section class="sg-content">
<div class="home-intro">
<div class="intro-content">
<p class="inner">SUI Framework Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat alias optio nulla, ipsa maxime aut doloremque repudiandae reprehenderit commodi sed libero necessitatibus tempora cupiditate veritatis rerum vitae esse perferendis saepe.</p>
</div>
</div>
</section>
<section class="sg-content sg-footer">
©SUI Framework
</section>
<script src="public/jquery-2.1.0.min.js"></script>
<script src="public/kss.js"></script>
<script src="public/prettify.js"></script>
<script src="public/plugins.js"></script>
<script src="public/main.js"></script>
</body>
</html>