maxmustermann/AdminLTE
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

HTML5 Documentation

Browse source
This commit is contained in:
Dennis Neufeld 2015-08-04 18:33:36 +02:00
parent 9837243bc9
commit d20b62ca81
5 changed files with 61 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
documentation/build/include/components.html
View file

@ -50,7 +50,7 @@
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
@ -119,13 +119,13 @@
<!-- User Account: style can be found in dropdown.less --> <!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu"> <li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
<span class="hidden-xs">Alexander Pierce</span> <span class="hidden-xs">Alexander Pierce</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<!-- User image --> <!-- User image -->
<li class="user-header"> <li class="user-header">
<img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> <img src="../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
<p> <p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
<small>Member since Nov. 2012</small> <small>Member since Nov. 2012</small>
@ -184,7 +184,7 @@
&LT;li>&LT;!-- start message --> &LT;li>&LT;!-- start message -->
&LT;a href="#"> &LT;a href="#">
&LT;div class="pull-left"> &LT;div class="pull-left">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
&LT;/div> &LT;/div>
&LT;h4> &LT;h4>
Sender Name Sender Name
@ -256,13 +256,13 @@
&LT;!-- User Account: style can be found in dropdown.less --> &LT;!-- User Account: style can be found in dropdown.less -->
&LT;li class="dropdown user user-menu"> &LT;li class="dropdown user user-menu">
&LT;a href="#" class="dropdown-toggle" data-toggle="dropdown"> &LT;a href="#" class="dropdown-toggle" data-toggle="dropdown">
&LT;img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image" /> &LT;img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
&LT;span class="hidden-xs">Alexander Pierce&LT;/span> &LT;span class="hidden-xs">Alexander Pierce&LT;/span>
&LT;/a> &LT;/a>
&LT;ul class="dropdown-menu"> &LT;ul class="dropdown-menu">
&LT;!-- User image --> &LT;!-- User image -->
&LT;li class="user-header"> &LT;li class="user-header">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
&LT;p> &LT;p>
Alexander Pierce - Web Developer Alexander Pierce - Web Developer
&LT;small>Member since Nov. 2012&LT;/small> &LT;small>Member since Nov. 2012&LT;/small>
@ -421,7 +421,7 @@
&LT;!-- user panel (Optional) --> &LT;!-- user panel (Optional) -->
&LT;div class="user-panel"> &LT;div class="user-panel">
&LT;div class="pull-left image"> &LT;div class="pull-left image">
&LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image" /> &LT;img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
&LT;/div> &LT;/div>
&LT;div class="pull-left info"> &LT;div class="pull-left info">
&LT;p>User Name&LT;/p> &LT;p>User Name&LT;/p>
@ -433,7 +433,7 @@
&LT;!-- Search Form (Optional) --> &LT;!-- Search Form (Optional) -->
&LT;form action="#" method="get" class="sidebar-form"> &LT;form action="#" method="get" class="sidebar-form">
&LT;div class="input-group"> &LT;div class="input-group">
&LT;input type="text" name="q" class="form-control" placeholder="Search..." /> &LT;input type="text" name="q" class="form-control" placeholder="Search...">
&LT;span class="input-group-btn"> &LT;span class="input-group-btn">
&LT;button type="submit" name="search" id="search-btn" class="btn btn-flat">&LT;i class="fa fa-search">&LT;/i>&LT;/button> &LT;button type="submit" name="search" id="search-btn" class="btn btn-flat">&LT;i class="fa fa-search">&LT;/i>&LT;/button>
&LT;/span> &LT;/span>
@ -488,7 +488,7 @@
automatically act as the toggle button.</p> automatically act as the toggle button.</p>
<p class="lead">Toggle Button Example</p> <p class="lead">Toggle Button Example</p>
<button class="btn btn-primary" data-toggle="control-sidebar">Toggle Right Sidebar</button><br /><br /> <button class="btn btn-primary" data-toggle="control-sidebar">Toggle Right Sidebar</button><br><br>
<p class="lead">Sidebar Toggle Markup</p> <p class="lead">Sidebar Toggle Markup</p>
<pre class="prettyprint"><code class="lang-html">&LT;button class="btn btn-default" data-toggle="control-sidebar">Toggle Right Sidebar&LT;/button></code></pre> <pre class="prettyprint"><code class="lang-html">&LT;button class="btn btn-default" data-toggle="control-sidebar">Toggle Right Sidebar&LT;/button></code></pre>
@ -899,7 +899,7 @@
&LT;/div>&LT;!-- /.box --></pre> &LT;/div>&LT;!-- /.box --></pre>
</div> </div>
</div><!-- /.row --> </div><!-- /.row -->
<p>We can also add labels, badges, pagination, tooltips, inputs and many more in the box tools. A few examples:</p> <p>We can also add labels, badges, pagination, tooltips, inputs and many more in the box tools. A few examples:</p>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-md-4">
<div class="box box-default"> <div class="box box-default">
@ -932,7 +932,7 @@
<h3 class="box-title">Input</h3> <h3 class="box-title">Input</h3>
<div class="box-tools pull-right"> <div class="box-tools pull-right">
<div class="has-feedback"> <div class="has-feedback">
<input type="text" class="form-control input-sm" placeholder="Search..." /> <input type="text" class="form-control input-sm" placeholder="Search...">
<span class="glyphicon glyphicon-search form-control-feedback text-muted"></span> <span class="glyphicon glyphicon-search form-control-feedback text-muted"></span>
</div> </div>
</div><!-- /.box-tools --> </div><!-- /.box-tools -->
@ -947,7 +947,7 @@
&LT;h3 class="box-title">Input&LT;/h3> &LT;h3 class="box-title">Input&LT;/h3>
&LT;div class="box-tools pull-right"> &LT;div class="box-tools pull-right">
&LT;div class="has-feedback"> &LT;div class="has-feedback">
&LT;input type="text" class="form-control input-sm" placeholder="Search..." /> &LT;input type="text" class="form-control input-sm" placeholder="Search...">
&LT;span class="glyphicon glyphicon-search form-control-feedback">&LT;/span> &LT;span class="glyphicon glyphicon-search form-control-feedback">&LT;/span>
&LT;/div> &LT;/div>
&LT;/div>&LT;!-- /.box-tools --> &LT;/div>&LT;!-- /.box-tools -->
@ -1060,7 +1060,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1072,7 +1072,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1084,7 +1084,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1100,7 +1100,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -1131,7 +1131,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1143,7 +1143,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1155,7 +1155,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1171,7 +1171,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-success btn-flat">Send</button> <button type="button" class="btn btn-success btn-flat">Send</button>
</span> </span>
@ -1202,7 +1202,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1214,7 +1214,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1226,7 +1226,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1242,7 +1242,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-warning btn-flat">Send</button> <button type="button" class="btn btn-warning btn-flat">Send</button>
</span> </span>
@ -1273,7 +1273,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1285,7 +1285,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1297,7 +1297,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1313,7 +1313,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-danger btn-flat">Send</button> <button type="button" class="btn btn-danger btn-flat">Send</button>
</span> </span>
@ -1348,7 +1348,7 @@
&LT;span class="direct-chat-name pull-left">Alexander Pierce&LT;/span> &LT;span class="direct-chat-name pull-left">Alexander Pierce&LT;/span>
&LT;span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm&LT;/span> &LT;span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm&LT;/span>
&LT;/div>&LT;!-- /.direct-chat-info --> &LT;/div>&LT;!-- /.direct-chat-info -->
&LT;img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img --> &LT;img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image">&LT;!-- /.direct-chat-img -->
&LT;div class="direct-chat-text"> &LT;div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
&LT;/div>&LT;!-- /.direct-chat-text --> &LT;/div>&LT;!-- /.direct-chat-text -->
@ -1360,7 +1360,7 @@
&LT;span class="direct-chat-name pull-right">Sarah Bullock&LT;/span> &LT;span class="direct-chat-name pull-right">Sarah Bullock&LT;/span>
&LT;span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm&LT;/span> &LT;span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm&LT;/span>
&LT;/div>&LT;!-- /.direct-chat-info --> &LT;/div>&LT;!-- /.direct-chat-info -->
&LT;img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" />&LT;!-- /.direct-chat-img --> &LT;img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image">&LT;!-- /.direct-chat-img -->
&LT;div class="direct-chat-text"> &LT;div class="direct-chat-text">
You better believe it! You better believe it!
&LT;/div>&LT;!-- /.direct-chat-text --> &LT;/div>&LT;!-- /.direct-chat-text -->
@ -1372,7 +1372,7 @@
&LT;ul class="contacts-list"> &LT;ul class="contacts-list">
&LT;li> &LT;li>
&LT;a href="#"> &LT;a href="#">
&LT;img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> &LT;img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
&LT;div class="contacts-list-info"> &LT;div class="contacts-list-info">
&LT;span class="contacts-list-name"> &LT;span class="contacts-list-name">
Count Dracula Count Dracula
@ -1387,7 +1387,7 @@
&LT;/div>&LT;!-- /.box-body --> &LT;/div>&LT;!-- /.box-body -->
&LT;div class="box-footer"> &LT;div class="box-footer">
&LT;div class="input-group"> &LT;div class="input-group">
&LT;input type="text" name="message" placeholder="Type Message ..." class="form-control" /> &LT;input type="text" name="message" placeholder="Type Message ..." class="form-control">
&LT;span class="input-group-btn"> &LT;span class="input-group-btn">
&LT;button type="button" class="btn btn-danger btn-flat">Send&LT;/button> &LT;button type="button" class="btn btn-danger btn-flat">Send&LT;/button>
&LT;/span> &LT;/span>
@ -1421,7 +1421,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1433,7 +1433,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1445,7 +1445,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1461,7 +1461,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-primary btn-flat">Send</button> <button type="button" class="btn btn-primary btn-flat">Send</button>
</span> </span>
@ -1492,7 +1492,7 @@
<span class="direct-chat-name pull-left">Alexander Pierce</span> <span class="direct-chat-name pull-left">Alexander Pierce</span>
<span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span> <span class="direct-chat-timestamp pull-right">23 Jan 2:00 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user1-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
Is this template really for free? That's unbelievable! Is this template really for free? That's unbelievable!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1504,7 +1504,7 @@
<span class="direct-chat-name pull-right">Sarah Bullock</span> <span class="direct-chat-name pull-right">Sarah Bullock</span>
<span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span> <span class="direct-chat-timestamp pull-left">23 Jan 2:05 pm</span>
</div><!-- /.direct-chat-info --> </div><!-- /.direct-chat-info -->
<img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image" /><!-- /.direct-chat-img --> <img class="direct-chat-img" src="../dist/img/user3-128x128.jpg" alt="message user image"><!-- /.direct-chat-img -->
<div class="direct-chat-text"> <div class="direct-chat-text">
You better believe it! You better believe it!
</div><!-- /.direct-chat-text --> </div><!-- /.direct-chat-text -->
@ -1516,7 +1516,7 @@
<ul class="contacts-list"> <ul class="contacts-list">
<li> <li>
<a href="#"> <a href="#">
<img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar" /> <img class="contacts-list-img" src="../dist/img/user1-128x128.jpg" alt="Contact Avatar">
<div class="contacts-list-info"> <div class="contacts-list-info">
<span class="contacts-list-name"> <span class="contacts-list-name">
Count Dracula Count Dracula
@ -1532,7 +1532,7 @@
<div class="box-footer"> <div class="box-footer">
<form action="#" method="post"> <form action="#" method="post">
<div class="input-group"> <div class="input-group">
<input type="text" name="message" placeholder="Type Message ..." class="form-control" /> <input type="text" name="message" placeholder="Type Message ..." class="form-control">
<span class="input-group-btn"> <span class="input-group-btn">
<button type="button" class="btn btn-info btn-flat">Send</button> <button type="button" class="btn btn-info btn-flat">Send</button>
</span> </span>

