delete the html files
This commit is contained in:
parent
f666d8b840
commit
7f0b49dd53
|
|
@ -6,22 +6,20 @@
|
|||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry excluding="**" kind="src" output="target/classes" path="src/main/resources">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="src" output="target/test-classes" path="src/test/java">
|
||||
<attributes>
|
||||
<attribute name="optional" value="true"/>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>
|
||||
<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
<attribute name="org.eclipse.jst.component.dependency" value="/WEB-INF/lib"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/J2SE-1.5">
|
||||
<attributes>
|
||||
<attribute name="maven.pomderived" value="true"/>
|
||||
</attributes>
|
||||
</classpathentry>
|
||||
<classpathentry kind="output" path="target/classes"/>
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
/target
|
||||
|
|
@ -21,12 +21,12 @@
|
|||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>org.eclipse.m2e.core.maven2Builder</name>
|
||||
<name>org.eclipse.wst.validation.validationbuilder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>org.eclipse.wst.validation.validationbuilder</name>
|
||||
<name>org.eclipse.m2e.core.maven2Builder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
|
|
|
|||
|
|
@ -1,12 +0,0 @@
|
|||
Charisma
|
||||
========
|
||||
[](http://flattr.com/thing/1507720/usmanhalalitcharisma-on-GitHub)
|
||||
|
||||
|
||||
#### free, premium quality, responsive, multiple skin admin template.
|
||||
|
||||
I have created Charisma to ease the repeat work I have to do on my projects. Now I re-use Charisma as a base for my admin panel work and I am sharing it with you :)
|
||||
|
||||
[**See Live Demo**](http://usman.it/themes/charisma/ "")
|
||||
|
||||
Please visit [http://usman.it/free-responsive-admin-template/](http://usman.it/free-responsive-admin-template/ "") for more information.
|
||||
|
|
@ -1,289 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Blank</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i>Blank</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,301 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Calendar</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-calendar"></i>Calendar</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="external-events" class="well">
|
||||
<h4>Draggable Events</h4>
|
||||
<div class="external-event badge">Default</div>
|
||||
<div class="external-event badge badge-success">Completed</div>
|
||||
<div class="external-event badge badge-warning">Warning</div>
|
||||
<div class="external-event badge badge-important">Important</div>
|
||||
<div class="external-event badge badge-info">Info</div>
|
||||
<div class="external-event badge badge-inverse">Other</div>
|
||||
<p>
|
||||
<label for="drop-remove"><input type="checkbox" id="drop-remove" /> remove after drop</label>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="calendar"></div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,376 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-list-alt"></i> Chart with points</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="sincos" class="center" style="height:300px" ></div>
|
||||
<p id="hoverdata">Mouse position at (<span id="x">0</span>, <span id="y">0</span>). <span id="clickdata"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-list-alt"></i> Flot</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="flotchart" class="center" style="height:300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-list-alt"></i> Stack Example</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="stackchart" class="center" style="height:300px;"></div>
|
||||
|
||||
<p class="stackControls center">
|
||||
<input class="btn" type="button" value="With stacking">
|
||||
<input class="btn" type="button" value="Without stacking">
|
||||
</p>
|
||||
|
||||
<p class="graphControls center">
|
||||
<input class="btn btn-primary" type="button" value="Bars">
|
||||
<input class="btn btn-primary" type="button" value="Lines">
|
||||
<input class="btn btn-primary" type="button" value="Lines with steps">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Pie</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="piechart" style="height:300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Realtime</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height:190px;"></div>
|
||||
<p>You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Donut</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="donutchart" style="height: 300px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href='http://fonts.googleapis.com/css?family=Creepster|Audiowide' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
*{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body{
|
||||
font-family: 'Audiowide', cursive, arial, helvetica, sans-serif;
|
||||
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUElEQVQYV2NkYGAwBuKzQAwDID4IoIgxIikAMZE1oRiArBDdZBSNMIXoJiFbDZYDKcSmCOYimDuNSVKIzRNYrUYOFuQgweoZbIoxgoeoAAcAEckW11HVTfcAAAAASUVORK5CYII=) repeat;
|
||||
background-color:#212121;
|
||||
color:white;
|
||||
font-size: 18px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
.error-code{
|
||||
font-family: 'Creepster', cursive, arial, helvetica, sans-serif;
|
||||
font-size: 200px;
|
||||
color: white;
|
||||
color: rgba(255, 255, 255, 0.98);
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
margin-top: 5%;
|
||||
text-shadow: 5px 5px hsl(0, 0%, 25%);
|
||||
float: left;
|
||||
}
|
||||
.not-found{
|
||||
width: 47%;
|
||||
float: right;
|
||||
margin-top: 5%;
|
||||
font-size: 50px;
|
||||
color: white;
|
||||
text-shadow: 2px 2px 5px hsl(0, 0%, 61%);
|
||||
padding-top: 70px;
|
||||
}
|
||||
.clear{
|
||||
float:none;
|
||||
clear:both;
|
||||
}
|
||||
.content{
|
||||
text-align:center;
|
||||
line-height: 30px;
|
||||
}
|
||||
input[type=text]{
|
||||
border: hsl(247, 89%, 72%) solid 1px;
|
||||
outline: none;
|
||||
padding: 5px 3px;
|
||||
font-size: 16px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #9ECDFF;
|
||||
text-shadow: 0px 0px 2px white;
|
||||
}
|
||||
a:hover{
|
||||
color:white;
|
||||
}
|
||||
|
||||
</style>
|
||||
<title>Error</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p class="error-code">
|
||||
404
|
||||
</p>
|
||||
<p class="not-found">Not<br/>Found</p>
|
||||
<div class="clear"></div>
|
||||
<div class="content">
|
||||
The page your are looking for is not found.
|
||||
<br/><a href="index.html">Go Home</a> or<br/><form>Search<br/><input autofocus type="text" name="search" /></form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,292 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">File Manager</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i> File Manager</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="alert alert-info">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<i class="icon-info-sign"></i> As its a demo, you currently have read-only permission, in your server you may do everything like, upload or delete. It will work on a server only.
|
||||
</div>
|
||||
<div class="file-manager"></div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,589 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Forms</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-edit"></i> Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<legend>Datepicker, Autocomplete, WYSIWYG</legend>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="typeahead">Auto complete </label>
|
||||
<div class="controls">
|
||||
<input type="text" class="span6 typeahead" id="typeahead" data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
|
||||
<p class="help-block">Start typing to activate auto complete!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="date01">Date input</label>
|
||||
<div class="controls">
|
||||
<input type="text" class="input-xlarge datepicker" id="date01" value="02/16/12">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="fileInput">File input</label>
|
||||
<div class="controls">
|
||||
<input class="input-file uniform_on" id="fileInput" type="file">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="textarea2">Textarea WYSIWYG</label>
|
||||
<div class="controls">
|
||||
<textarea class="cleditor" id="textarea2" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button type="reset" class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-edit"></i> Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="focusedInput">Focused input</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused…">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Uneditable input</label>
|
||||
<div class="controls">
|
||||
<span class="input-xlarge uneditable-input">Some value here</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="disabledInput">Disabled input</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge disabled" id="disabledInput" type="text" placeholder="Disabled input here…" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="optionsCheckbox2">Disabled checkbox</label>
|
||||
<div class="controls">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
|
||||
This is a disabled checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group warning">
|
||||
<label class="control-label" for="inputWarning">Input with warning</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputWarning">
|
||||
<span class="help-inline">Something may have gone wrong</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group error">
|
||||
<label class="control-label" for="inputError">Input with error</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputError">
|
||||
<span class="help-inline">Please correct the error</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group success">
|
||||
<label class="control-label" for="inputSuccess">Input with success</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputSuccess">
|
||||
<span class="help-inline">Woohoo!</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError3">Plain Select</label>
|
||||
<div class="controls">
|
||||
<select id="selectError3">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError">Modern Select</label>
|
||||
<div class="controls">
|
||||
<select id="selectError" data-rel="chosen">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError1">Multiple Select / Tags</label>
|
||||
<div class="controls">
|
||||
<select id="selectError1" multiple data-rel="chosen">
|
||||
<option>Option 1</option>
|
||||
<option selected>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError2">Group Select</label>
|
||||
<div class="controls">
|
||||
<select data-placeholder="Your Favorite Football Team" id="selectError2" data-rel="chosen">
|
||||
<option value=""></option>
|
||||
<optgroup label="NFC EAST">
|
||||
<option>Dallas Cowboys</option>
|
||||
<option>New York Giants</option>
|
||||
<option>Philadelphia Eagles</option>
|
||||
<option>Washington Redskins</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC NORTH">
|
||||
<option>Chicago Bears</option>
|
||||
<option>Detroit Lions</option>
|
||||
<option>Green Bay Packers</option>
|
||||
<option>Minnesota Vikings</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC SOUTH">
|
||||
<option>Atlanta Falcons</option>
|
||||
<option>Carolina Panthers</option>
|
||||
<option>New Orleans Saints</option>
|
||||
<option>Tampa Bay Buccaneers</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC WEST">
|
||||
<option>Arizona Cardinals</option>
|
||||
<option>St. Louis Rams</option>
|
||||
<option>San Francisco 49ers</option>
|
||||
<option>Seattle Seahawks</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC EAST">
|
||||
<option>Buffalo Bills</option>
|
||||
<option>Miami Dolphins</option>
|
||||
<option>New England Patriots</option>
|
||||
<option>New York Jets</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC NORTH">
|
||||
<option>Baltimore Ravens</option>
|
||||
<option>Cincinnati Bengals</option>
|
||||
<option>Cleveland Browns</option>
|
||||
<option>Pittsburgh Steelers</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC SOUTH">
|
||||
<option>Houston Texans</option>
|
||||
<option>Indianapolis Colts</option>
|
||||
<option>Jacksonville Jaguars</option>
|
||||
<option>Tennessee Titans</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC WEST">
|
||||
<option>Denver Broncos</option>
|
||||
<option>Kansas City Chiefs</option>
|
||||
<option>Oakland Raiders</option>
|
||||
<option>San Diego Chargers</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-edit"></i> Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="prependedInput">Prepended text</label>
|
||||
<div class="controls">
|
||||
<div class="input-prepend">
|
||||
<span class="add-on">@</span><input id="prependedInput" size="16" type="text">
|
||||
</div>
|
||||
<p class="help-block">Here's some help text</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInput">Appended text</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
|
||||
</div>
|
||||
<span class="help-inline">Here's more help text</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedPrependedInput">Append and prepend</label>
|
||||
<div class="controls">
|
||||
<div class="input-prepend input-append">
|
||||
<span class="add-on">$</span><input id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInputButton">Append with button</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInputButtons">Two-button append</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Checkboxes</label>
|
||||
<div class="controls">
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox1" value="option1"> Option 1
|
||||
</label>
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox2" value="option2"> Option 2
|
||||
</label>
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox3" value="option3"> Option 3
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">File Upload</label>
|
||||
<div class="controls">
|
||||
<input type="file">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Radio buttons</label>
|
||||
<div class="controls">
|
||||
<label class="radio">
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
|
||||
Option one is this and that—be sure to include why it's great
|
||||
</label>
|
||||
<div style="clear:both"></div>
|
||||
<label class="radio">
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
|
||||
Option two can be something else and selecting it will deselect option one
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,364 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Gallery</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i> Gallery</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p class="center">
|
||||
<button id="toggle-fullscreen" class="btn btn-large btn-primary visible-desktop" data-toggle="button">Toggle Fullscreen</button>
|
||||
</p>
|
||||
<br/>
|
||||
<ul class="thumbnails gallery">
|
||||
<li id="image-1" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/1.jpg)" title="Sample Image 1" href="img/gallery/1.jpg"><img class="grayscale" src="img/gallery/thumbs/1.jpg" alt="Sample Image 1"></a>
|
||||
</li>
|
||||
<li id="image-2" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/2.jpg)" title="Sample Image 2" href="img/gallery/2.jpg"><img class="grayscale" src="img/gallery/thumbs/2.jpg" alt="Sample Image 2"></a>
|
||||
</li>
|
||||
<li id="image-3" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/3.jpg)" title="Sample Image 3" href="img/gallery/3.jpg"><img class="grayscale" src="img/gallery/thumbs/3.jpg" alt="Sample Image 3"></a>
|
||||
</li>
|
||||
<li id="image-4" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/4.jpg)" title="Sample Image 4" href="img/gallery/4.jpg"><img class="grayscale" src="img/gallery/thumbs/4.jpg" alt="Sample Image 4"></a>
|
||||
</li>
|
||||
<li id="image-5" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/5.jpg)" title="Sample Image 5" href="img/gallery/5.jpg"><img class="grayscale" src="img/gallery/thumbs/5.jpg" alt="Sample Image 5"></a>
|
||||
</li>
|
||||
<li id="image-6" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/6.jpg)" title="Sample Image 6" href="img/gallery/6.jpg"><img class="grayscale" src="img/gallery/thumbs/6.jpg" alt="Sample Image 6"></a>
|
||||
</li>
|
||||
<li id="image-7" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/7.jpg)" title="Sample Image 7" href="img/gallery/7.jpg"><img class="grayscale" src="img/gallery/thumbs/7.jpg" alt="Sample Image 7"></a>
|
||||
</li>
|
||||
<li id="image-8" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/8.jpg)" title="Sample Image 8" href="img/gallery/8.jpg"><img class="grayscale" src="img/gallery/thumbs/8.jpg" alt="Sample Image 8"></a>
|
||||
</li>
|
||||
<li id="image-9" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/9.jpg)" title="Sample Image 9" href="img/gallery/9.jpg"><img class="grayscale" src="img/gallery/thumbs/9.jpg" alt="Sample Image 9"></a>
|
||||
</li>
|
||||
<li id="image-10" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/10.jpg)" title="Sample Image 10" href="img/gallery/10.jpg"><img class="grayscale" src="img/gallery/thumbs/10.jpg" alt="Sample Image 10"></a>
|
||||
</li>
|
||||
<li id="image-11" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/11.jpg)" title="Sample Image 11" href="img/gallery/11.jpg"><img class="grayscale" src="img/gallery/thumbs/11.jpg" alt="Sample Image 11"></a>
|
||||
</li>
|
||||
<li id="image-12" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/12.jpg)" title="Sample Image 12" href="img/gallery/12.jpg"><img class="grayscale" src="img/gallery/thumbs/12.jpg" alt="Sample Image 12"></a>
|
||||
</li>
|
||||
<li id="image-13" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/13.jpg)" title="Sample Image 13" href="img/gallery/13.jpg"><img class="grayscale" src="img/gallery/thumbs/13.jpg" alt="Sample Image 13"></a>
|
||||
</li>
|
||||
<li id="image-14" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/14.jpg)" title="Sample Image 14" href="img/gallery/14.jpg"><img class="grayscale" src="img/gallery/thumbs/14.jpg" alt="Sample Image 14"></a>
|
||||
</li>
|
||||
<li id="image-15" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/15.jpg)" title="Sample Image 15" href="img/gallery/15.jpg"><img class="grayscale" src="img/gallery/thumbs/15.jpg" alt="Sample Image 15"></a>
|
||||
</li>
|
||||
<li id="image-16" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/16.jpg)" title="Sample Image 16" href="img/gallery/16.jpg"><img class="grayscale" src="img/gallery/thumbs/16.jpg" alt="Sample Image 16"></a>
|
||||
</li>
|
||||
<li id="image-17" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/17.jpg)" title="Sample Image 17" href="img/gallery/17.jpg"><img class="grayscale" src="img/gallery/thumbs/17.jpg" alt="Sample Image 17"></a>
|
||||
</li>
|
||||
<li id="image-18" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/18.jpg)" title="Sample Image 18" href="img/gallery/18.jpg"><img class="grayscale" src="img/gallery/thumbs/18.jpg" alt="Sample Image 18"></a>
|
||||
</li>
|
||||
<li id="image-19" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/19.jpg)" title="Sample Image 19" href="img/gallery/19.jpg"><img class="grayscale" src="img/gallery/thumbs/19.jpg" alt="Sample Image 19"></a>
|
||||
</li>
|
||||
<li id="image-20" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/20.jpg)" title="Sample Image 20" href="img/gallery/20.jpg"><img class="grayscale" src="img/gallery/thumbs/20.jpg" alt="Sample Image 20"></a>
|
||||
</li>
|
||||
<li id="image-21" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/21.jpg)" title="Sample Image 21" href="img/gallery/21.jpg"><img class="grayscale" src="img/gallery/thumbs/21.jpg" alt="Sample Image 21"></a>
|
||||
</li>
|
||||
<li id="image-22" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/22.jpg)" title="Sample Image 22" href="img/gallery/22.jpg"><img class="grayscale" src="img/gallery/thumbs/22.jpg" alt="Sample Image 22"></a>
|
||||
</li>
|
||||
<li id="image-23" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/23.jpg)" title="Sample Image 23" href="img/gallery/23.jpg"><img class="grayscale" src="img/gallery/thumbs/23.jpg" alt="Sample Image 23"></a>
|
||||
</li>
|
||||
<li id="image-24" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/24.jpg)" title="Sample Image 24" href="img/gallery/24.jpg"><img class="grayscale" src="img/gallery/thumbs/24.jpg" alt="Sample Image 24"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,496 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Grid</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 12</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2>Plain</h2>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 6</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 6</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12 well">
|
||||
<div>
|
||||
<h1>Box less area</h1>
|
||||
<p>The flat boxes can be created using grids. But you can also use grids inside grids, which makes the layout 100% flexible!</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span4">4</div>
|
||||
<div class="span4">4</div>
|
||||
<div class="span4">4</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span3">3</div>
|
||||
<div class="span3">3</div>
|
||||
<div class="span3">3</div>
|
||||
<div class="span3">3</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span4">4</div>
|
||||
<div class="span8">8</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span6">6</div>
|
||||
<div class="span6">6</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span12">12</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,593 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="css/jquery-tool.css" />
|
||||
<link rel="stylesheet" href="css/styles.css" type="text/css" />
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar center" style="margin:0px auto;">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10 center">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10 center">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sortable row-fluid">
|
||||
<a data-rel="tooltip" title="6 new members." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-red icon-user"></span>
|
||||
<div>Total Members</div>
|
||||
<div>507</div>
|
||||
<span class="notification">6</span>
|
||||
</a>
|
||||
|
||||
<a data-rel="tooltip" title="4 new pro members." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-star-on"></span>
|
||||
<div>Pro Members</div>
|
||||
<div>228</div>
|
||||
<span class="notification green">4</span>
|
||||
</a>
|
||||
|
||||
<a data-rel="tooltip" title="$34 new sales." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-cart"></span>
|
||||
<div>Sales</div>
|
||||
<div>$13320</div>
|
||||
<span class="notification yellow">$34</span>
|
||||
</a>
|
||||
|
||||
<a data-rel="tooltip" title="12 new messages." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-envelope-closed"></span>
|
||||
<div>Messages</div>
|
||||
<div>25</div>
|
||||
<span class="notification red">12</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="box span12">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-info-sign"></i> Introduction</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<li>
|
||||
<!-- Start Freebie -->
|
||||
<ul class="expmenu">
|
||||
<li>
|
||||
<div class="header" id="canimei">
|
||||
<span class="label" style="background-image: url(images/messages.png);">Messages</span>
|
||||
<span class="arrow up"></span>
|
||||
</div>
|
||||
<ul class="menu">
|
||||
<li>Notification Settings</li>
|
||||
<li class="selected">Email Alerts</li>
|
||||
<li>Privacy Settings</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="header">
|
||||
<span class="label" style="background-image: url(images/pc.png);">Screen Settings</span>
|
||||
<span class="arrow down"></span>
|
||||
</div>
|
||||
<ul class="menu" style="display:none">
|
||||
<li>Your settings</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="header">
|
||||
<span class="label" style="background-image: url(images/search.png);">Search</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End Freebie -->
|
||||
</li>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-th"></i> Tabs</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="nav nav-tabs" id="myTab">
|
||||
<li class="active"><a href="#info">Info</a></li>
|
||||
<li><a href="#custom">Custom</a></li>
|
||||
<li><a href="#messages">Messages</a></li>
|
||||
</ul>
|
||||
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-pane active" id="info">
|
||||
<h3>Charisma <small>a fully featued template</small></h3>
|
||||
<p>Its a fully featured, responsive template for your admin panel. Its optimized for tablet and mobile phones. Scan the QR code below to view it in your mobile device.</p> <img alt="QR Code" class="charisma_qr center" src="img/qrcode136.png" />
|
||||
</div>
|
||||
<div class="tab-pane" id="custom">
|
||||
<h3>Custom <small>small text</small></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.</p>
|
||||
</div>
|
||||
<div class="tab-pane" id="messages">
|
||||
<h3>Messages <small>small text</small></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-user"></i> Member Activity</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Usman" src="http://www.gravatar.com/avatar/f0ea51fa1e4fae92608d8affee12f67b.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Usman
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-success">Approved</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Sheikh Heera" src="http://www.gravatar.com/avatar/3232415a0380253cfffe19163d04acab.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Sheikh Heera
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-warning">Pending</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Abdullah" src="http://www.gravatar.com/avatar/46056f772bde7c536e2086004e300a04.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Abdullah
|
||||
</a><br>
|
||||
<strong>Since:</strong> 25/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-important">Banned</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Saruar Ahmed" src="http://www.gravatar.com/avatar/564e1bb274c074dc4f6823af229d9dbb.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Saruar Ahmed
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-info">Updates</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Realtime Traffic</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height:190px;"></div>
|
||||
<p class="clearfix">You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p class="btn-group">
|
||||
<button class="btn">Left</button>
|
||||
<button class="btn">Middle</button>
|
||||
<button class="btn">Right</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small"><i class="icon-star"></i> Icon button</button>
|
||||
<button class="btn btn-small btn-primary">Small button</button>
|
||||
<button class="btn btn-small btn-danger">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-warning">Small button</button>
|
||||
<button class="btn btn-small btn-success">Small button</button>
|
||||
<button class="btn btn-small btn-info">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-inverse">Small button</button>
|
||||
<button class="btn btn-large btn-primary btn-round">Round button</button>
|
||||
<button class="btn btn-large btn-round"><i class="icon-ok"></i></button>
|
||||
<button class="btn btn-primary"><i class="icon-edit icon-white"></i></button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini">Mini button</button>
|
||||
<button class="btn btn-mini btn-primary">Mini button</button>
|
||||
<button class="btn btn-mini btn-danger">Mini button</button>
|
||||
<button class="btn btn-mini btn-warning">Mini button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini btn-info">Mini button</button>
|
||||
<button class="btn btn-mini btn-success">Mini button</button>
|
||||
<button class="btn btn-mini btn-inverse">Mini button</button>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p>
|
||||
<button class="btn btn-large">Large button</button>
|
||||
<button class="btn btn-large btn-primary">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-danger">Large button</button>
|
||||
<button class="btn btn-large btn-warning">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-success">Large button</button>
|
||||
<button class="btn btn-large btn-info">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-inverse">Large button</button>
|
||||
</p>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-large">Large Dropdown</button>
|
||||
<button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-star"></i> Action</a></li>
|
||||
<li><a href="#"><i class="icon-tag"></i> Another action</a></li>
|
||||
<li><a href="#"><i class="icon-download-alt"></i> Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#"><i class="icon-tint"></i> Separated link</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list"></i> Weekly Stat</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">92</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">15</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">36</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">45</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">112</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">31</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">93</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">254</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.8.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
<script src="js/jquery.tools.min.js"></script>
|
||||
<script src="js/main.js>"</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
Copyright 2013 Muhammad Usman
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
|
|
@ -1,176 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12 center login-header">
|
||||
<h2>Welcome to Charisma</h2>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="well span5 center login-box">
|
||||
<div class="alert alert-info">
|
||||
Please login with your Username and Password.
|
||||
</div>
|
||||
<form class="form-horizontal" action="index.html" method="post">
|
||||
<fieldset>
|
||||
<div class="input-prepend" title="Username" data-rel="tooltip">
|
||||
<span class="add-on"><i class="icon-user"></i></span><input autofocus class="input-large span10" name="username" id="username" type="text" value="admin" />
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="input-prepend" title="Password" data-rel="tooltip">
|
||||
<span class="add-on"><i class="icon-lock"></i></span><input class="input-large span10" name="password" id="password" type="password" value="admin123456" />
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="input-prepend">
|
||||
<label class="remember" for="remember"><input type="checkbox" id="remember" />Remember me</label>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<p class="center span5">
|
||||
<button type="submit" class="btn btn-primary">Login</button>
|
||||
</p>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Blank</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i>Blank</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Calendar</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-calendar"></i>Calendar</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="external-events" class="well">
|
||||
<h4>Draggable Events</h4>
|
||||
<div class="external-event badge">Default</div>
|
||||
<div class="external-event badge badge-success">Completed</div>
|
||||
<div class="external-event badge badge-warning">Warning</div>
|
||||
<div class="external-event badge badge-important">Important</div>
|
||||
<div class="external-event badge badge-info">Info</div>
|
||||
<div class="external-event badge badge-inverse">Other</div>
|
||||
<p>
|
||||
<label for="drop-remove"><input type="checkbox" id="drop-remove" /> remove after drop</label>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div id="calendar"></div>
|
||||
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,120 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Charts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-list-alt"></i> Chart with points</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="sincos" class="center" style="height:300px" ></div>
|
||||
<p id="hoverdata">Mouse position at (<span id="x">0</span>, <span id="y">0</span>). <span id="clickdata"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-list-alt"></i> Flot</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="flotchart" class="center" style="height:300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-list-alt"></i> Stack Example</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="stackchart" class="center" style="height:300px;"></div>
|
||||
|
||||
<p class="stackControls center">
|
||||
<input class="btn" type="button" value="With stacking">
|
||||
<input class="btn" type="button" value="Without stacking">
|
||||
</p>
|
||||
|
||||
<p class="graphControls center">
|
||||
<input class="btn btn-primary" type="button" value="Bars">
|
||||
<input class="btn btn-primary" type="button" value="Lines">
|
||||
<input class="btn btn-primary" type="button" value="Lines with steps">
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Pie</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="piechart" style="height:300px"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Realtime</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height:190px;"></div>
|
||||
<p>You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Donut</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="donutchart" style="height: 300px;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row-->
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,79 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link href='http://fonts.googleapis.com/css?family=Creepster|Audiowide' rel='stylesheet' type='text/css'>
|
||||
|
||||
<style>
|
||||
*{
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
body{
|
||||
font-family: 'Audiowide', cursive, arial, helvetica, sans-serif;
|
||||
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAUElEQVQYV2NkYGAwBuKzQAwDID4IoIgxIikAMZE1oRiArBDdZBSNMIXoJiFbDZYDKcSmCOYimDuNSVKIzRNYrUYOFuQgweoZbIoxgoeoAAcAEckW11HVTfcAAAAASUVORK5CYII=) repeat;
|
||||
background-color:#212121;
|
||||
color:white;
|
||||
font-size: 18px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
.error-code{
|
||||
font-family: 'Creepster', cursive, arial, helvetica, sans-serif;
|
||||
font-size: 200px;
|
||||
color: white;
|
||||
color: rgba(255, 255, 255, 0.98);
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
margin-top: 5%;
|
||||
text-shadow: 5px 5px hsl(0, 0%, 25%);
|
||||
float: left;
|
||||
}
|
||||
.not-found{
|
||||
width: 47%;
|
||||
float: right;
|
||||
margin-top: 5%;
|
||||
font-size: 50px;
|
||||
color: white;
|
||||
text-shadow: 2px 2px 5px hsl(0, 0%, 61%);
|
||||
padding-top: 70px;
|
||||
}
|
||||
.clear{
|
||||
float:none;
|
||||
clear:both;
|
||||
}
|
||||
.content{
|
||||
text-align:center;
|
||||
line-height: 30px;
|
||||
}
|
||||
input[type=text]{
|
||||
border: hsl(247, 89%, 72%) solid 1px;
|
||||
outline: none;
|
||||
padding: 5px 3px;
|
||||
font-size: 16px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: #9ECDFF;
|
||||
text-shadow: 0px 0px 2px white;
|
||||
}
|
||||
a:hover{
|
||||
color:white;
|
||||
}
|
||||
|
||||
</style>
|
||||
<title>Error</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p class="error-code">
|
||||
404
|
||||
</p>
|
||||
<p class="not-found">Not<br/>Found</p>
|
||||
<div class="clear"></div>
|
||||
<div class="content">
|
||||
The page your are looking for is not found.
|
||||
<br/><a href="index.html">Go Home</a> or<br/><form>Search<br/><input autofocus type="text" name="search" /></form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,36 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">File Manager</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i> File Manager</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="alert alert-info">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<i class="icon-info-sign"></i> As its a demo, you currently have read-only permission, in your server you may do everything like, upload or delete. It will work on a server only.
|
||||
</div>
|
||||
<div class="file-manager"></div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,121 +0,0 @@
|
|||
<?php if(!isset($no_visible_elements) || !$no_visible_elements) { ?>
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
<?php } ?>
|
||||
</div><!--/fluid-row-->
|
||||
<?php if(!isset($no_visible_elements) || !$no_visible_elements) { ?>
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> <?php echo date('Y') ?></p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
<?php } ?>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
<?php //Google Analytics code for tracking my demo site, you can remove this.
|
||||
if($_SERVER['HTTP_HOST']=='usman.it') { ?>
|
||||
<script>
|
||||
var _gaq = _gaq || [];
|
||||
_gaq.push(['_setAccount', 'UA-26532312-1']);
|
||||
_gaq.push(['_trackPageview']);
|
||||
(function() {
|
||||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
|
||||
})();
|
||||
</script>
|
||||
<?php } ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,333 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Forms</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-edit"></i> Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<legend>Datepicker, Autocomplete, WYSIWYG</legend>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="typeahead">Auto complete </label>
|
||||
<div class="controls">
|
||||
<input type="text" class="span6 typeahead" id="typeahead" data-provide="typeahead" data-items="4" data-source='["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]'>
|
||||
<p class="help-block">Start typing to activate auto complete!</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="date01">Date input</label>
|
||||
<div class="controls">
|
||||
<input type="text" class="input-xlarge datepicker" id="date01" value="02/16/12">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="fileInput">File input</label>
|
||||
<div class="controls">
|
||||
<input class="input-file uniform_on" id="fileInput" type="file">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="textarea2">Textarea WYSIWYG</label>
|
||||
<div class="controls">
|
||||
<textarea class="cleditor" id="textarea2" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button type="reset" class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-edit"></i> Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="focusedInput">Focused input</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge focused" id="focusedInput" type="text" value="This is focused…">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Uneditable input</label>
|
||||
<div class="controls">
|
||||
<span class="input-xlarge uneditable-input">Some value here</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="disabledInput">Disabled input</label>
|
||||
<div class="controls">
|
||||
<input class="input-xlarge disabled" id="disabledInput" type="text" placeholder="Disabled input here…" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="optionsCheckbox2">Disabled checkbox</label>
|
||||
<div class="controls">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" id="optionsCheckbox2" value="option1" disabled="">
|
||||
This is a disabled checkbox
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group warning">
|
||||
<label class="control-label" for="inputWarning">Input with warning</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputWarning">
|
||||
<span class="help-inline">Something may have gone wrong</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group error">
|
||||
<label class="control-label" for="inputError">Input with error</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputError">
|
||||
<span class="help-inline">Please correct the error</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group success">
|
||||
<label class="control-label" for="inputSuccess">Input with success</label>
|
||||
<div class="controls">
|
||||
<input type="text" id="inputSuccess">
|
||||
<span class="help-inline">Woohoo!</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError3">Plain Select</label>
|
||||
<div class="controls">
|
||||
<select id="selectError3">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError">Modern Select</label>
|
||||
<div class="controls">
|
||||
<select id="selectError" data-rel="chosen">
|
||||
<option>Option 1</option>
|
||||
<option>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError1">Multiple Select / Tags</label>
|
||||
<div class="controls">
|
||||
<select id="selectError1" multiple data-rel="chosen">
|
||||
<option>Option 1</option>
|
||||
<option selected>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
<option>Option 4</option>
|
||||
<option>Option 5</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="selectError2">Group Select</label>
|
||||
<div class="controls">
|
||||
<select data-placeholder="Your Favorite Football Team" id="selectError2" data-rel="chosen">
|
||||
<option value=""></option>
|
||||
<optgroup label="NFC EAST">
|
||||
<option>Dallas Cowboys</option>
|
||||
<option>New York Giants</option>
|
||||
<option>Philadelphia Eagles</option>
|
||||
<option>Washington Redskins</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC NORTH">
|
||||
<option>Chicago Bears</option>
|
||||
<option>Detroit Lions</option>
|
||||
<option>Green Bay Packers</option>
|
||||
<option>Minnesota Vikings</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC SOUTH">
|
||||
<option>Atlanta Falcons</option>
|
||||
<option>Carolina Panthers</option>
|
||||
<option>New Orleans Saints</option>
|
||||
<option>Tampa Bay Buccaneers</option>
|
||||
</optgroup>
|
||||
<optgroup label="NFC WEST">
|
||||
<option>Arizona Cardinals</option>
|
||||
<option>St. Louis Rams</option>
|
||||
<option>San Francisco 49ers</option>
|
||||
<option>Seattle Seahawks</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC EAST">
|
||||
<option>Buffalo Bills</option>
|
||||
<option>Miami Dolphins</option>
|
||||
<option>New England Patriots</option>
|
||||
<option>New York Jets</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC NORTH">
|
||||
<option>Baltimore Ravens</option>
|
||||
<option>Cincinnati Bengals</option>
|
||||
<option>Cleveland Browns</option>
|
||||
<option>Pittsburgh Steelers</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC SOUTH">
|
||||
<option>Houston Texans</option>
|
||||
<option>Indianapolis Colts</option>
|
||||
<option>Jacksonville Jaguars</option>
|
||||
<option>Tennessee Titans</option>
|
||||
</optgroup>
|
||||
<optgroup label="AFC WEST">
|
||||
<option>Denver Broncos</option>
|
||||
<option>Kansas City Chiefs</option>
|
||||
<option>Oakland Raiders</option>
|
||||
<option>San Diego Chargers</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-edit"></i> Form Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<form class="form-horizontal">
|
||||
<fieldset>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="prependedInput">Prepended text</label>
|
||||
<div class="controls">
|
||||
<div class="input-prepend">
|
||||
<span class="add-on">@</span><input id="prependedInput" size="16" type="text">
|
||||
</div>
|
||||
<p class="help-block">Here's some help text</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInput">Appended text</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInput" size="16" type="text"><span class="add-on">.00</span>
|
||||
</div>
|
||||
<span class="help-inline">Here's more help text</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedPrependedInput">Append and prepend</label>
|
||||
<div class="controls">
|
||||
<div class="input-prepend input-append">
|
||||
<span class="add-on">$</span><input id="appendedPrependedInput" size="16" type="text"><span class="add-on">.00</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInputButton">Append with button</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButton" size="16" type="text"><button class="btn" type="button">Go!</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label" for="appendedInputButtons">Two-button append</label>
|
||||
<div class="controls">
|
||||
<div class="input-append">
|
||||
<input id="appendedInputButtons" size="16" type="text"><button class="btn" type="button">Search</button><button class="btn" type="button">Options</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Checkboxes</label>
|
||||
<div class="controls">
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox1" value="option1"> Option 1
|
||||
</label>
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox2" value="option2"> Option 2
|
||||
</label>
|
||||
<label class="checkbox inline">
|
||||
<input type="checkbox" id="inlineCheckbox3" value="option3"> Option 3
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">File Upload</label>
|
||||
<div class="controls">
|
||||
<input type="file">
|
||||
</div>
|
||||
</div>
|
||||
<div class="control-group">
|
||||
<label class="control-label">Radio buttons</label>
|
||||
<div class="controls">
|
||||
<label class="radio">
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">
|
||||
Option one is this and that—be sure to include why it's great
|
||||
</label>
|
||||
<div style="clear:both"></div>
|
||||
<label class="radio">
|
||||
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
|
||||
Option two can be something else and selecting it will deselect option one
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-actions">
|
||||
<button type="submit" class="btn btn-primary">Save changes</button>
|
||||
<button class="btn">Cancel</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Gallery</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-picture"></i> Gallery</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<p class="center">
|
||||
<button id="toggle-fullscreen" class="btn btn-large btn-primary visible-desktop" data-toggle="button">Toggle Fullscreen</button>
|
||||
</p>
|
||||
<br/>
|
||||
<ul class="thumbnails gallery">
|
||||
<?php for($i=1;$i<=24;$i++) { ?>
|
||||
<li id="image-<?php echo $i ?>" class="thumbnail">
|
||||
<a style="background:url(img/gallery/thumbs/<?php echo $i ?>.jpg)" title="Sample Image <?php echo $i ?>" href="img/gallery/<?php echo $i ?>.jpg"><img class="grayscale" src="img/gallery/thumbs/<?php echo $i ?>.jpg" alt="Sample Image <?php echo $i ?>"></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,240 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Grid</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 12</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 3</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2>Plain</h2>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 6</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 6</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-th"></i> Grid 4</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="row-fluid">
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
<div class="span4"><h6>span 4</h6></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12 well">
|
||||
<div>
|
||||
<h1>Box less area</h1>
|
||||
<p>The flat boxes can be created using grids. But you can also use grids inside grids, which makes the layout 100% flexible!</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
<div class="span1">1</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span4">4</div>
|
||||
<div class="span4">4</div>
|
||||
<div class="span4">4</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span3">3</div>
|
||||
<div class="span3">3</div>
|
||||
<div class="span3">3</div>
|
||||
<div class="span3">3</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span4">4</div>
|
||||
<div class="span8">8</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span6">6</div>
|
||||
<div class="span6">6</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid show-grid">
|
||||
<div class="span12">12</div>
|
||||
</div>
|
||||
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,158 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<?php if(!isset($no_visible_elements) || !$no_visible_elements) { ?>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<?php } ?>
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
<?php if(!isset($no_visible_elements) || !$no_visible_elements) { ?>
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
<?php } ?>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,329 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Dashboard</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="sortable row-fluid">
|
||||
<a data-rel="tooltip" title="6 new members." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-red icon-user"></span>
|
||||
<div>Total Members</div>
|
||||
<div>507</div>
|
||||
<span class="notification">6</span>
|
||||
</a>
|
||||
|
||||
<a data-rel="tooltip" title="4 new pro members." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-star-on"></span>
|
||||
<div>Pro Members</div>
|
||||
<div>228</div>
|
||||
<span class="notification green">4</span>
|
||||
</a>
|
||||
|
||||
<a data-rel="tooltip" title="$34 new sales." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-cart"></span>
|
||||
<div>Sales</div>
|
||||
<div>$13320</div>
|
||||
<span class="notification yellow">$34</span>
|
||||
</a>
|
||||
|
||||
<a data-rel="tooltip" title="12 new messages." class="well span3 top-block" href="#">
|
||||
<span class="icon32 icon-color icon-envelope-closed"></span>
|
||||
<div>Messages</div>
|
||||
<div>25</div>
|
||||
<span class="notification red">12</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="box span12">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-info-sign"></i> Introduction</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<h1>Charisma <small>free, premium quality, responsive, multiple skin admin template.</small></h1>
|
||||
<p>Its a live demo of the template. I have created Charisma to ease the repeat work I have to do on my projects. Now I re-use Charisma as a base for my admin panel work and I am sharing it with you :)</p>
|
||||
<p><b>All pages in the menu are functional, take a look at all, please share this with your followers.</b></p>
|
||||
|
||||
<p class="center">
|
||||
<a href="http://usman.it/free-responsive-admin-template" class="btn btn-large btn-primary"><i class="icon-chevron-left icon-white"></i> Back to article</a>
|
||||
<a href="http://usman.it/free-responsive-admin-template" class="btn btn-large"><i class="icon-download-alt"></i> Download Page</a>
|
||||
</p>
|
||||
<div class="clearfix"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-th"></i> Tabs</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="nav nav-tabs" id="myTab">
|
||||
<li class="active"><a href="#info">Info</a></li>
|
||||
<li><a href="#custom">Custom</a></li>
|
||||
<li><a href="#messages">Messages</a></li>
|
||||
</ul>
|
||||
|
||||
<div id="myTabContent" class="tab-content">
|
||||
<div class="tab-pane active" id="info">
|
||||
<h3>Charisma <small>a fully featued template</small></h3>
|
||||
<p>Its a fully featured, responsive template for your admin panel. Its optimized for tablet and mobile phones. Scan the QR code below to view it in your mobile device.</p> <img alt="QR Code" class="charisma_qr center" src="img/qrcode136.png" />
|
||||
</div>
|
||||
<div class="tab-pane" id="custom">
|
||||
<h3>Custom <small>small text</small></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.</p>
|
||||
</div>
|
||||
<div class="tab-pane" id="messages">
|
||||
<h3>Messages <small>small text</small></h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.</p>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-user"></i> Member Activity</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Usman" src="http://www.gravatar.com/avatar/<?php echo md5( strtolower( trim( "usman@halalit.net" ) ) ); ?>.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Usman
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-success">Approved</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Sheikh Heera" src="http://www.gravatar.com/avatar/<?php echo md5( strtolower( trim( "heerasheikh@ymail.com" ) ) ); ?>.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Sheikh Heera
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-warning">Pending</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Abdullah" src="http://www.gravatar.com/avatar/<?php echo md5( strtolower( trim( "abdullah123456@abc.com" ) ) ); ?>.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Abdullah
|
||||
</a><br>
|
||||
<strong>Since:</strong> 25/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-important">Banned</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<img class="dashboard-avatar" alt="Saruar Ahmed" src="http://www.gravatar.com/avatar/<?php echo md5( strtolower( trim( "saruarall@gmail.com" ) ) ); ?>.png?s=50"></a>
|
||||
<strong>Name:</strong> <a href="#">Saruar Ahmed
|
||||
</a><br>
|
||||
<strong>Since:</strong> 17/05/2012<br>
|
||||
<strong>Status:</strong> <span class="label label-info">Updates</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list-alt"></i> Realtime Traffic</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div id="realtimechart" style="height:190px;"></div>
|
||||
<p class="clearfix">You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.</p>
|
||||
<p>Time between updates: <input id="updateInterval" type="text" value="" style="text-align: right; width:5em"> milliseconds</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p class="btn-group">
|
||||
<button class="btn">Left</button>
|
||||
<button class="btn">Middle</button>
|
||||
<button class="btn">Right</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small"><i class="icon-star"></i> Icon button</button>
|
||||
<button class="btn btn-small btn-primary">Small button</button>
|
||||
<button class="btn btn-small btn-danger">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-warning">Small button</button>
|
||||
<button class="btn btn-small btn-success">Small button</button>
|
||||
<button class="btn btn-small btn-info">Small button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-small btn-inverse">Small button</button>
|
||||
<button class="btn btn-large btn-primary btn-round">Round button</button>
|
||||
<button class="btn btn-large btn-round"><i class="icon-ok"></i></button>
|
||||
<button class="btn btn-primary"><i class="icon-edit icon-white"></i></button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini">Mini button</button>
|
||||
<button class="btn btn-mini btn-primary">Mini button</button>
|
||||
<button class="btn btn-mini btn-danger">Mini button</button>
|
||||
<button class="btn btn-mini btn-warning">Mini button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-mini btn-info">Mini button</button>
|
||||
<button class="btn btn-mini btn-success">Mini button</button>
|
||||
<button class="btn btn-mini btn-inverse">Mini button</button>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list"></i> Buttons</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content buttons">
|
||||
<p>
|
||||
<button class="btn btn-large">Large button</button>
|
||||
<button class="btn btn-large btn-primary">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-danger">Large button</button>
|
||||
<button class="btn btn-large btn-warning">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-success">Large button</button>
|
||||
<button class="btn btn-large btn-info">Large button</button>
|
||||
</p>
|
||||
<p>
|
||||
<button class="btn btn-large btn-inverse">Large button</button>
|
||||
</p>
|
||||
<div class="btn-group">
|
||||
<button class="btn btn-large">Large Dropdown</button>
|
||||
<button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#"><i class="icon-star"></i> Action</a></li>
|
||||
<li><a href="#"><i class="icon-tag"></i> Another action</a></li>
|
||||
<li><a href="#"><i class="icon-download-alt"></i> Something else here</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="#"><i class="icon-tint"></i> Separated link</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span4">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-list"></i> Weekly Stat</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="dashboard-list">
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">92</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">15</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">36</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">45</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-up"></i>
|
||||
<span class="green">112</span>
|
||||
New Comments
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-arrow-down"></i>
|
||||
<span class="red">31</span>
|
||||
New Registrations
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-minus"></i>
|
||||
<span class="blue">93</span>
|
||||
New Articles
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<i class="icon-comment"></i>
|
||||
<span class="yellow">254</span>
|
||||
User reviews
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,40 +0,0 @@
|
|||
<?php
|
||||
$no_visible_elements=true;
|
||||
include('header.php'); ?>
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12 center login-header">
|
||||
<h2>Welcome to Charisma</h2>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="well span5 center login-box">
|
||||
<div class="alert alert-info">
|
||||
Please login with your Username and Password.
|
||||
</div>
|
||||
<form class="form-horizontal" action="index.html" method="post">
|
||||
<fieldset>
|
||||
<div class="input-prepend" title="Username" data-rel="tooltip">
|
||||
<span class="add-on"><i class="icon-user"></i></span><input autofocus class="input-large span10" name="username" id="username" type="text" value="admin" />
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="input-prepend" title="Password" data-rel="tooltip">
|
||||
<span class="add-on"><i class="icon-lock"></i></span><input class="input-large span10" name="password" id="password" type="password" value="admin123456" />
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<div class="input-prepend">
|
||||
<label class="remember" for="remember"><input type="checkbox" id="remember" />Remember me</label>
|
||||
</div>
|
||||
<div class="clearfix"></div>
|
||||
|
||||
<p class="center span5">
|
||||
<button type="submit" class="btn btn-primary">Login</button>
|
||||
</p>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
<?php include('footer.php'); ?>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,32 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Tour</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12 tour">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-globe"></i> Tour</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<a href="tour.html">Click Here to restart the tour</a><br/>
|
||||
You can create Custom Tour, like this. <br/> For more help on implementing tour go <a href="http://pushly.github.com/bootstrap-tour/index.html" target="_blank">here</a>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,176 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Typography</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span9">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-font"></i> Typography</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="page-header">
|
||||
<h1>Typography <small>Headings, paragraphs, lists, and other inline type elements</small></h1>
|
||||
</div>
|
||||
<div class="row-fluid ">
|
||||
<div class="span4">
|
||||
<h3>Sample text and paragraphs</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h3>Example body text</h3>
|
||||
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||||
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
|
||||
</div>
|
||||
<div class="span4 ">
|
||||
<div class="well">
|
||||
<h1>h1. Heading 1</h1>
|
||||
<h2>h2. Heading 2</h2>
|
||||
<h3>h3. Heading 3</h3>
|
||||
<h4>h4. Heading 4</h4>
|
||||
<h5>h5. Heading 5</h5>
|
||||
<h6>h6. Heading 6</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row -->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<h3>Example blockquotes</h3>
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
<p>Default blockquotes are styled as such:</p>
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
|
||||
<small>Someone famous in <cite title="">Body of work</cite></small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<p>You can always float your blockquote to the right:</p>
|
||||
<blockquote class="pull-right">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
|
||||
<small>Someone famous in <cite title="">Body of work</cite></small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
<h3>More Sample Text</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<h3>And Paragraphs</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<h2>Example use of Tooltips</h2>
|
||||
<p>Hover over the links below to see tooltips:</p>
|
||||
<div class="tooltip-demo well">
|
||||
<p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" data-rel="tooltip" data-original-title="first tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american appadata-rel <a href="#" data-rel="tooltip" data-original-title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A <a href="#" data-rel="tooltip" data-original-title="Another one here too">really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin <a href="#" data-rel="tooltip" data-original-title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h3>Unordered List</h3>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipiscing elit</li>
|
||||
<li>Integer molestie lorem at massa</li>
|
||||
<li>Facilisis in pretium nisl aliquet</li>
|
||||
<li>Nulla volutpat aliquam velit
|
||||
<ul>
|
||||
<li>Phasellus iaculis neque</li>
|
||||
<li>Purus sodales ultricies</li>
|
||||
<li>Vestibulum laoreet porttitor sem</li>
|
||||
<li>Ac tristique libero volutpat at</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Faucibus porta lacus fringilla vel</li>
|
||||
<li>Aenean sit amet erat nunc</li>
|
||||
<li>Eget porttitor lorem</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h3>Ordered List</h3>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipiscing elit</li>
|
||||
<li>Integer molestie lorem at massa</li>
|
||||
<li>Facilisis in pretium nisl aliquet</li>
|
||||
<li>Nulla volutpat aliquam velit</li>
|
||||
<li>Faucibus porta lacus fringilla vel</li>
|
||||
<li>Aenean sit amet erat nunc</li>
|
||||
<li>Eget porttitor lorem</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h3>Description List</h3>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<dl>
|
||||
<dt>Description lists</dt>
|
||||
<dd>A description list is perfect for defining terms.</dd>
|
||||
<dt>Euismod</dt>
|
||||
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
|
||||
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
|
||||
<dt>Malesuada porta</dt>
|
||||
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,287 +0,0 @@
|
|||
<?php include('header.php'); ?>
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">UI Features</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-plus"></i> Extended Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<table class="table table-bordered table-striped">
|
||||
<tr>
|
||||
<td><h3>Multiple File Upload</h3></td>
|
||||
<td>
|
||||
<input data-no-uniform="true" type="file" name="file_upload" id="file_upload" />
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Star Rating</h3></td>
|
||||
<td>
|
||||
<div class="raty"></div>
|
||||
</td>
|
||||
<td><code><div class="raty"></div></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Toggle Switch</h3></td>
|
||||
<td>
|
||||
<input data-no-uniform="true" checked type="checkbox" class="iphone-toggle">
|
||||
</td>
|
||||
<td><code><input data-no-uniform="true" type="checkbox" class="iphone-toggle"></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Auto Growing Textarea</h3></td>
|
||||
<td>
|
||||
<textarea class="autogrow">Press enter here, it will grow automatically.</textarea>
|
||||
</td>
|
||||
<td><code><textarea class="autogrow"></textarea></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Popover</h3></td>
|
||||
<td>
|
||||
<a href="#" class="btn btn-danger" data-rel="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">Hover for popover</a>
|
||||
</td>
|
||||
<td><code><a href="#" class="btn btn-danger" data-rel="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">hover for popover</a></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Slider</h3></td>
|
||||
<td>
|
||||
<div class="slider"></div>
|
||||
</td>
|
||||
<td><code><div class="slider"></div></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Dialog</h3></td>
|
||||
<td>
|
||||
<a href="#" class="btn btn-info btn-setting">Click for dialog</a>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Tooltip</h3></td>
|
||||
<td>
|
||||
<a href="#" title="Tooltip, you can change the position." data-rel="tooltip" class="btn btn-warning">Hover for tooltip</a>
|
||||
</td>
|
||||
<td><code><a href="#" title="Tooltip, you can change the position." data-rel="tooltip" class="btn btn-warning">Hover for tooltip</a></code></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-tasks"></i> Progress Bars</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<h3>Basic</h3>
|
||||
<div class="progress">
|
||||
<div class="bar" style="width: 70%;"></div>
|
||||
</div>
|
||||
<h3>Striped</h3>
|
||||
<div class="progress progress-striped">
|
||||
<div class="bar" style="width: 30%;"></div>
|
||||
</div>
|
||||
<h3>Animated</h3>
|
||||
<div class="progress progress-striped progress-success active">
|
||||
<div class="bar" style="width: 50%;"></div>
|
||||
</div>
|
||||
<h3>Additional Colors</h3>
|
||||
<div class="progress progress-info progress-striped" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 20%"></div>
|
||||
</div>
|
||||
<div class="progress progress-success" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 40%"></div>
|
||||
</div>
|
||||
<div class="progress progress-warning progress-striped active" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 60%"></div>
|
||||
</div>
|
||||
<div class="progress progress-danger progress-striped" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 80%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span6">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-eye-open"></i> Labels and Annotations</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Labels</th>
|
||||
<th>Markup</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label">Default</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label">Default</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-success">Success</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-success">Success</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-warning">Warning</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-warning">Warning</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-important">Important</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-important">Important</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-info">Info</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-info">Info</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-inverse">Inverse</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-inverse">Inverse</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span5">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-bullhorn"></i> Alerts</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content alerts">
|
||||
<div class="alert alert-error">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>Oh snap!</strong> Change a few things up and try submitting again.
|
||||
</div>
|
||||
<div class="alert alert-success">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>Well done!</strong> You successfully read this important alert message.
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
|
||||
</div>
|
||||
<div class="alert alert-block ">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span7">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-bell"></i> Notifications</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="alert alert-info">
|
||||
Click buttons below to see Pop Notifications.
|
||||
</div>
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is a success notification","layout":"topLeft","type":"success"}'><i class="icon-bell icon-white"></i> Top Left</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert notification with fade effect","layout":"topCenter","type":"alert","animateOpen": {"opacity": "show"}}'><i class="icon-bell icon-white"></i> Top Center (fade)</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an error notification","layout":"topRight","type":"error"}'><i class="icon-bell icon-white"></i> Top Right</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is a success information","layout":"top","type":"information"}'><i class="icon-bell icon-white"></i> Top Full Width</button>
|
||||
</p>
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert notification with fade effect","layout":"center","type":"alert","animateOpen": {"opacity": "show"}}'><i class="icon-bell icon-white"></i> Center (fade)</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an error notification","layout":"center","type":"error"}'><i class="icon-bell icon-white"></i> Center</button>
|
||||
</p>
|
||||
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an error notification","layout":"bottomLeft","type":"error"}'><i class="icon-bell icon-white"></i> Bottom Left</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert notification with fade effect","layout":"bottomRight","type":"alert","animateOpen": {"opacity": "show"}}'><i class="icon-bell icon-white"></i> Bottom Right (fade)</button>
|
||||
</p>
|
||||
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert","layout":"bottom","type":"alert","closeButton":"true"}'><i class="icon-bell icon-white"></i> Bottom Full Width with Close Button</button>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span7">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-refresh"></i> Ajax Loaders</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="ajax-loaders">
|
||||
<?php for($i=1;$i<=8;$i++){ ?>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-<?php echo $i ?>.gif" title="img/ajax-loaders/ajax-loader-<?php echo $i ?>.gif" ></li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<span class="clearfix">From / More <a href="http://ajaxload.info/" target="_blank">http://ajaxload.info/</a></span>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<?php include('footer.php'); ?>
|
||||
|
|
@ -1,65 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>jquery扩展金属导航 - 站长素材</title>
|
||||
|
||||
<link rel="stylesheet" href="css/styles.css" type="text/css" />
|
||||
<link rel="stylesheet" href="css/jquery-tool.css" type="text/css" />
|
||||
|
||||
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
|
||||
<script type="text/javascript" src="js/jquery.tools.min.js"></script>
|
||||
<script type="text/javascript" src="js/main.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="text">jquery扩展金属导航<div style="font-size: 15px; float: right; clear:both;"></div></div>
|
||||
<div id="content">
|
||||
<ul id="expmenu-freebie">
|
||||
<li>
|
||||
<!-- Start Freebie -->
|
||||
<ul class="expmenu">
|
||||
<li>
|
||||
<div class="header" id="canimei">
|
||||
<span class="label" style="background-image: url(images/messages.png);">Messages</span>
|
||||
<span class="arrow up"></span>
|
||||
</div>
|
||||
<ul class="menu">
|
||||
<li>Notification Settings</li>
|
||||
<li class="selected">Email Alerts</li>
|
||||
<li>Privacy Settings</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="header">
|
||||
<span class="label" style="background-image: url(images/user.png);">User Controls</span>
|
||||
<span class="arrow up"></span>
|
||||
</div>
|
||||
<ul class="menu">
|
||||
<li><input type="range" name="range" min="0" max="100" value="35" style="width: 100%;" /></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="header">
|
||||
<span class="label" style="background-image: url(images/pc.png);">Screen Settings</span>
|
||||
<span class="arrow down"></span>
|
||||
</div>
|
||||
<ul class="menu" style="display:none">
|
||||
<li>Your settings</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<div class="header">
|
||||
<span class="label" style="background-image: url(images/search.png);">Search</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- End Freebie -->
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div style="text-align:center;clear:both">
|
||||
<p>适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. </p><br>
|
||||
<p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,288 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Tour</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12 tour">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-globe"></i> Tour</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<a href="tour.html">Click Here to restart the tour</a><br/>
|
||||
You can create Custom Tour, like this. <br/> For more help on implementing tour go <a href="http://pushly.github.com/bootstrap-tour/index.html" target="_blank">here</a>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,432 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">Typography</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span9">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-font"></i> Typography</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="page-header">
|
||||
<h1>Typography <small>Headings, paragraphs, lists, and other inline type elements</small></h1>
|
||||
</div>
|
||||
<div class="row-fluid ">
|
||||
<div class="span4">
|
||||
<h3>Sample text and paragraphs</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<h3>Example body text</h3>
|
||||
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||||
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
|
||||
</div>
|
||||
<div class="span4 ">
|
||||
<div class="well">
|
||||
<h1>h1. Heading 1</h1>
|
||||
<h2>h2. Heading 2</h2>
|
||||
<h3>h3. Heading 3</h3>
|
||||
<h4>h4. Heading 4</h4>
|
||||
<h5>h5. Heading 5</h5>
|
||||
<h6>h6. Heading 6</h6>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/row -->
|
||||
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<h3>Example blockquotes</h3>
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
<p>Default blockquotes are styled as such:</p>
|
||||
<blockquote>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
|
||||
<small>Someone famous in <cite title="">Body of work</cite></small>
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<p>You can always float your blockquote to the right:</p>
|
||||
<blockquote class="pull-right">
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis.</p>
|
||||
<small>Someone famous in <cite title="">Body of work</cite></small>
|
||||
</blockquote>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span6">
|
||||
<h3>More Sample Text</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
</div>
|
||||
<div class="span6">
|
||||
<h3>And Paragraphs</h3>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur bibendum ornare dolor, quis ullamcorper ligula sodales at. Nulla tellus elit, varius non commodo eget, mattis vel eros. In sed ornare nulla. Donec consectetur, velit a pharetra ultricies, diam lorem lacinia risus, ac commodo orci erat eu massa. Sed sit amet nulla ipsum. Donec felis mauris, vulputate sed tempor at, aliquam a ligula. Pellentesque non pulvinar nisi.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<div class="span12">
|
||||
<h2>Example use of Tooltips</h2>
|
||||
<p>Hover over the links below to see tooltips:</p>
|
||||
<div class="tooltip-demo well">
|
||||
<p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" data-rel="tooltip" data-original-title="first tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american appadata-rel <a href="#" data-rel="tooltip" data-original-title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A <a href="#" data-rel="tooltip" data-original-title="Another one here too">really ironic</a> artisan whatever keytar, scenester farm-to-table banksy Austin <a href="#" data-rel="tooltip" data-original-title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h3>Unordered List</h3>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipiscing elit</li>
|
||||
<li>Integer molestie lorem at massa</li>
|
||||
<li>Facilisis in pretium nisl aliquet</li>
|
||||
<li>Nulla volutpat aliquam velit
|
||||
<ul>
|
||||
<li>Phasellus iaculis neque</li>
|
||||
<li>Purus sodales ultricies</li>
|
||||
<li>Vestibulum laoreet porttitor sem</li>
|
||||
<li>Ac tristique libero volutpat at</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>Faucibus porta lacus fringilla vel</li>
|
||||
<li>Aenean sit amet erat nunc</li>
|
||||
<li>Eget porttitor lorem</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h3>Ordered List</h3>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ol>
|
||||
<li>Lorem ipsum dolor sit amet</li>
|
||||
<li>Consectetur adipiscing elit</li>
|
||||
<li>Integer molestie lorem at massa</li>
|
||||
<li>Facilisis in pretium nisl aliquet</li>
|
||||
<li>Nulla volutpat aliquam velit</li>
|
||||
<li>Faucibus porta lacus fringilla vel</li>
|
||||
<li>Aenean sit amet erat nunc</li>
|
||||
<li>Eget porttitor lorem</li>
|
||||
</ol>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span3">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h3>Description List</h3>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<dl>
|
||||
<dt>Description lists</dt>
|
||||
<dd>A description list is perfect for defining terms.</dd>
|
||||
<dt>Euismod</dt>
|
||||
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
|
||||
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
|
||||
<dt>Malesuada porta</dt>
|
||||
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here settings can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,548 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!--
|
||||
Charisma v1.0.0
|
||||
|
||||
Copyright 2012 Muhammad Usman
|
||||
Licensed under the Apache License v2.0
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
http://usman.it
|
||||
http://twitter.com/halalit_usman
|
||||
-->
|
||||
<meta charset="utf-8">
|
||||
<title>Free HTML5 Bootstrap Admin Template</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
|
||||
<meta name="author" content="Muhammad Usman">
|
||||
|
||||
<!-- The styles -->
|
||||
<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
|
||||
<style type="text/css">
|
||||
body {
|
||||
padding-bottom: 40px;
|
||||
}
|
||||
.sidebar-nav {
|
||||
padding: 9px 0;
|
||||
}
|
||||
</style>
|
||||
<link href="css/bootstrap-responsive.css" rel="stylesheet">
|
||||
<link href="css/charisma-app.css" rel="stylesheet">
|
||||
<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
|
||||
<link href='css/fullcalendar.css' rel='stylesheet'>
|
||||
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'>
|
||||
<link href='css/chosen.css' rel='stylesheet'>
|
||||
<link href='css/uniform.default.css' rel='stylesheet'>
|
||||
<link href='css/colorbox.css' rel='stylesheet'>
|
||||
<link href='css/jquery.cleditor.css' rel='stylesheet'>
|
||||
<link href='css/jquery.noty.css' rel='stylesheet'>
|
||||
<link href='css/noty_theme_default.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.min.css' rel='stylesheet'>
|
||||
<link href='css/elfinder.theme.css' rel='stylesheet'>
|
||||
<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
|
||||
<link href='css/opa-icons.css' rel='stylesheet'>
|
||||
<link href='css/uploadify.css' rel='stylesheet'>
|
||||
|
||||
<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- The fav icon -->
|
||||
<link rel="shortcut icon" href="img/favicon.ico">
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- topbar starts -->
|
||||
<div class="navbar">
|
||||
<div class="navbar-inner">
|
||||
<div class="container-fluid">
|
||||
<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</a>
|
||||
<a class="brand" href="index.html"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Charisma</span></a>
|
||||
|
||||
<!-- theme selector starts -->
|
||||
<div class="btn-group pull-right theme-container" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu" id="themes">
|
||||
<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
|
||||
<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
|
||||
<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
|
||||
<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
|
||||
<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
|
||||
<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
|
||||
<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
|
||||
<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
|
||||
<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- theme selector ends -->
|
||||
|
||||
<!-- user dropdown starts -->
|
||||
<div class="btn-group pull-right" >
|
||||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||||
<i class="icon-user"></i><span class="hidden-phone"> admin</span>
|
||||
<span class="caret"></span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Profile</a></li>
|
||||
<li class="divider"></li>
|
||||
<li><a href="login.html">Logout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- user dropdown ends -->
|
||||
|
||||
<div class="top-nav nav-collapse">
|
||||
<ul class="nav">
|
||||
<li><a href="#">Visit Site</a></li>
|
||||
<li>
|
||||
<form class="navbar-search pull-left">
|
||||
<input placeholder="Search" class="search-query span2" name="query" type="text">
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
</div><!--/.nav-collapse -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- topbar ends -->
|
||||
<div class="container-fluid">
|
||||
<div class="row-fluid">
|
||||
|
||||
<!-- left menu starts -->
|
||||
<div class="span2 main-menu-span">
|
||||
<div class="well nav-collapse sidebar-nav">
|
||||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||||
<li class="nav-header hidden-tablet">Main</li>
|
||||
<li><a class="ajax-link" href="index.html"><i class="icon-home"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||||
<li><a class="ajax-link" href="ui.html"><i class="icon-eye-open"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||||
<li><a class="ajax-link" href="form.html"><i class="icon-edit"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||||
<li><a class="ajax-link" href="chart.html"><i class="icon-list-alt"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||||
<li><a class="ajax-link" href="typography.html"><i class="icon-font"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||||
<li><a class="ajax-link" href="gallery.html"><i class="icon-picture"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||||
<li class="nav-header hidden-tablet">Sample Section</li>
|
||||
<li><a class="ajax-link" href="table.html"><i class="icon-align-justify"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||||
<li><a class="ajax-link" href="calendar.html"><i class="icon-calendar"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||||
<li><a class="ajax-link" href="grid.html"><i class="icon-th"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||||
<li><a class="ajax-link" href="file-manager.html"><i class="icon-folder-open"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||||
<li><a href="tour.html"><i class="icon-globe"></i><span class="hidden-tablet"> Tour</span></a></li>
|
||||
<li><a class="ajax-link" href="icon.html"><i class="icon-star"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||||
<li><a href="error.html"><i class="icon-ban-circle"></i><span class="hidden-tablet"> Error Page</span></a></li>
|
||||
<li><a href="login.html"><i class="icon-lock"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||||
</ul>
|
||||
<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
|
||||
</div><!--/.well -->
|
||||
</div><!--/span-->
|
||||
<!-- left menu ends -->
|
||||
|
||||
<noscript>
|
||||
<div class="alert alert-block span10">
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
|
||||
</div>
|
||||
</noscript>
|
||||
|
||||
<div id="content" class="span10">
|
||||
<!-- content starts -->
|
||||
|
||||
|
||||
<div>
|
||||
<ul class="breadcrumb">
|
||||
<li>
|
||||
<a href="#">Home</a> <span class="divider">/</span>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">UI Features</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span12">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-plus"></i> Extended Elements</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<table class="table table-bordered table-striped">
|
||||
<tr>
|
||||
<td><h3>Multiple File Upload</h3></td>
|
||||
<td>
|
||||
<input data-no-uniform="true" type="file" name="file_upload" id="file_upload" />
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Star Rating</h3></td>
|
||||
<td>
|
||||
<div class="raty"></div>
|
||||
</td>
|
||||
<td><code><div class="raty"></div></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Toggle Switch</h3></td>
|
||||
<td>
|
||||
<input data-no-uniform="true" checked type="checkbox" class="iphone-toggle">
|
||||
</td>
|
||||
<td><code><input data-no-uniform="true" type="checkbox" class="iphone-toggle"></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Auto Growing Textarea</h3></td>
|
||||
<td>
|
||||
<textarea class="autogrow">Press enter here, it will grow automatically.</textarea>
|
||||
</td>
|
||||
<td><code><textarea class="autogrow"></textarea></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Popover</h3></td>
|
||||
<td>
|
||||
<a href="#" class="btn btn-danger" data-rel="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">Hover for popover</a>
|
||||
</td>
|
||||
<td><code><a href="#" class="btn btn-danger" data-rel="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">hover for popover</a></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Slider</h3></td>
|
||||
<td>
|
||||
<div class="slider"></div>
|
||||
</td>
|
||||
<td><code><div class="slider"></div></code></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Dialog</h3></td>
|
||||
<td>
|
||||
<a href="#" class="btn btn-info btn-setting">Click for dialog</a>
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td><h3>Tooltip</h3></td>
|
||||
<td>
|
||||
<a href="#" title="Tooltip, you can change the position." data-rel="tooltip" class="btn btn-warning">Hover for tooltip</a>
|
||||
</td>
|
||||
<td><code><a href="#" title="Tooltip, you can change the position." data-rel="tooltip" class="btn btn-warning">Hover for tooltip</a></code></td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span6">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-tasks"></i> Progress Bars</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<h3>Basic</h3>
|
||||
<div class="progress">
|
||||
<div class="bar" style="width: 70%;"></div>
|
||||
</div>
|
||||
<h3>Striped</h3>
|
||||
<div class="progress progress-striped">
|
||||
<div class="bar" style="width: 30%;"></div>
|
||||
</div>
|
||||
<h3>Animated</h3>
|
||||
<div class="progress progress-striped progress-success active">
|
||||
<div class="bar" style="width: 50%;"></div>
|
||||
</div>
|
||||
<h3>Additional Colors</h3>
|
||||
<div class="progress progress-info progress-striped" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 20%"></div>
|
||||
</div>
|
||||
<div class="progress progress-success" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 40%"></div>
|
||||
</div>
|
||||
<div class="progress progress-warning progress-striped active" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 60%"></div>
|
||||
</div>
|
||||
<div class="progress progress-danger progress-striped" style="margin-bottom: 9px;">
|
||||
<div class="bar" style="width: 80%"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span6">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-eye-open"></i> Labels and Annotations</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<table class="table table-bordered table-striped">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Labels</th>
|
||||
<th>Markup</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label">Default</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label">Default</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-success">Success</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-success">Success</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-warning">Warning</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-warning">Warning</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-important">Important</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-important">Important</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-info">Info</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-info">Info</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<span class="label label-inverse">Inverse</span>
|
||||
</td>
|
||||
<td>
|
||||
<code><span class="label label-inverse">Inverse</span></code>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
</div><!--/row-->
|
||||
<div class="row-fluid sortable">
|
||||
<div class="box span5">
|
||||
<div class="box-header well">
|
||||
<h2><i class="icon-bullhorn"></i> Alerts</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content alerts">
|
||||
<div class="alert alert-error">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>Oh snap!</strong> Change a few things up and try submitting again.
|
||||
</div>
|
||||
<div class="alert alert-success">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>Well done!</strong> You successfully read this important alert message.
|
||||
</div>
|
||||
<div class="alert alert-info">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
|
||||
</div>
|
||||
<div class="alert alert-block ">
|
||||
<button type="button" class="close" data-dismiss="alert">×</button>
|
||||
<h4 class="alert-heading">Warning!</h4>
|
||||
<p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span7">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-bell"></i> Notifications</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<div class="alert alert-info">
|
||||
Click buttons below to see Pop Notifications.
|
||||
</div>
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is a success notification","layout":"topLeft","type":"success"}'><i class="icon-bell icon-white"></i> Top Left</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert notification with fade effect","layout":"topCenter","type":"alert","animateOpen": {"opacity": "show"}}'><i class="icon-bell icon-white"></i> Top Center (fade)</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an error notification","layout":"topRight","type":"error"}'><i class="icon-bell icon-white"></i> Top Right</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is a success information","layout":"top","type":"information"}'><i class="icon-bell icon-white"></i> Top Full Width</button>
|
||||
</p>
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert notification with fade effect","layout":"center","type":"alert","animateOpen": {"opacity": "show"}}'><i class="icon-bell icon-white"></i> Center (fade)</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an error notification","layout":"center","type":"error"}'><i class="icon-bell icon-white"></i> Center</button>
|
||||
</p>
|
||||
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an error notification","layout":"bottomLeft","type":"error"}'><i class="icon-bell icon-white"></i> Bottom Left</button>
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert notification with fade effect","layout":"bottomRight","type":"alert","animateOpen": {"opacity": "show"}}'><i class="icon-bell icon-white"></i> Bottom Right (fade)</button>
|
||||
</p>
|
||||
|
||||
<p class="center">
|
||||
<button class="btn btn-primary noty" data-noty-options='{"text":"This is an alert","layout":"bottom","type":"alert","closeButton":"true"}'><i class="icon-bell icon-white"></i> Bottom Full Width with Close Button</button>
|
||||
</p>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
|
||||
<div class="box span7">
|
||||
<div class="box-header well" data-original-title>
|
||||
<h2><i class="icon-refresh"></i> Ajax Loaders</h2>
|
||||
<div class="box-icon">
|
||||
<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
|
||||
<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
|
||||
<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-content">
|
||||
<ul class="ajax-loaders">
|
||||
<li><img src="img/ajax-loaders/ajax-loader-1.gif" title="img/ajax-loaders/ajax-loader-1.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-2.gif" title="img/ajax-loaders/ajax-loader-2.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-3.gif" title="img/ajax-loaders/ajax-loader-3.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-4.gif" title="img/ajax-loaders/ajax-loader-4.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-5.gif" title="img/ajax-loaders/ajax-loader-5.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-6.gif" title="img/ajax-loaders/ajax-loader-6.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-7.gif" title="img/ajax-loaders/ajax-loader-7.gif" ></li>
|
||||
<li><img src="img/ajax-loaders/ajax-loader-8.gif" title="img/ajax-loaders/ajax-loader-8.gif" ></li>
|
||||
</ul>
|
||||
<span class="clearfix">From / More <a href="http://ajaxload.info/" target="_blank">http://ajaxload.info/</a></span>
|
||||
</div>
|
||||
</div><!--/span-->
|
||||
</div><!--/row-->
|
||||
|
||||
|
||||
<!-- content ends -->
|
||||
</div><!--/#content.span10-->
|
||||
</div><!--/fluid-row-->
|
||||
|
||||
<hr>
|
||||
|
||||
<div class="modal hide fade" id="myModal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal">×</button>
|
||||
<h3>Settings</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<p>Here can be configured...</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn" data-dismiss="modal">Close</a>
|
||||
<a href="#" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>
|
||||
<p class="pull-left">© <a href="http://usman.it" target="_blank">Muhammad Usman</a> 2012</p>
|
||||
<p class="pull-right">Powered by: <a href="http://usman.it/free-responsive-admin-template">Charisma</a></p>
|
||||
</footer>
|
||||
|
||||
</div><!--/.fluid-container-->
|
||||
|
||||
<!-- external javascript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="js/jquery-1.7.2.min.js"></script>
|
||||
<!-- jQuery UI -->
|
||||
<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
|
||||
<!-- transition / effect library -->
|
||||
<script src="js/bootstrap-transition.js"></script>
|
||||
<!-- alert enhancer library -->
|
||||
<script src="js/bootstrap-alert.js"></script>
|
||||
<!-- modal / dialog library -->
|
||||
<script src="js/bootstrap-modal.js"></script>
|
||||
<!-- custom dropdown library -->
|
||||
<script src="js/bootstrap-dropdown.js"></script>
|
||||
<!-- scrolspy library -->
|
||||
<script src="js/bootstrap-scrollspy.js"></script>
|
||||
<!-- library for creating tabs -->
|
||||
<script src="js/bootstrap-tab.js"></script>
|
||||
<!-- library for advanced tooltip -->
|
||||
<script src="js/bootstrap-tooltip.js"></script>
|
||||
<!-- popover effect library -->
|
||||
<script src="js/bootstrap-popover.js"></script>
|
||||
<!-- button enhancer library -->
|
||||
<script src="js/bootstrap-button.js"></script>
|
||||
<!-- accordion library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-collapse.js"></script>
|
||||
<!-- carousel slideshow library (optional, not used in demo) -->
|
||||
<script src="js/bootstrap-carousel.js"></script>
|
||||
<!-- autocomplete library -->
|
||||
<script src="js/bootstrap-typeahead.js"></script>
|
||||
<!-- tour library -->
|
||||
<script src="js/bootstrap-tour.js"></script>
|
||||
<!-- library for cookie management -->
|
||||
<script src="js/jquery.cookie.js"></script>
|
||||
<!-- calander plugin -->
|
||||
<script src='js/fullcalendar.min.js'></script>
|
||||
<!-- data table plugin -->
|
||||
<script src='js/jquery.dataTables.min.js'></script>
|
||||
|
||||
<!-- chart libraries start -->
|
||||
<script src="js/excanvas.js"></script>
|
||||
<script src="js/jquery.flot.min.js"></script>
|
||||
<script src="js/jquery.flot.pie.min.js"></script>
|
||||
<script src="js/jquery.flot.stack.js"></script>
|
||||
<script src="js/jquery.flot.resize.min.js"></script>
|
||||
<!-- chart libraries end -->
|
||||
|
||||
<!-- select or dropdown enhancer -->
|
||||
<script src="js/jquery.chosen.min.js"></script>
|
||||
<!-- checkbox, radio, and file input styler -->
|
||||
<script src="js/jquery.uniform.min.js"></script>
|
||||
<!-- plugin for gallery image view -->
|
||||
<script src="js/jquery.colorbox.min.js"></script>
|
||||
<!-- rich text editor library -->
|
||||
<script src="js/jquery.cleditor.min.js"></script>
|
||||
<!-- notification plugin -->
|
||||
<script src="js/jquery.noty.js"></script>
|
||||
<!-- file manager library -->
|
||||
<script src="js/jquery.elfinder.min.js"></script>
|
||||
<!-- star rating plugin -->
|
||||
<script src="js/jquery.raty.min.js"></script>
|
||||
<!-- for iOS style toggle switch -->
|
||||
<script src="js/jquery.iphone.toggle.js"></script>
|
||||
<!-- autogrowing textarea plugin -->
|
||||
<script src="js/jquery.autogrow-textarea.js"></script>
|
||||
<!-- multiple file upload plugin -->
|
||||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||||
<!-- history.js for cross-browser state change on ajax -->
|
||||
<script src="js/jquery.history.js"></script>
|
||||
<!-- application script for Charisma demo -->
|
||||
<script src="js/charisma.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1 +0,0 @@
|
|||
/org
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
#Generated by Maven Integration for Eclipse
|
||||
#Thu Aug 29 19:49:08 CST 2013
|
||||
#Mon Sep 02 18:49:13 CST 2013
|
||||
version=0.0.1-SNAPSHOT
|
||||
groupId=bench4q-web
|
||||
m2e.projectName=bench4q-web
|
||||
m2e.projectLocation=C\:\\Users\\D\\Bench4Q-Web.git\\Bench4Q-Web\\bench4q-web
|
||||
m2e.projectLocation=C\:\\Users\\wxr\\git\\Bench4Q-Web\\bench4q-web
|
||||
artifactId=bench4q-web
|
||||
|
|
|
|||
Loading…
Reference in New Issue