ng2-encrm-components
Version:
66 lines (65 loc) • 3.12 kB
HTML
<div class="container">
<div class="row">
<div class="col-xs-12 col-md-9">
<div class="row m-t-2 m-b-3 component-container">
<div class="col-xs-12 " id="colors-container">
<h1 id="colors">Colors</h1>
<div>
<div style="background: #273240"><span> #273240 inverse</span></div>
<div style="background: #0099ff "><span> #0099ff primary</span></div>
<div style="background: #c7eeff "><span> #c7eeff info</span></div>
<div style="background: #43a147 "><span> #43a147 success</span></div>
<div style="background: #e23b3b "><span> #e23b3b danger</span></div>
<div style="background: #4a4a4a "><span> #4a4a4a gray-dark</span></div>
<div style="background: #d7dbe2 "><span> #d7dbe2 gray</span></div>
<div style="background: #f5f6f9 "><span> #f5f6f9 gray-divght</span></div>
</div>
</div>
</div><!--colors-->
<div class="row m-t-2 component-container">
<div class="col-xs-12">
<h1 id="headlines">Headlines</h1>
<br>
<h1>headline1</h1>
<h2>headline2</h2>
<h3>headline3</h3>
<h4>headline4</h4>
<h5>headline5</h5>
<h6>headline6</h6>
</div>
</div><!--headlines-->
<accordion-preview class="row m-t-2 component-container"></accordion-preview>
<alerts-preview class="row m-t-2 component-container"></alerts-preview>
<avatars-preview class="row m-t-2 component-container"></avatars-preview>
<buttons-preview class="row m-t-2 component-container"></buttons-preview>
<dropdowns-preview class="row m-t-2 component-container"></dropdowns-preview>
<forms-preview class="row m-t-2 component-container"></forms-preview>
<modals-preview class="row m-t-2 component-container"></modals-preview>
<popover-preview class="row m-t-2 component-container"></popover-preview>
<table-preview class="row m-t-2 component-container"></table-preview>
<tabs-preview class="row m-t-2 component-container"></tabs-preview>
<tags-preview class="row m-t-2 component-container"></tags-preview>
<tooltips-preview class="row m-t-2 component-container"></tooltips-preview>
</div>
<div class="col-xs-12 col-md-3">
<div class="components-list">
<ul><a href="#colors">Colors</a></ul>
<ul><a href="#headlines">Headlines</a></ul>
<!--sort-->
<ul><a href="#accordions">Accordions</a></ul>
<ul><a href="#alerts">Alerts</a></ul>
<ul><a href="#avatars">Avatars</a></ul>
<ul><a href="#buttons">Buttons</a></ul>
<ul><a href="#dropdowns">Dropdowns</a></ul>
<ul><a href="#forms">Forms</a></ul>
<ul><a href="#modals">Modals</a></ul>
<ul><a href="#popovers">Popovers</a></ul>
<ul><a href="#table">Table</a></ul>
<ul><a href="#tabs">Tabs</a></ul>
<ul><a href="#tags">Tags</a></ul>
<ul><a href="#tooltips">Tooltips</a></ul>
<ul><a href="#top-nav">back to top</a></ul>
</div>
</div>
</div>
</div>