bdo-theme
Version:
bootstrap 4, cosmo theme, flexbox in action
60 lines (55 loc) • 2.27 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title>Theme Demo</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<nav class="navbar navbar-dark bg-primary navbar-fixed-top">
<a class="navbar-brand" href="#">
<button class="navbar-toggler" type="button">
☰
</button>
NG2 Demo
</a>
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
</nav>
<div id="wrapper">
<aside class="sidebar left sidebar-menu-bg sidebar-xs">
<div class="sidebar-inner">
<ul class="menu">
<li>
<a href=''>Home</a>
</li>
<li class="active">
<a href=''>About</a>
</li>
<li>
<a href=''>Contact</a>
</li>
<li class="sub-menu">
<a href="">
<i class="ti-angle-right menu-arrow"></i> Headers</a>
<ul>
<li><a data-ng-click="mactrl.sidebarStat($event)" data-ui-sref="headers.textual-menu" data-ui-sref-active="active" class="active" href="#/headers/textual-menu">Textual menu</a></li>
<li><a data-ng-click="mactrl.sidebarStat($event)" data-ui-sref="headers.image-logo" data-ui-sref-active="active" href="#/headers/image-logo">Image logo</a></li>
<li><a data-ng-click="mactrl.sidebarStat($event)" data-ui-sref="headers.mainmenu-on-top" data-ui-sref-active="active" href="#/headers/mainmenu-on-top">Mainmenu on top</a></li>
</ul>
</li>
</ul>
</div>
</aside>