<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>Misago UI: Kitchen Sink Header Template</title> <!-- Custom styles for this template --> <link href="./misago/css/style.css" rel="stylesheet"> <!-- Just for debugging purposes. Don't actually copy this line! --> <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="navbar navbar-default navbar-static-top" role="navigation"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Misago UI</a> </div> <div class="collapse navbar-collapse"> <div class="navbar-nav-guest navbar-right"> <a href="#" class="btn btn-sign-in navbar-btn">Sign in</a> <a href="#" class="btn btn-register navbar-btn">Register</a> </div> <ul class="nav navbar-nav navbar-nav-primary navbar-right"> <li> <a href="#" class="tooltip-bottom" title="Forum index"> <span class="fa fa-th-list"></span> <span class="item-label">Forum index</span> </a> </li> <li> <a href="#" class="tooltip-bottom" title="Users"> <span class="fa fa-users"></span> <span class="item-label">Users</span> </a> </li> <li> <a href="#" class="tooltip-bottom" title="Search forums"> <span class="fa fa-search"></span> <span class="item-label">Search forums</span> </a> </li> </ul> </div><!--/.nav-collapse --> </div> </div> <div class="page-header"> <div class="container"> <ol class="breadcrumb"> <li><a href="#">Misago</a><span class="fa fa-chevron-right"></span></li> <li><a href="#">Misago Project</a><span class="fa fa-chevron-right"></span></li> <li><a href="#">Project News</a></li> </ol> <h1>Example page header <small>Subtext for header</small></h1> <div class="page-actions"> <a href="#" class="btn btn-primary">Primary</a> <a href="#" class="btn btn-success">Success</a> <a href="#" class="btn btn-warning">Warning</a> <a href="#" class="btn btn-danger">Danger</a> <div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> Action <span class="glyphicon glyphicon-chevron-down"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li class="divider"></li> <li><a href="#">Separated link</a></li> </ul> </div> </div> <ul class="list-inline page-details"> <li><span class="fa fa-tag"></span> Lorem Ipsum<li> <li><a href="#"><span class="fa fa-comment"></span> Dolor</a><li> <li><span class="fa fa-user"></span> Mehssiah<li> </ul> </div> </div> <div class="page-pills"> <div class="container"> <ul class="nav nav-pills"> <li><a href="#">Posts</a></li> <li><a href="#">Threads</a></li> <li class="active"><a href="#">Liked <span class="label label-default">123</span></a></li> <li><a href="#">Likes</a></li> <li><a href="#">Follows <span class="label label-default">123</span></a></li> <li><a href="#">Followers</a></li> <li><a href="#">Warnings</a></li> <li><a href="#">Details</a></li> </ul> </div> </div> <div class="page-tabs"> <div class="container"> <ul class="nav nav-tabs"> <li><a href="#">Posts</a></li> <li><a href="#">Threads</a></li> <li class="active"><a href="#">Liked <span class="label label-default">123</span></a></li> <li><a href="#">Likes</a></li> <li><a href="#">Follows <span class="label label-default">123</span></a></li> <li><a href="#">Followers</a></li> <li><a href="#">Warnings</a></li> <li><a href="#">Details</a></li> </ul> </div> </div> <div class="container"> <h1>Misago UI: Kitchen Sink Page Header & Navs Template</h1> <p>To use buttons or form in <code>.page-header</code>, wrap them in container with <code>.page-actions</code> class.</p> </div><!-- /.container --> <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="./misago/js/jquery.js"></script> <script src="./misago/js/bootstrap.js"></script> <script src="./misago/js/misago.js"></script> </body> </html>