pip-webui
Version:
HTML5 UI for LOB applications
40 lines (34 loc) • 1.5 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>Simple Layout</title>
<link rel="stylesheet" href="../../lib/pip-webui-lib.css"/>
<link rel="stylesheet" href="../../lib/pip-webui-css.css"/>
<link rel="stylesheet" href="../../dist/pip-webui-layouts.css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<script src="../../lib/pip-webui-lib.js"></script>
<script src="../../dist/pip-webui-layouts.js"></script>
<script src="index.js"></script>
</head>
<body ng-app="app" ng-controller="AppController" md-theme="{{ $theme || 'blue' }}" class="{{ $theme }} pip-main layout-column">
<pip-main>
<md-toolbar>
<div class="md-toolbar-tools">
<h2><span>Simple Layout</span></h2>
</div>
</md-toolbar>
<pip-main-body>
<pip-simple>
<div class="pip-content">
<div class="bg-yellow" style="height:100px"></div>
<div class="bg-blue" style="height:100px"></div>
<div class="bg-green" style="height:100px"></div>
<div class="bg-red" style="height:100px"></div>
</div>
</pip-simple>
</pip-main-body>
</pip-main>
</body>
</html>