9
documentation/build/include/download.html
View file

@ -1,8 +1,7 @@
<section id="download"> <section id="download">
<h2 class="page-header"><a href="#download">Download</a></h2> <h2 class="page-header"><a href="#download">Download</a></h2>
<p class="lead"> <p class="lead">
AdminLTE can be downloaded in two different versions, each appealing to different AdminLTE can be downloaded in two different versions, each appealing to different skill levels and use case.
skill levels and use case.
</p> </p>
<div class="row"> <div class="row">
<div class="col-sm-6"> <div class="col-sm-6">
@ -12,8 +11,7 @@
<span class="label label-primary pull-right"><i class="fa fa-html5"></i></span> <span class="label label-primary pull-right"><i class="fa fa-html5"></i></span>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<p>Compiled and ready to use in production. Download this version <p>Compiled and ready to use in production. Download this version if you don't want to customize AdminLTE's LESS files.</p>
if you don't want to customize AdminLTE's LESS files.</p>
<a href="http://almsaeedstudio.com/download/AdminLTE-dist" class="btn btn-primary"><i class="fa fa-download"></i> Download</a> <a href="http://almsaeedstudio.com/download/AdminLTE-dist" class="btn btn-primary"><i class="fa fa-download"></i> Download</a>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->
@ -25,8 +23,7 @@
<span class="label label-danger pull-right"><i class="fa fa-database"></i></span> <span class="label label-danger pull-right"><i class="fa fa-database"></i></span>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<p>All files including the compiled CSS. Download this version <p>All files including the compiled CSS. Download this version if you plan on customizing the template. <b>Requires a LESS compiler.</b></p>
if you plan on customizing the template. <b>Requires a LESS compiler.</b></p>
<a href="http://almsaeedstudio.com/download/AdminLTE" class="btn btn-danger"><i class="fa fa-download"></i> Download</a> <a href="http://almsaeedstudio.com/download/AdminLTE" class="btn btn-danger"><i class="fa fa-download"></i> Download</a>
</div><!-- /.box-body --> </div><!-- /.box-body -->
</div><!-- /.box --> </div><!-- /.box -->

