mirror of https://github.com/ColorlibHQ/AdminLTE
Add new header
Abdullah Almsaeed
parent
b045821f37
commit
bf136b493f
100
starter.html
100
starter.html
|
|
@ -14,8 +14,6 @@ scratch. This page gets rid of all links and provides the needed markup only.
|
||||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
|
||||||
<!-- Theme style -->
|
<!-- Theme style -->
|
||||||
<link rel="stylesheet" href="dist/tmp/AdminLTE.min.css">
|
<link rel="stylesheet" href="dist/tmp/AdminLTE.min.css">
|
||||||
<!-- AdminLTE Skins. -->
|
|
||||||
<link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
|
|
||||||
|
|
||||||
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||||||
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
||||||
|
|
@ -46,35 +44,28 @@ desired effect
|
||||||
-->
|
-->
|
||||||
<body class="hold-transition skin-blue sidebar-mini">
|
<body class="hold-transition skin-blue sidebar-mini">
|
||||||
<div class="wrapper">
|
<div class="wrapper">
|
||||||
|
<!-- Navbar -->
|
||||||
<!-- Main Header -->
|
<nav class="navbar navbar-static-top main-header navbar-dark bg-light-blue">
|
||||||
<header class="main-header">
|
|
||||||
|
|
||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<a href="index2.html" class="logo">
|
<a class="navbar-brand" href="#"><b>Admin</b>LTE</a>
|
||||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
|
||||||
<span class="logo-mini"><b>A</b>LT</span>
|
<ul class="nav navbar-nav">
|
||||||
<!-- logo for regular state and mobile devices -->
|
<li class="nav-item active">
|
||||||
<span class="logo-lg"><b>Admin</b>LTE</span>
|
<a class="nav-link" href="#">Home</a>
|
||||||
</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>
|
||||||
|
<!-- /.navbar -->
|
||||||
|
|
||||||
<nav class="navbar navbar-light bg-faded">
|
|
||||||
<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>
|
|
||||||
</header>
|
|
||||||
<!-- Left side column. contains the logo and sidebar -->
|
<!-- Left side column. contains the logo and sidebar -->
|
||||||
<aside class="main-sidebar">
|
<aside class="main-sidebar">
|
||||||
|
|
||||||
|
|
@ -128,20 +119,51 @@ desired effect
|
||||||
<div class="content-wrapper">
|
<div class="content-wrapper">
|
||||||
<!-- Content Header (Page header) -->
|
<!-- Content Header (Page header) -->
|
||||||
<section class="content-header">
|
<section class="content-header">
|
||||||
<h1>
|
<div class="row">
|
||||||
Page Header
|
<div class="col-sm-6">
|
||||||
<small>Optional description</small>
|
<h1>
|
||||||
</h1>
|
Page Header
|
||||||
<ol class="breadcrumb">
|
<small>Optional description</small>
|
||||||
<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
|
</h1>
|
||||||
<li class="active">Here</li>
|
</div>
|
||||||
</ol>
|
<!-- /.col-sm-6 -->
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<ol class="breadcrumb pull-right">
|
||||||
|
<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
|
||||||
|
<li class="active">Here</li>
|
||||||
|
</ol>
|
||||||
|
</div>
|
||||||
|
<!-- /.col-sm-6 -->
|
||||||
|
</div>
|
||||||
|
<!-- /.row -->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Main content -->
|
<!-- Main content -->
|
||||||
<section class="content">
|
<section class="content container-fluid">
|
||||||
|
|
||||||
<!-- Your Page Content Here -->
|
<div class="row">
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<!-- Your Page Content Here -->
|
||||||
|
<div class="box box-default">
|
||||||
|
<div class="box-header with-border">
|
||||||
|
<h3 class="box-title">Title</h3>
|
||||||
|
|
||||||
|
<div class="box-tools pull-right">
|
||||||
|
<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i>
|
||||||
|
</button>
|
||||||
|
<button type="button" class="btn btn-box-tool" data-widget="remove"><i class="fa fa-remove"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /.box-header -->
|
||||||
|
<div class="box-body">
|
||||||
|
</div>
|
||||||
|
<!-- /.box-body -->
|
||||||
|
</div>
|
||||||
|
<!-- /.box -->
|
||||||
|
</div>
|
||||||
|
<!-- /.col-sm-6 -->
|
||||||
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
<!-- /.content -->
|
<!-- /.content -->
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue