kero
Version:
72 lines (70 loc) • 3.27 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/font-awesome.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/tree.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/grid.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/u.css">
<link rel="stylesheet" type="text/css" href="http://design.yyuap.com/static/uui/latest/css/u-extend.css">
<link rel="stylesheet" type="text/css" href="widget.css">
</head>
<body>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" type="text/css" href="../../../vendor/uui/css/u.css">
<link rel="stylesheet" href="../../../vendor/uui/assets/fonts/font-awesome/css/font-awesome.min.css">
</head>
<body>
<!-- Always shows a header, even in smaller screens. -->
<div class="u-navlayout u-navlayout-fixed-header">
<div class="u-navlayout-header">
<div class="u-navlayout-drawer-button">
<i class="fa fa-bars"></i>
</div>
<div class="u-navlayout-header-row">
<!-- Title -->
<span class="u-navlayout-title">Title</span>
<!-- Add spacer, to align navigation to the right -->
<div class="u-navlayout-spacer"></div>
<!-- Navigation. We hide it in small screens. -->
<div class="u-nav u-navlayout-large-screen-only">
<a class="u-nav-link" href="#link1">Link</a>
<a class="u-nav-link" href="#link2">Link</a>
<a class="u-nav-link" href="#link3">Link</a>
<a class="u-nav-link" href="#link4">Link</a>
</div>
</div>
</div>
<div class="u-navlayout-drawer">
<span class="u-navlayout-title">Title</span>
<div class="u-nav">
<a class="u-nav-link" href="#link5">Link</a>
<a class="u-nav-link" href="#link6">Link</a>
<a class="u-nav-link" href="#link7">Link</a>
<a class="u-nav-link" href="#link8">Link</a>
</div>
</div>
<main class="u-navlayout-content">
<div class="page-content"><!-- Your content goes here --></div>
</main>
</div>
<script src="../../../vendor/uui/js/u-polyfill.js"></script>
<script src="../../../vendor/uui/js/u-ui.js"></script>
</body>
</html>
<script src="http://design.yyuap.com/static/jquery/jquery-1.9.1.min.js"></script>
<script src="http://design.yyuap.com/static/knockout/knockout-3.2.0.debug.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u-polyfill.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u-tree.js"></script>
<script src="http://design.yyuap.com/static/uui/latest/js/u-grid.js"></script>
<script src="http://design.yyuap.com/static/requirejs/require.debug.js"></script>
<script src="widget.js"></script>
</body>
</html>