pip-webui
Version:
HTML5 UI for LOB applications
116 lines (103 loc) • 5.49 kB
HTML
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>WebUI Framework. PipDevs Team</title>
<link rel="stylesheet" href="../lib/pip-webui-lib.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<link rel="stylesheet" href="styles.css"/>
<style>
.pip-title > h1 {
margin-top: 20px;
margin-bottom: 5px;
}
.pip-title > div {
margin-bottom: 30px;
}
.pip-section > h2 {
margin-bottom: 5px;
}
</style>
<script src="../lib/pip-webui-lib.js"></script>
<script>
app = angular.module('app', ['ngMaterial']);
</script>
</head>
<body ng-app="app" class="layout-column layout-align-start-center">
<section>
<div class="pip-title">
<h1>WebUI Framework. PipDevs Team</h1>
<div>(c) Digital Living Software Corp.</div>
</div>
<div class="layout-row">
<div>
<section class="pip-section">
<h2>Material Controls</h2>
<ul>
<li><a href="material/index.html#/colors">Colors</a></li>
<li><a href="material/index.html#/card">Card</a></li>
<li><a href="material/index.html#/input">Input</a></li>
<li><a href="material/index.html#/button">Button</a></li>
<li><a href="material/index.html#/checkbox">Checkbox</a></li>
<li><a href="material/index.html#/radio_button">Radio Button</a></li>
<li><a href="material/index.html#/chips">Chips</a></li>
<li><a href="material/index.html#/progress">Progress</a></li>
<li><a href="material/index.html#/toolbar">Toolbar</a></li>
<li><a href="material/index.html#/divider">Divider</a></li>
<li><a href="material/index.html#/bottom_sheet">Bottom Sheet</a></li>
<li><a href="material/index.html#/datepicker">Date Picker</a></li>
<li><a href="material/index.html#/select">Select</a></li>
<li><a href="material/index.html#/list">List</a></li>
</ul>
</section>
<section class="pip-section">
<h2>Landing</h2>
<ul>
<li><a href="landing_components/index.html#/callAction">Landing components</a></li>
</ul>
</section>
</div>
<div style="width: 24px"></div>
<div>
<section class="pip-section">
<h2>CSS Styles</h2>
<ul>
<li><a href="css_styles/index.html#/fonts">Fonts</a></li>
<li><a href="css_styles/index.html#/alignment">Alignment</a></li>
<li><a href="css_styles/index.html#/colors">Colors</a></li>
<li><a href="css_styles/index.html#/themes">Themes</a></li>
<li><a href="css_styles/index.html#/sizes">Sizes</a></li>
<li><a href="css_styles/index.html#/icons">Icons</a></li>
<li><a href="css_styles/index.html#/responsive">Responsive</a></li>
</ul>
</section>
<section class="pip-section">
<h2>CSS Components</h2>
<ul>
<li><a href="css_components/index.html#/ref_item">Reference Item</a></li>
<li><a href="css_components/index.html#/ref_toolbar">Reference Toolbar</a></li>
<li><a href="css_components/index.html#/ref_title">Reference Title</a></li>
<li><a href="css_components/index.html#/ref_expander">Reference Expander</a></li>
<li><a href="css_components/index.html#/details_title">Details Title</a></li>
<li><a href="css_components/index.html#/action_list">Action List</a></li>
<li><a href="css_components/index.html#/drilldown_list">Drilldown List</a></li>
<li><a href="css_components/index.html#/list">List</a></li>
<li><a href="css_components/index.html#/table">Table</a></li>
<li><a href="css_components/index.html#/chips">Chips</a></li>
</ul>
</section>
</div>
</div>
<section class="pip-section">
<h2>References</h2>
<ul>
<li><a href="https://material.angularjs.org/latest/#/">Angular Material Intro</a></li>
<li><a href="https://github.com/angular/material">Angular Material GitHub</a></li>
<li><a href="https://www.google.com/design/spec/material-design/introduction.html">Material Design Guidelines</a></li>
<li><a href="http://design.google.com">Google Design References</a></li>
</ul>
</section>
</section>
</body>
</html>