begin update for bootstrap 4 - index.html

pull/776/head
razvanaldea89 2019-02-13 11:32:03 +02:00
parent 783fd9bcc1
commit 1f93b0c63b
4 changed files with 4256 additions and 3288 deletions

File diff suppressed because it is too large Load Diff

View File

@ -96,9 +96,13 @@ $(document).ready(function() {
if ($BODY.hasClass('nav-md')) { if ($BODY.hasClass('nav-md')) {
$SIDEBAR_MENU.find('li.active ul').hide(); $SIDEBAR_MENU.find('li.active ul').hide();
$SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active'); $SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
$('.main_container > .left_col').removeClass('col-md-2').addClass('col-md-1');
$('.main_container > .left_col').next('div').removeClass('col-md-10').addClass('col-md-11');
} else { } else {
$SIDEBAR_MENU.find('li.active-sm ul').show(); $SIDEBAR_MENU.find('li.active-sm ul').show();
$SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm'); $SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
$('.main_container > .left_col').removeClass('col-md-1').addClass('col-md-2');
$('.main_container > .left_col').next('div').removeClass('col-md-11').addClass('col-md-10');
} }
$BODY.toggleClass('nav-md nav-sm'); $BODY.toggleClass('nav-md nav-sm');

View File

@ -1,12 +1,12 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. --> <!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="images/favicon.ico" type="image/ico" /> <link rel="icon" href="images/favicon.ico" type="image/ico"/>
<title>Gentelella Alela!! | </title> <title>Gentelella Alela!! | </title>
@ -27,16 +27,16 @@
<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"> <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<!-- Custom Theme Style --> <!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet"> <!-- TODO put back the minified version after completion and minification -->
<link href="../build/css/custom.css" rel="stylesheet">
<link href="../build/css/style-extra-bs4.css" rel="stylesheet"> <link href="../build/css/style-extra-bs4.css" rel="stylesheet">
</head> </head>
<body class="nav-md"> <body class="nav-md">
<div class="container body test"> <div class="body test">
<div class="main_container row"> <div class="main_container row">
<div class="col-md-2 left_col">
<div class="col-md-3 left_col">
<div class="left_col"> <div class="left_col">
<div class="navbar nav_title" style="border: 0;"> <div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a> <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
@ -54,10 +54,9 @@
<h2>John Doe</h2> <h2>John Doe</h2>
</div> </div>
</div> </div>
-->
<!-- /menu profile quick info --> <!-- /menu profile quick info -->
<br /> <br/>
<!-- sidebar menu --> <!-- sidebar menu -->
@ -82,7 +81,8 @@
<li><a href="form_buttons.html">Form Buttons</a></li> <li><a href="form_buttons.html">Form Buttons</a></li>
</ul> </ul>
</li> </li>
<li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a> <li><a><i class="fa fa-desktop"></i> UI Elements <span
class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu"> <ul class="nav child_menu">
<li><a href="general_elements.html">General Elements</a></li> <li><a href="general_elements.html">General Elements</a></li>
<li><a href="media_gallery.html">Media Gallery</a></li> <li><a href="media_gallery.html">Media Gallery</a></li>
@ -101,7 +101,8 @@
<li><a href="tables_dynamic.html">Table Dynamic</a></li> <li><a href="tables_dynamic.html">Table Dynamic</a></li>
</ul> </ul>
</li> </li>
<li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a> <li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span
class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu"> <ul class="nav child_menu">
<li><a href="chartjs.html">Chart JS</a></li> <li><a href="chartjs.html">Chart JS</a></li>
<li><a href="chartjs2.html">Chart JS2</a></li> <li><a href="chartjs2.html">Chart JS2</a></li>
@ -121,7 +122,8 @@
<div class="menu_section"> <div class="menu_section">
<h3>Live On</h3> <h3>Live On</h3>
<ul class="nav side-menu"> <ul class="nav side-menu">
<li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a> <li><a><i class="fa fa-bug"></i> Additional Pages <span
class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu"> <ul class="nav child_menu">
<li><a href="e_commerce.html">E-commerce</a></li> <li><a href="e_commerce.html">E-commerce</a></li>
<li><a href="projects.html">Projects</a></li> <li><a href="projects.html">Projects</a></li>
@ -140,7 +142,8 @@
<li><a href="pricing_tables.html">Pricing Tables</a></li> <li><a href="pricing_tables.html">Pricing Tables</a></li>
</ul> </ul>
</li> </li>
<li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a> <li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span
class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu"> <ul class="nav child_menu">
<li><a href="#level1_1">Level One</a> <li><a href="#level1_1">Level One</a>
<li><a>Level One<span class="fa fa-chevron-down"></span></a> <li><a>Level One<span class="fa fa-chevron-down"></span></a>
@ -157,7 +160,8 @@
</li> </li>
</ul> </ul>
</li> </li>
<li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li> <li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span
class="label label-success pull-right">Coming Soon</span></a></li>
</ul> </ul>
</div> </div>
@ -183,10 +187,10 @@
<!-- /menu footer buttons --> <!-- /menu footer buttons -->
</div> </div>
</div> </div>
<div class="col-md-10">
<div class="row">
<!-- top navigation --> <!-- top navigation -->
<div class="top_nav col-md-12">
<div class="top_nav">
<div class="nav_menu"> <div class="nav_menu">
<nav> <nav>
<div class="nav toggle"> <div class="nav toggle">
@ -195,7 +199,8 @@
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class=""> <li class="">
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
aria-expanded="false">
<img src="images/img.jpg" alt="">John Doe <img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span> <span class=" fa fa-angle-down"></span>
</a> </a>
@ -213,14 +218,15 @@
</li> </li>
<li role="presentation" class="dropdown"> <li role="presentation" class="dropdown">
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false"> <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown"
aria-expanded="false">
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span> <span class="badge bg-green">6</span>
</a> </a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu"> <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li> <li>
<a> <a>
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
<span> <span>
<span>John Smith</span> <span>John Smith</span>
<span class="time">3 mins ago</span> <span class="time">3 mins ago</span>
@ -232,7 +238,7 @@
</li> </li>
<li> <li>
<a> <a>
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
<span> <span>
<span>John Smith</span> <span>John Smith</span>
<span class="time">3 mins ago</span> <span class="time">3 mins ago</span>
@ -244,7 +250,7 @@
</li> </li>
<li> <li>
<a> <a>
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
<span> <span>
<span>John Smith</span> <span>John Smith</span>
<span class="time">3 mins ago</span> <span class="time">3 mins ago</span>
@ -256,7 +262,7 @@
</li> </li>
<li> <li>
<a> <a>
<span class="image"><img src="images/img.jpg" alt="Profile Image" /></span> <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
<span> <span>
<span>John Smith</span> <span>John Smith</span>
<span class="time">3 mins ago</span> <span class="time">3 mins ago</span>
@ -280,11 +286,9 @@
</nav> </nav>
</div> </div>
</div> </div>
<!-- /top navigation --> <!-- /top navigation -->
<!-- page content --> <!-- page content -->
<div class="right_col" role="main"> <div class="right_col col-md-12" role="main">
<!-- top tiles --> <!-- top tiles -->
<div class="row tile_count"> <div class="row tile_count">
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count"> <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
@ -295,27 +299,32 @@
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count"> <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-clock-o"></i> Average Time</span> <span class="count_top"><i class="fa fa-clock-o"></i> Average Time</span>
<div class="count">123.50</div> <div class="count">123.50</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>3% </i> From last Week</span> <span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>3% </i> From last Week</span>
</div> </div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count"> <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Males</span> <span class="count_top"><i class="fa fa-user"></i> Total Males</span>
<div class="count green">2,500</div> <div class="count green">2,500</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span> <span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div> </div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count"> <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Females</span> <span class="count_top"><i class="fa fa-user"></i> Total Females</span>
<div class="count">4,567</div> <div class="count">4,567</div>
<span class="count_bottom"><i class="red"><i class="fa fa-sort-desc"></i>12% </i> From last Week</span> <span class="count_bottom"><i class="red"><i
class="fa fa-sort-desc"></i>12% </i> From last Week</span>
</div> </div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count"> <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Collections</span> <span class="count_top"><i class="fa fa-user"></i> Total Collections</span>
<div class="count">2,315</div> <div class="count">2,315</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span> <span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div> </div>
<div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count"> <div class="col-md-2 col-sm-4 col-xs-6 tile_stats_count">
<span class="count_top"><i class="fa fa-user"></i> Total Connections</span> <span class="count_top"><i class="fa fa-user"></i> Total Connections</span>
<div class="count">7,325</div> <div class="count">7,325</div>
<span class="count_bottom"><i class="green"><i class="fa fa-sort-asc"></i>34% </i> From last Week</span> <span class="count_bottom"><i class="green"><i
class="fa fa-sort-asc"></i>34% </i> From last Week</span>
</div> </div>
</div> </div>
<!-- /top tiles --> <!-- /top tiles -->
@ -326,10 +335,13 @@
<div class="row x_title"> <div class="row x_title">
<div class="col-md-6"> <div class="col-md-6">
<h3>Network Activities <small>Graph title sub-title</small></h3> <h3>Network Activities
<small>Graph title sub-title</small>
</h3>
</div> </div>
<div class="col-md-6"> <div class="col-md-6">
<div id="reportrange" class="pull-right" style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc"> <div id="reportrange" class="pull-right"
style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc">
<i class="glyphicon glyphicon-calendar fa fa-calendar"></i> <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
<span>December 30, 2014 - January 28, 2015</span> <b class="caret"></b> <span>December 30, 2014 - January 28, 2015</span> <b class="caret"></b>
</div> </div>
@ -350,7 +362,8 @@
<p>Facebook Campaign</p> <p>Facebook Campaign</p>
<div class=""> <div class="">
<div class="progress progress_sm" style="width: 76%;"> <div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="80"></div> <div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="80"></div>
</div> </div>
</div> </div>
</div> </div>
@ -358,7 +371,8 @@
<p>Twitter Campaign</p> <p>Twitter Campaign</p>
<div class=""> <div class="">
<div class="progress progress_sm" style="width: 76%;"> <div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="60"></div> <div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="60"></div>
</div> </div>
</div> </div>
</div> </div>
@ -368,7 +382,8 @@
<p>Conventional Media</p> <p>Conventional Media</p>
<div class=""> <div class="">
<div class="progress progress_sm" style="width: 76%;"> <div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="40"></div> <div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="40"></div>
</div> </div>
</div> </div>
</div> </div>
@ -376,7 +391,8 @@
<p>Bill boards</p> <p>Bill boards</p>
<div class=""> <div class="">
<div class="progress progress_sm" style="width: 76%;"> <div class="progress progress_sm" style="width: 76%;">
<div class="progress-bar bg-green" role="progressbar" data-transitiongoal="50"></div> <div class="progress-bar bg-green" role="progressbar"
data-transitiongoal="50"></div>
</div> </div>
</div> </div>
</div> </div>
@ -389,7 +405,7 @@
</div> </div>
</div> </div>
<br /> <br/>
<div class="row"> <div class="row">
@ -402,7 +418,8 @@
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -423,7 +440,8 @@
</div> </div>
<div class="w_center w_55"> <div class="w_center w_55">
<div class="progress"> <div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 66%;"> <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 66%;">
<span class="sr-only">60% Complete</span> <span class="sr-only">60% Complete</span>
</div> </div>
</div> </div>
@ -440,7 +458,8 @@
</div> </div>
<div class="w_center w_55"> <div class="w_center w_55">
<div class="progress"> <div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 45%;"> <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
<span class="sr-only">60% Complete</span> <span class="sr-only">60% Complete</span>
</div> </div>
</div> </div>
@ -456,7 +475,8 @@
</div> </div>
<div class="w_center w_55"> <div class="w_center w_55">
<div class="progress"> <div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 25%;"> <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 25%;">
<span class="sr-only">60% Complete</span> <span class="sr-only">60% Complete</span>
</div> </div>
</div> </div>
@ -472,7 +492,8 @@
</div> </div>
<div class="w_center w_55"> <div class="w_center w_55">
<div class="progress"> <div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 5%;"> <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 5%;">
<span class="sr-only">60% Complete</span> <span class="sr-only">60% Complete</span>
</div> </div>
</div> </div>
@ -488,7 +509,8 @@
</div> </div>
<div class="w_center w_55"> <div class="w_center w_55">
<div class="progress"> <div class="progress">
<div class="progress-bar bg-green" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 2%;"> <div class="progress-bar bg-green" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 2%;">
<span class="sr-only">60% Complete</span> <span class="sr-only">60% Complete</span>
</div> </div>
</div> </div>
@ -511,7 +533,8 @@
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -541,7 +564,8 @@
</tr> </tr>
<tr> <tr>
<td> <td>
<canvas class="canvasDoughnut" height="140" width="140" style="margin: 15px 10px 10px 0"></canvas> <canvas class="canvasDoughnut" height="140" width="140"
style="margin: 15px 10px 10px 0"></canvas>
</td> </td>
<td> <td>
<table class="tile_info"> <table class="tile_info">
@ -592,7 +616,8 @@
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -612,10 +637,10 @@
</li> </li>
<li><i class="fa fa-bars"></i><a href="#">Subscription</a> <li><i class="fa fa-bars"></i><a href="#">Subscription</a>
</li> </li>
<li><i class="fa fa-bar-chart"></i><a href="#">Auto Renewal</a> </li> <li><i class="fa fa-bar-chart"></i><a href="#">Auto Renewal</a></li>
<li><i class="fa fa-line-chart"></i><a href="#">Achievements</a> <li><i class="fa fa-line-chart"></i><a href="#">Achievements</a>
</li> </li>
<li><i class="fa fa-bar-chart"></i><a href="#">Auto Renewal</a> </li> <li><i class="fa fa-bar-chart"></i><a href="#">Auto Renewal</a></li>
<li><i class="fa fa-line-chart"></i><a href="#">Achievements</a> <li><i class="fa fa-line-chart"></i><a href="#">Achievements</a>
</li> </li>
<li><i class="fa fa-area-chart"></i><a href="#">Logout</a> <li><i class="fa fa-area-chart"></i><a href="#">Logout</a>
@ -624,7 +649,8 @@
<div class="sidebar-widget"> <div class="sidebar-widget">
<h4>Profile Completion</h4> <h4>Profile Completion</h4>
<canvas width="150" height="80" id="chart_gauge_01" class="" style="width: 160px; height: 100px;"></canvas> <canvas width="150" height="80" id="chart_gauge_01" class=""
style="width: 160px; height: 100px;"></canvas>
<div class="goal-wrapper"> <div class="goal-wrapper">
<span id="gauge-text" class="gauge-value pull-left">0</span> <span id="gauge-text" class="gauge-value pull-left">0</span>
<span class="gauge-value pull-left">%</span> <span class="gauge-value pull-left">%</span>
@ -643,12 +669,15 @@
<div class="col-md-4 col-sm-4 col-xs-12"> <div class="col-md-4 col-sm-4 col-xs-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
<h2>Recent Activities <small>Sessions</small></h2> <h2>Recent Activities
<small>Sessions</small>
</h2>
<ul class="nav navbar-right panel_toolbox"> <ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -674,7 +703,12 @@
<div class="byline"> <div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a> <span>13 hours ago</span> by <a>Jane Smith</a>
</div> </div>
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, theyd pay to Fast-forward and… <a>Read&nbsp;More</a> <p class="excerpt">Film festivals used to be do-or-die moments for
movie
makers. They were where you met the producers that could fund
your
project, and if the buyers liked your flick, theyd pay to
Fast-forward and… <a>Read&nbsp;More</a>
</p> </p>
</div> </div>
</div> </div>
@ -688,7 +722,12 @@
<div class="byline"> <div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a> <span>13 hours ago</span> by <a>Jane Smith</a>
</div> </div>
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, theyd pay to Fast-forward and… <a>Read&nbsp;More</a> <p class="excerpt">Film festivals used to be do-or-die moments for
movie
makers. They were where you met the producers that could fund
your
project, and if the buyers liked your flick, theyd pay to
Fast-forward and… <a>Read&nbsp;More</a>
</p> </p>
</div> </div>
</div> </div>
@ -702,7 +741,12 @@
<div class="byline"> <div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a> <span>13 hours ago</span> by <a>Jane Smith</a>
</div> </div>
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, theyd pay to Fast-forward and… <a>Read&nbsp;More</a> <p class="excerpt">Film festivals used to be do-or-die moments for
movie
makers. They were where you met the producers that could fund
your
project, and if the buyers liked your flick, theyd pay to
Fast-forward and… <a>Read&nbsp;More</a>
</p> </p>
</div> </div>
</div> </div>
@ -716,7 +760,12 @@
<div class="byline"> <div class="byline">
<span>13 hours ago</span> by <a>Jane Smith</a> <span>13 hours ago</span> by <a>Jane Smith</a>
</div> </div>
<p class="excerpt">Film festivals used to be do-or-die moments for movie makers. They were where you met the producers that could fund your project, and if the buyers liked your flick, theyd pay to Fast-forward and… <a>Read&nbsp;More</a> <p class="excerpt">Film festivals used to be do-or-die moments for
movie
makers. They were where you met the producers that could fund
your
project, and if the buyers liked your flick, theyd pay to
Fast-forward and… <a>Read&nbsp;More</a>
</p> </p>
</div> </div>
</div> </div>
@ -731,18 +780,20 @@
<div class="col-md-8 col-sm-8 col-xs-12"> <div class="col-md-8 col-sm-8 col-xs-12">
<div class="row"> <div class="row">
<div class="col-md-12 col-sm-12 col-xs-12"> <div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
<h2>Visitors location <small>geo-presentation</small></h2> <h2>Visitors location
<small>geo-presentation</small>
</h2>
<ul class="nav navbar-right panel_toolbox"> <ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -785,7 +836,8 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<div id="world-map-gdp" class="col-md-8 col-sm-12 col-xs-12" style="height:230px;"></div> <div id="world-map-gdp" class="col-md-8 col-sm-12 col-xs-12"
style="height:230px;"></div>
</div> </div>
</div> </div>
</div> </div>
@ -799,12 +851,15 @@
<div class="col-md-6 col-sm-6 col-xs-12"> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
<h2>To Do List <small>Sample tasks</small></h2> <h2>To Do List
<small>Sample tasks</small>
</h2>
<ul class="nav navbar-right panel_toolbox"> <ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -823,39 +878,52 @@
<ul class="to_do"> <ul class="to_do">
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Schedule meeting with new client </p> <input type="checkbox" class="flat"> Schedule meeting with new
client </p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Create email address for new intern</p> <input type="checkbox" class="flat"> Create email address for
new
intern</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Have IT fix the network printer</p> <input type="checkbox" class="flat"> Have IT fix the network
printer
</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Copy backups to offsite location</p> <input type="checkbox" class="flat"> Copy backups to offsite
location</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Food truck fixie locavors mcsweeney</p> <input type="checkbox" class="flat"> Food truck fixie locavors
mcsweeney</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Food truck fixie locavors mcsweeney</p> <input type="checkbox" class="flat"> Food truck fixie locavors
mcsweeney</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Create email address for new intern</p> <input type="checkbox" class="flat"> Create email address for
new
intern</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Have IT fix the network printer</p> <input type="checkbox" class="flat"> Have IT fix the network
printer
</p>
</li> </li>
<li> <li>
<p> <p>
<input type="checkbox" class="flat"> Copy backups to offsite location</p> <input type="checkbox" class="flat"> Copy backups to offsite
location</p>
</li> </li>
</ul> </ul>
</div> </div>
@ -868,12 +936,15 @@
<div class="col-md-6 col-sm-6 col-xs-12"> <div class="col-md-6 col-sm-6 col-xs-12">
<div class="x_panel"> <div class="x_panel">
<div class="x_title"> <div class="x_title">
<h2>Daily active users <small>Sessions</small></h2> <h2>Daily active users
<small>Sessions</small>
</h2>
<ul class="nav navbar-right panel_toolbox"> <ul class="nav navbar-right panel_toolbox">
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a> <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
</li> </li>
<li class="dropdown"> <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"><i class="fa fa-wrench"></i></a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#">Settings 1</a> <li><a href="#">Settings 1</a>
</li> </li>
@ -976,60 +1047,61 @@
</div> </div>
</div> </div>
<!-- /page content --> <!-- /page content -->
<!-- footer content --> <!-- footer content -->
<footer> <footer class="col-md-12" >
<div class="pull-right"> <div class="pull-right">
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a> Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</div> </div>
<div class="clearfix"></div> <div class="clearfix"></div>
</footer> </footer>
</div>
</div>
<!-- /footer content --> <!-- /footer content -->
</div> </div>
</div> </div>
<!-- jQuery --> <!-- jQuery -->
<script src="../vendors/jquery/dist/jquery.min.js"></script> <script src="../vendors/jquery/dist/jquery.min.js"></script>
<!-- Popper --> <!-- Popper -->
<script src="../vendors/popper/popper.min.js"></script> <script src="../vendors/popper/popper.min.js"></script>
<!-- Bootstrap --> <!-- Bootstrap -->
<script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script> <script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick --> <!-- FastClick -->
<script src="../vendors/fastclick/lib/fastclick.js"></script> <script src="../vendors/fastclick/lib/fastclick.js"></script>
<!-- NProgress --> <!-- NProgress -->
<script src="../vendors/nprogress/nprogress.js"></script> <script src="../vendors/nprogress/nprogress.js"></script>
<!-- Chart.js --> <!-- Chart.js -->
<script src="../vendors/Chart.js/dist/Chart.min.js"></script> <script src="../vendors/Chart.js/dist/Chart.min.js"></script>
<!-- gauge.js --> <!-- gauge.js -->
<script src="../vendors/gauge.js/dist/gauge.min.js"></script> <script src="../vendors/gauge.js/dist/gauge.min.js"></script>
<!-- bootstrap-progressbar --> <!-- bootstrap-progressbar -->
<script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script> <script src="../vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
<!-- iCheck --> <!-- iCheck -->
<script src="../vendors/iCheck/icheck.min.js"></script> <script src="../vendors/iCheck/icheck.min.js"></script>
<!-- Skycons --> <!-- Skycons -->
<script src="../vendors/skycons/skycons.js"></script> <script src="../vendors/skycons/skycons.js"></script>
<!-- Flot --> <!-- Flot -->
<script src="../vendors/Flot/jquery.flot.js"></script> <script src="../vendors/Flot/jquery.flot.js"></script>
<script src="../vendors/Flot/jquery.flot.pie.js"></script> <script src="../vendors/Flot/jquery.flot.pie.js"></script>
<script src="../vendors/Flot/jquery.flot.time.js"></script> <script src="../vendors/Flot/jquery.flot.time.js"></script>
<script src="../vendors/Flot/jquery.flot.stack.js"></script> <script src="../vendors/Flot/jquery.flot.stack.js"></script>
<script src="../vendors/Flot/jquery.flot.resize.js"></script> <script src="../vendors/Flot/jquery.flot.resize.js"></script>
<!-- Flot plugins --> <!-- Flot plugins -->
<script src="../vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script> <script src="../vendors/flot.orderbars/js/jquery.flot.orderBars.js"></script>
<script src="../vendors/flot-spline/js/jquery.flot.spline.min.js"></script> <script src="../vendors/flot-spline/js/jquery.flot.spline.min.js"></script>
<script src="../vendors/flot.curvedlines/curvedLines.js"></script> <script src="../vendors/flot.curvedlines/curvedLines.js"></script>
<!-- DateJS --> <!-- DateJS -->
<script src="../vendors/DateJS/build/date.js"></script> <script src="../vendors/DateJS/build/date.js"></script>
<!-- JQVMap --> <!-- JQVMap -->
<script src="../vendors/jqvmap/dist/jquery.vmap.js"></script> <script src="../vendors/jqvmap/dist/jquery.vmap.js"></script>
<script src="../vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script> <script src="../vendors/jqvmap/dist/maps/jquery.vmap.world.js"></script>
<script src="../vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script> <script src="../vendors/jqvmap/examples/js/jquery.vmap.sampledata.js"></script>
<!-- bootstrap-daterangepicker --> <!-- bootstrap-daterangepicker -->
<script src="../vendors/moment/min/moment.min.js"></script> <script src="../vendors/moment/min/moment.min.js"></script>
<script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script> <script src="../vendors/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- Custom Theme Scripts --> <!-- Custom Theme Scripts -->
<script src="../build/js/custom.js"></script> <script src="../build/js/custom.js"></script>
</body> </body>
</html> </html>

View File

@ -19,13 +19,13 @@
<link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet"> <link href="../vendors/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet">
<!-- Custom Theme Style --> <!-- Custom Theme Style -->
<link href="../build/css/custom.min.css" rel="stylesheet"> <link href="../build/css/custom.css" rel="stylesheet">
</head> </head>
<body class="nav-md"> <body class="nav-md">
<div class="container body"> <div class="body">
<div class="main_container"> <div class="main_container row">
<div class="col-md-3 left_col"> <div class="col-md-2 left_col">
<div class="left_col"> <div class="left_col">
<div class="navbar nav_title" style="border: 0;"> <div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a> <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
@ -268,7 +268,7 @@
<!-- /top navigation --> <!-- /top navigation -->
<!-- page content --> <!-- page content -->
<div class="right_col" role="main"> <div class="right_col col-md-10" role="main">
<div class=""> <div class="">
<div class="row top_tiles"> <div class="row top_tiles">
<div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12"> <div class="animated flipInY col-lg-3 col-md-3 col-sm-6 col-xs-12">