11
documentation/build/include/faq.html
View file

@ -4,14 +4,9 @@
<p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p> <p class="lead">AdminLTE is an HTML template that can be used for any purpose. However, it is not made to be easily installed on Wordpress. It will require some effort and enough knowledge of the Wordpress script to do so.</p>
<h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3> <h3>Is there an integration guide for PHP frameworks such as Yii or Symfony?</h3>
<p class="lead">Short answer, no. However, there are forks and tutorials around the web that <p class="lead">Short answer, no. However, there are forks and tutorials around the web that provide info on how to integrate with many different frameworks. There are even versions of AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.</p>
provide info on how to integrate with many different frameworks. There are even versions of
AdminLTE that are integrated with jQuery ajax, AngularJS and/or MVC5 ASP .NET.
</p>
<h3>How do I get notified of new AdminLTE versions?</h3> <h3>How do I get notified of new AdminLTE versions?</h3>
<p class="lead">The best option is to subscribe to our mailing list using the <p class="lead">The best option is to subscribe to our mailing list using the <a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>.
<a href="http://almsaeedstudio.com/#subscribe">subscription form on Almsaeed Studio</a>. If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a> or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>
If that's not appealing to you, you may watch the <a href="https://github.com/almasaeed2010/AdminLTE">repository on Github</a>
or visit <a href="http://almsaeedstudio.com">Almsaeed Studio</a> every now and then for updates and announcements.</p>
</section> </section>

