Skip to content

Commit 997dc31

Browse files
almasaeed2010almasaeed2010
committed
Starter template using BS4-alpha
1 parent ff7cd0b commit 997dc31

1 file changed

Lines changed: 19 additions & 166 deletions

File tree

‎starter.html‎

Lines changed: 19 additions & 166 deletions
Original file line numberDiff line numberDiff line change
@@ -10,18 +10,11 @@
1010
<title>AdminLTE 2 | Starter</title>
1111
<!-- Tell the browser to be responsive to screen width -->
1212
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
13-
<!-- Bootstrap 3.3.5 -->
14-
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
1513
<!-- Font Awesome -->
1614
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
17-
<!-- Ionicons -->
18-
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
1915
<!-- Theme style -->
20-
<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
21-
<!-- AdminLTE Skins. We have chosen the skin-blue for this starter
22-
page. However, you can choose any other skin. Make sure you
23-
apply the skin class to the body tag so the changes take effect.
24-
-->
16+
<link rel="stylesheet" href="dist/tmp/AdminLTE.min.css">
17+
<!-- AdminLTE Skins. -->
2518
<link rel="stylesheet" href="dist/css/skins/skin-blue.min.css">
2619

2720
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
@@ -65,161 +58,21 @@
6558
<span class="logo-lg"><b>Admin</b>LTE</span>
6659
</a>
6760

