Browse Source

Add new header

pull/945/head
Abdullah Almsaeed 9 years ago
parent
commit
bf136b493f
  1. 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">
<!-- Theme style -->
<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 -->
<!-- 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">
<div class="wrapper">
<!-- Navbar -->
<nav class="navbar navbar-static-top main-header navbar-dark bg-light-blue">
<!-- Logo -->
<a class="navbar-brand" href="#"><b>Admin</b>LTE</a>
<!-- Main Header -->
<header class="main-header">
<ul class="nav navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</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 -->
<!-- Logo -->
<a href="index2.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>A</b>LT</span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>Admin</b>LTE</span>
</a>
<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 -->
<aside class="main-sidebar">
@ -128,20 +119,51 @@ desired effect
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Page Header
<small>Optional description</small>
</h1>
<ol class="breadcrumb">
<li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
<li class="active">Here</li>
</ol>
<div class="row">
<div class="col-sm-6">
<h1>
Page Header
<small>Optional description</small>
</h1>
</div>
<!-- /.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>
<!-- Main content -->
<section class="content">
<section class="content container-fluid">
<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>
<!-- Your Page Content Here -->
<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>
<!-- /.content -->

Loading…
Cancel
Save