pip-webui
Version:
HTML5 UI for LOB applications
58 lines (47 loc) • 2.23 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>Single Document 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>Single Document Layout</span></h2>
</div>
</md-toolbar>
<pip-main-body>
<div class="pip-document-container">
<md-toolbar class="pip-appbar-ext">
</md-toolbar>
<pip-document width="600" xheight="600">
<div class="pip-header">
<h3>This is a Header</h3>
</div>
<div class="pip-body">
<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>
</div>
<div class="pip-footer">
<md-button>Cancel</md-button>
<md-button class="md-accent">Ok</md-button>
</div>
</pip-document>
</div>
</pip-main-body>
</pip-main>
</body>
</html>