2
documentation/build/include/implementations.html
View file

@ -3,7 +3,7 @@
<p class="lead">Thanks to many of AdminLTE users, there are multiple implementations of the template <p class="lead">Thanks to many of AdminLTE users, there are multiple implementations of the template
for easy integration with back-end frameworks. The following are some of them:</p> for easy integration with back-end frameworks. The following are some of them:</p>
<ul class=""> <ul>
<li><a href="https://github.com/dmstr/yii2-adminlte-asset" target="_blank">Yii 2</a> by <a href="https://github.com/schmunk42" target="_blank">Tobias Munk</a></li> <li><a href="https://github.com/dmstr/yii2-adminlte-asset" target="_blank">Yii 2</a> by <a href="https://github.com/schmunk42" target="_blank">Tobias Munk</a></li>
<li><a href="https://github.com/yajra/laravel-admin-template" target="_blank">Laravel</a> by <a href="https://github.com/yajra" target="_blank">Arjay Angeles</a></li> <li><a href="https://github.com/yajra/laravel-admin-template" target="_blank">Laravel</a> by <a href="https://github.com/yajra" target="_blank">Arjay Angeles</a></li>
<li><a href="https://github.com/avanzu/AdminThemeBundle" target="_blank">Symfony</a> by <a href="https://github.com/avanzu" target="_blank">Marc Bach</a></li> <li><a href="https://github.com/avanzu/AdminThemeBundle" target="_blank">Symfony</a> by <a href="https://github.com/avanzu" target="_blank">Marc Bach</a></li>

28
documentation/build/index.html
View file

@ -6,15 +6,15 @@
<title>AdminLTE 2 | Documentation</title> <title>AdminLTE 2 | Documentation</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"> <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.4 --> <!-- Bootstrap 3.3.4 -->
<link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<!-- Font Awesome Icons --> <!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!-- Ionicons --> <!-- Ionicons -->
<link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<!-- Theme style --> <!-- Theme style -->
<link href="../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<link href="../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<link href="style.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="style.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:// -->
@ -177,16 +177,16 @@ include "license.html"
</div><!-- ./wrapper --> </div><!-- ./wrapper -->
<!-- jQuery 2.1.4 --> <!-- jQuery 2.1.4 -->
<script src="../plugins/jQuery/jQuery-2.1.4.min.js" type="text/javascript"></script> <script src="../plugins/jQuery/jQuery-2.1.4.min.js"></script>
<!-- Bootstrap 3.3.2 JS --> <!-- Bootstrap 3.3.4 -->
<script src="../bootstrap/js/bootstrap.min.js" type="text/javascript"></script> <script src="../bootstrap/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../plugins/fastclick/fastclick.min.js" type="text/javascript"></script> <script src="../plugins/fastclick/fastclick.min.js"></script>
<!-- AdminLTE App --> <!-- AdminLTE App -->
<script src="../dist/js/app.min.js" type="text/javascript"></script> <script src="../dist/js/app.min.js"></script>
<!-- SlimScroll 1.3.0 --> <!-- SlimScroll 1.3.0 -->
<script src="../plugins/slimScroll/jquery.slimscroll.min.js" type="text/javascript"></script> <script src="../plugins/slimScroll/jquery.slimscroll.min.js"></script>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js" type="text/javascript"></script> <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="docs.js" type="text/javascript"></script> <script src="docs.js"></script>
</body> </body>
</html> </html>