614 lines
27 KiB
HTML
614 lines
27 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
|
||
<!-- start: Meta -->
|
||
<meta charset="utf-8">
|
||
<title>Perfectum Dashboard - Perfect Bootstrap Admin Template</title>
|
||
<meta name="description" content="Perfectum Dashboard Bootstrap Admin Template.">
|
||
<meta name="author" content="Łukasz Holeczek">
|
||
<!-- end: Meta -->
|
||
|
||
<!-- start: Mobile Specific -->
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<!-- end: Mobile Specific -->
|
||
|
||
<!-- start: CSS -->
|
||
<link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
|
||
<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
|
||
<link id="base-style" href="css/style.css" rel="stylesheet">
|
||
<link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
|
||
|
||
<!--[if lt IE 7 ]>
|
||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||
<![endif]-->
|
||
<!--[if IE 8 ]>
|
||
<link id="ie-style" href="css/style-ie.css" rel="stylesheet">
|
||
<![endif]-->
|
||
<!--[if IE 9 ]>
|
||
<![endif]-->
|
||
|
||
<!-- end: 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]-->
|
||
|
||
<!-- start: Favicon -->
|
||
<link rel="shortcut icon" href="img/favicon.ico">
|
||
<!-- end: Favicon -->
|
||
|
||
|
||
|
||
|
||
</head>
|
||
|
||
<body>
|
||
<div id="overlay">
|
||
<ul>
|
||
<li class="li1"></li>
|
||
<li class="li2"></li>
|
||
<li class="li3"></li>
|
||
<li class="li4"></li>
|
||
<li class="li5"></li>
|
||
<li class="li6"></li>
|
||
</ul>
|
||
</div>
|
||
<!-- start: Header -->
|
||
<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="Perfectum Dashboard" src="img/logo20.png" /> <span class="hidden-phone">Perfectum Dashboard</span></a>
|
||
|
||
<!-- start: Header Menu -->
|
||
<div class="nav-no-collapse header-nav">
|
||
<ul class="nav pull-right">
|
||
<li class="dropdown hidden-phone">
|
||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||
<i class="icon-warning-sign icon-white"></i> <span class="label label-important hidden-phone">2</span> <span class="label label-success hidden-phone">11</span>
|
||
</a>
|
||
<ul class="dropdown-menu notifications">
|
||
<li>
|
||
<span class="dropdown-menu-title">You have 11 notifications</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">1 min</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">7 min</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">8 min</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">16 min</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">36 min</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-shopping-cart"></i> <span class="message">2 items sold</span> <span class="time">1 hour</span>
|
||
</a>
|
||
</li>
|
||
<li class="warning">
|
||
<a href="#">
|
||
- <i class="icon-user icon-red"></i> <span class="message">User deleted account</span> <span class="time">2 hour</span>
|
||
</a>
|
||
</li>
|
||
<li class="warning">
|
||
<a href="#">
|
||
- <i class="icon-shopping-cart icon-red"></i> <span class="message">Transaction was canceled</span> <span class="time">6 hour</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-comment"></i> <span class="message">New comment</span> <span class="time">yesterday</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
+ <i class="icon-user"></i> <span class="message">New user registration</span> <span class="time">yesterday</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="dropdown-menu-sub-footer">View all notifications</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<!-- start: Notifications Dropdown -->
|
||
<li class="dropdown hidden-phone">
|
||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||
<i class="icon-tasks icon-white"></i> <span class="label label-warning hidden-phone">17</span>
|
||
</a>
|
||
<ul class="dropdown-menu tasks">
|
||
<li>
|
||
<span class="dropdown-menu-title">You have 17 tasks in progress</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="header">
|
||
<span class="title">iOS Development</span>
|
||
<span class="percent"></span>
|
||
</span>
|
||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="header">
|
||
<span class="title">Android Development</span>
|
||
<span class="percent"></span>
|
||
</span>
|
||
<div class="taskProgress progressSlim progressYellow">47</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="header">
|
||
<span class="title">Django Project For Google</span>
|
||
<span class="percent"></span>
|
||
</span>
|
||
<div class="taskProgress progressSlim progressYellow">32</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="header">
|
||
<span class="title">SEO for new sites</span>
|
||
<span class="percent"></span>
|
||
</span>
|
||
<div class="taskProgress progressSlim progressYellow">63</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="header">
|
||
<span class="title">New blog posts</span>
|
||
<span class="percent"></span>
|
||
</span>
|
||
<div class="taskProgress progressSlim progressYellow">80</div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="dropdown-menu-sub-footer">View all tasks</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<!-- end: Notifications Dropdown -->
|
||
<!-- start: Message Dropdown -->
|
||
<li class="dropdown hidden-phone">
|
||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||
<i class="icon-envelope icon-white"></i> <span class="label label-success hidden-phone">9</span>
|
||
</a>
|
||
<ul class="dropdown-menu messages">
|
||
<li>
|
||
<span class="dropdown-menu-title">You have 9 messages</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="avatar"><img src="img/avatar.jpg" alt="Avatar"></span>
|
||
<span class="header">
|
||
<span class="from">
|
||
Łukasz Holeczek
|
||
</span>
|
||
<span class="time">
|
||
6 min
|
||
</span>
|
||
</span>
|
||
<span class="message">
|
||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="avatar"><img src="img/avatar2.jpg" alt="Avatar"></span>
|
||
<span class="header">
|
||
<span class="from">
|
||
Megan Abott
|
||
</span>
|
||
<span class="time">
|
||
56 min
|
||
</span>
|
||
</span>
|
||
<span class="message">
|
||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="avatar"><img src="img/avatar3.jpg" alt="Avatar"></span>
|
||
<span class="header">
|
||
<span class="from">
|
||
Kate Ross
|
||
</span>
|
||
<span class="time">
|
||
3 hours
|
||
</span>
|
||
</span>
|
||
<span class="message">
|
||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="avatar"><img src="img/avatar4.jpg" alt="Avatar"></span>
|
||
<span class="header">
|
||
<span class="from">
|
||
Julie Blank
|
||
</span>
|
||
<span class="time">
|
||
yesterday
|
||
</span>
|
||
</span>
|
||
<span class="message">
|
||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">
|
||
<span class="avatar"><img src="img/avatar5.jpg" alt="Avatar"></span>
|
||
<span class="header">
|
||
<span class="from">
|
||
Jane Sanders
|
||
</span>
|
||
<span class="time">
|
||
Jul 25, 2012
|
||
</span>
|
||
</span>
|
||
<span class="message">
|
||
Lorem ipsum dolor sit amet consectetur adipiscing elit, et al commore
|
||
</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="dropdown-menu-sub-footer">View all messages</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<!-- end: Message Dropdown -->
|
||
<li>
|
||
<a class="btn" href="#">
|
||
<i class="icon-wrench icon-white"></i>
|
||
</a>
|
||
</li>
|
||
<!-- start: User Dropdown -->
|
||
<li class="dropdown">
|
||
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
|
||
<i class="icon-user icon-white"></i>
|
||
<span class="caret"></span>
|
||
</a>
|
||
<ul class="dropdown-menu">
|
||
<li><a href="#"><i class="icon-user"></i> Profile</a></li>
|
||
<li><a href="login.html"><i class="icon-off"></i> Logout</a></li>
|
||
</ul>
|
||
</li>
|
||
<!-- end: User Dropdown -->
|
||
</ul>
|
||
</div>
|
||
<!-- end: Header Menu -->
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- start: Header -->
|
||
|
||
<div class="container-fluid">
|
||
<div class="row-fluid">
|
||
|
||
<!-- start: Main Menu -->
|
||
<div class="span2 main-menu-span">
|
||
<div class="nav-collapse sidebar-nav">
|
||
<ul class="nav nav-tabs nav-stacked main-menu">
|
||
<li><a href="index.html"><i class="icon-home icon-white"></i><span class="hidden-tablet"> Dashboard</span></a></li>
|
||
<li><a href="ui.html"><i class="icon-eye-open icon-white"></i><span class="hidden-tablet"> UI Features</span></a></li>
|
||
<li><a href="form.html"><i class="icon-edit icon-white"></i><span class="hidden-tablet"> Forms</span></a></li>
|
||
<li><a href="chart.html"><i class="icon-list-alt icon-white"></i><span class="hidden-tablet"> Charts</span></a></li>
|
||
<li>
|
||
<a class="dropmenu" href="#"><i class="fa-icon-folder-close-alt"></i><span class="hidden-tablet"> Dropdown</span></a>
|
||
<ul>
|
||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 1</span></a></li>
|
||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 2</span></a></li>
|
||
<li><a class="submenu" href="submenu.html"><i class="fa-icon-file-alt"></i><span class="hidden-tablet"> Sub Menu 3</span></a></li>
|
||
</ul>
|
||
</li>
|
||
<li><a href="typography.html"><i class="icon-font icon-white"></i><span class="hidden-tablet"> Typography</span></a></li>
|
||
<li><a href="gallery.html"><i class="icon-picture icon-white"></i><span class="hidden-tablet"> Gallery</span></a></li>
|
||
<li><a href="table.html"><i class="icon-align-justify icon-white"></i><span class="hidden-tablet"> Tables</span></a></li>
|
||
<li><a href="calendar.html"><i class="icon-calendar icon-white"></i><span class="hidden-tablet"> Calendar</span></a></li>
|
||
<li><a href="grid.html"><i class="icon-th icon-white"></i><span class="hidden-tablet"> Grid</span></a></li>
|
||
<li><a href="file-manager.html"><i class="icon-folder-open icon-white"></i><span class="hidden-tablet"> File Manager</span></a></li>
|
||
<li><a href="icon.html"><i class="icon-star icon-white"></i><span class="hidden-tablet"> Icons</span></a></li>
|
||
<li><a href="login.html"><i class="icon-lock icon-white"></i><span class="hidden-tablet"> Login Page</span></a></li>
|
||
</ul>
|
||
</div><!--/.well -->
|
||
</div><!--/span-->
|
||
<!-- end: Main Menu -->
|
||
|
||
<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">
|
||
<!-- start: Content -->
|
||
|
||
|
||
<div>
|
||
<hr>
|
||
<ul class="breadcrumb">
|
||
<li>
|
||
<a href="#">Home</a> <span class="divider">/</span>
|
||
</li>
|
||
<li>
|
||
<a href="#">Grid</a>
|
||
</li>
|
||
</ul>
|
||
<hr>
|
||
</div>
|
||
|
||
<div class="row-fluid sortable">
|
||
<div class="box span12">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 12</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
</div><!--/row-->
|
||
|
||
<div class="row-fluid sortable">
|
||
<div class="box span3">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
<div class="box span3">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
<div class="box span3">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
<div class="box span3">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 3</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/row-->
|
||
|
||
<div class="row-fluid sortable">
|
||
<div class="box span6">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 6</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
|
||
<div class="box span6">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 6</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
</div><!--/row-->
|
||
<div class="row-fluid sortable">
|
||
<div class="box span4">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 4</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
|
||
<div class="box span4">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 4</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
|
||
<div class="box span4">
|
||
<div class="box-header">
|
||
<h2><i class="icon-th"></i><span class="break"></span>Grid 4</h2>
|
||
<div class="box-icon">
|
||
<a href="#" class="btn-setting"><i class="icon-wrench"></i></a>
|
||
<a href="#" class="btn-minimize"><i class="icon-chevron-up"></i></a>
|
||
<a href="#" class="btn-close"><i class="icon-remove"></i></a>
|
||
</div>
|
||
</div>
|
||
<div class="box-content">
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
|
||
</p>
|
||
</div>
|
||
</div><!--/span-->
|
||
</div><!--/row-->
|
||
|
||
|
||
<hr>
|
||
<!-- end: Content -->
|
||
</div><!--/#content.span10-->
|
||
</div><!--/fluid-row-->
|
||
|
||
<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>
|
||
|
||
<div class="clearfix"></div>
|
||
|
||
<footer>
|
||
<p>
|
||
<span style="text-align:left;float:left">© <a href="http://clabs.co" target="_blank">creativeLabs</a> 2013</span>
|
||
<span style="text-align:right;float:right">Powered by: <a href="#">Perfectum Dashboard</a></span>
|
||
</p>
|
||
|
||
</footer>
|
||
|
||
</div><!--/.fluid-container-->
|
||
|
||
<!-- start: JavaScript-->
|
||
|
||
<script src="js/jquery-1.9.1.min.js"></script>
|
||
<script src="js/jquery-migrate-1.0.0.min.js"></script>
|
||
|
||
<script src="js/jquery-ui-1.10.0.custom.min.js"></script>
|
||
|
||
<script src="js/jquery.ui.touch-punch.js"></script>
|
||
|
||
<script src="js/bootstrap.min.js"></script>
|
||
|
||
<script src="js/jquery.cookie.js"></script>
|
||
|
||
<script src='js/fullcalendar.min.js'></script>
|
||
|
||
<script src='js/jquery.dataTables.min.js'></script>
|
||
|
||
<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>
|
||
|
||
<script src="js/jquery.chosen.min.js"></script>
|
||
|
||
<script src="js/jquery.uniform.min.js"></script>
|
||
|
||
<script src="js/jquery.cleditor.min.js"></script>
|
||
|
||
<script src="js/jquery.noty.js"></script>
|
||
|
||
<script src="js/jquery.elfinder.min.js"></script>
|
||
|
||
<script src="js/jquery.raty.min.js"></script>
|
||
|
||
<script src="js/jquery.iphone.toggle.js"></script>
|
||
|
||
<script src="js/jquery.uploadify-3.1.min.js"></script>
|
||
|
||
<script src="js/jquery.gritter.min.js"></script>
|
||
|
||
<script src="js/jquery.imagesloaded.js"></script>
|
||
|
||
<script src="js/jquery.masonry.min.js"></script>
|
||
|
||
<script src="js/jquery.knob.js"></script>
|
||
|
||
<script src="js/jquery.sparkline.min.js"></script>
|
||
|
||
<script src="js/custom.js"></script>
|
||
<!-- end: JavaScript-->
|
||
|
||
</body>
|
||
</html>
|