68-
<!-- Header Navbar -->
69-
<nav class="navbar navbar-static-top" role="navigation">
70-
<!-- Sidebar toggle button-->
71-
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
72-
<span class="sr-only">Toggle navigation</span>
73-
</a>
74-
<!-- Navbar Right Menu -->
75-
<div class="navbar-custom-menu">
76-
<ul class="nav navbar-nav">
77-
<!-- Messages: style can be found in dropdown.less-->
78-
<li class="dropdown messages-menu">
79-
<!-- Menu toggle button -->
80-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
81-
<i class="fa fa-envelope-o"></i>
82-
<span class="label label-success">4</span>
83-
</a>
84-
<ul class="dropdown-menu">
85-
<li class="header">You have 4 messages</li>
86-
<li>
87-
<!-- inner menu: contains the messages -->
88-
<ul class="menu">
89-
<li><!-- start message -->
90-
<a href="#">
91-
<div class="pull-left">
92-
<!-- User Image -->
93-
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
94-
</div>
95-
<!-- Message title and timestamp -->
96-
<h4>
97-
Support Team
98-
<small><i class="fa fa-clock-o"></i> 5 mins</small>
99-
</h4>
100-
<!-- The message -->
101-
<p>Why not buy a new awesome theme?</p>
102-
</a>
103-
</li>
104-
<!-- end message -->
105-
</ul>
106-
<!-- /.menu -->
107-
</li>
108-
<li class="footer"><a href="#">See All Messages</a></li>
109-
</ul>
110-
</li>
111-
<!-- /.messages-menu -->
112-
113-
<!-- Notifications Menu -->
114-
<li class="dropdown notifications-menu">
115-
<!-- Menu toggle button -->
116-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
117-
<i class="fa fa-bell-o"></i>
118-
<span class="label label-warning">10</span>
119-
</a>
120-
<ul class="dropdown-menu">
121-
<li class="header">You have 10 notifications</li>
122-
<li>
123-
<!-- Inner Menu: contains the notifications -->
124-
<ul class="menu">
125-
<li><!-- start notification -->
126-
<a href="#">
127-
<i class="fa fa-users text-aqua"></i> 5 new members joined today
128-
</a>
129-
</li>
130-
<!-- end notification -->
131-
</ul>
132-
</li>
133-
<li class="footer"><a href="#">View all</a></li>
134-
</ul>
135-
</li>
136-
<!-- Tasks Menu -->
137-
<li class="dropdown tasks-menu">
138-
<!-- Menu Toggle Button -->
139-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
140-
<i class="fa fa-flag-o"></i>
141-
<span class="label label-danger">9</span>
142-
</a>
143-
<ul class="dropdown-menu">
144-
<li class="header">You have 9 tasks</li>
145-
<li>
146-
<!-- Inner menu: contains the tasks -->
147-
<ul class="menu">
148-
<li><!-- Task item -->
149-
<a href="#">
150-
<!-- Task title and progress text -->
151-
<h3>
152-
Design some buttons
153-
<small class="pull-right">20%</small>
154-
</h3>
155-
<!-- The progress bar -->
156-
<div class="progress xs">
157-
<!-- Change the css width attribute to simulate progress -->
158-
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
159-
<span class="sr-only">20% Complete</span>
160-
</div>
161-
</div>
162-
</a>
163-
</li>
164-
<!-- end task item -->
165-
</ul>
166-
</li>
167-
<li class="footer">
168-
<a href="#">View all tasks</a>
169-
</li>
170-
</ul>
171-
</li>
172-
<!-- User Account Menu -->
173-
<li class="dropdown user user-menu">
174-
<!-- Menu Toggle Button -->
175-
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
176-
<!-- The user image in the navbar-->
177-
<img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
178-
<!-- hidden-xs hides the username on small devices so only the image appears. -->
179-
<span class="hidden-xs">Alexander Pierce</span>
180-
</a>
181-
<ul class="dropdown-menu">
182-
<!-- The user image in the menu -->
183-
<li class="user-header">
184-
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
185-
186-
<p>
187-
Alexander Pierce - Web Developer
188-
<small>Member since Nov. 2012</small>
189-
</p>
190-
</li>
191-
<!-- Menu Body -->
192-
<li class="user-body">
193-
<div class="row">
194-
<div class="col-xs-4 text-center">
195-
<a href="#">Followers</a>
196-
</div>
197-
<div class="col-xs-4 text-center">
198-
<a href="#">Sales</a>
199-
</div>
200-
<div class="col-xs-4 text-center">
201-
<a href="#">Friends</a>
202-
</div>
203-
</div>
204-
<!-- /.row -->
205-
</li>
206-
<!-- Menu Footer-->
207-
<li class="user-footer">
208-
<div class="pull-left">
209-
<a href="#" class="btn btn-default btn-flat">Profile</a>
210-
</div>
211-
<div class="pull-right">
212-
<a href="#" class="btn btn-default btn-flat">Sign out</a>
213-
</div>
214-
</li>
215-
</ul>
216-
</li>
217-
<!-- Control Sidebar Toggle Button -->
218-
<li>
219-
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
220-
</li>
221-
</ul>
222-
</div>
61+
<nav class="navbar navbar-light bg-faded">
62+
<ul class="nav navbar-nav">
63+
<li class="nav-item active">
64+
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
65+
</li>
66+
<li class="nav-item">
67+
<a class="nav-link" href="#">Features</a>
68+
</li>
69+
<li class="nav-item">
70+
<a class="nav-link" href="#">Pricing</a>
71+
</li>
72+
<li class="nav-item">
73+
<a class="nav-link" href="#">About</a>
74+
</li>
75+
</ul>
22376
</nav>
22477
</header>
22578
<!-- Left side column. contains the logo and sidebar -->
@@ -385,9 +238,9 @@ <h3 class="control-sidebar-heading">General Settings</h3>
385238
<!-- REQUIRED JS SCRIPTS -->
386239

387240
<!-- jQuery 2.1.4 -->
388-
<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
241+
<script src="bower_components/jquery/dist/jquery.min.js"></script>
389242
<!-- Bootstrap 3.3.5 -->
390-
<script src="bootstrap/js/bootstrap.min.js"></script>
243+
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
391244
<!-- AdminLTE App -->
392245
<script src="dist/js/app.min.js"></script>
393246

0 commit comments

Comments
 (0)