bdo-theme
Version:
bootstrap 4, cosmo theme, flexbox in action
109 lines (95 loc) • 3.86 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>
<div class="editor-page">
<div class="container page">
<div class="row">
<div class="col-md-10 offset-md-1 col-xs-12">
<form>
<fieldset class="form-group">
<input class="form-control form-control-lg" type="text" placeholder="Post Title">
</fieldset>
<fieldset class="form-group">
<textarea class="form-control" rows="8" placeholder="Write your post (in markdown)"></textarea>
</fieldset>
<fieldset class="form-group">
<input class="form-control" type="text" placeholder="Enter tags">
<div class="tag-list">
<span class="tag-default tag-pill"><i class="ion-close-round"></i> programming</span>
<span class="tag-default tag-pill"><i class="ion-close-round"></i> javascript</span>
<span class="tag-default tag-pill"><i class="ion-close-round"></i> webdev</span>
</div>
</fieldset>
<button class="btn btn-lg btn-primary pull-xs-right">
Create Post
</button>
</form>
</div>
</div>
</div>
</div>
<footer>
<div class="container">
<a href="/" class="logo-font">conduit</a>
<span class="attribution">
An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code & design licensed under MIT.
</span>
</div>
</footer>
<script src="vendor/jquery-2.2.3.min.js"></script>
<script src="vendor/bootstrap.js"></script>
<script src="js/main.js"></script>
</body>
</html>