mirror of https://github.com/ColorlibHQ/gentelella
Code consistency
Aigars Silkalns
parent
0d2f865adb
commit
55185e03b1
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -41,383 +41,393 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
<div class="col-md-3 left_col">
|
<div class="col-md-3 left_col">
|
||||||
<div class="left_col scroll-view">
|
<div class="left_col scroll-view">
|
||||||
|
|
||||||
<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>Empty!</span></a>
|
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Empty!</span></a>
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
|
|
||||||
<!-- menu prile quick info -->
|
|
||||||
<div class="profile">
|
|
||||||
<div class="profile_pic">
|
|
||||||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
|
||||||
</div>
|
</div>
|
||||||
<div class="profile_info">
|
<div class="clearfix"></div>
|
||||||
<span>Welcome,</span>
|
|
||||||
<h2>Empty user</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /menu prile quick info -->
|
|
||||||
|
|
||||||
|
<!-- menu prile quick info -->
|
||||||
|
<div class="profile">
|
||||||
|
<div class="profile_pic">
|
||||||
|
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||||
|
</div>
|
||||||
|
<div class="profile_info">
|
||||||
|
<span>Welcome,</span>
|
||||||
|
<h2>Empty user</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /menu prile quick info -->
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<!-- sidebar menu -->
|
||||||
|
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
||||||
|
|
||||||
|
<div class="menu_section">
|
||||||
|
<h3>General</h3>
|
||||||
|
<ul class="nav side-menu">
|
||||||
|
<li><a><i class="fa fa-home"></i> Menu1 <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="empty.html">Sub1.1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="empty.html">Sub1.2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a><i class="fa fa-edit"></i> Menu2 <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="empty.html">Menu2.1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="empty.html">Meny2.2s</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /sidebar menu -->
|
||||||
|
|
||||||
|
<!-- /menu footer buttons -->
|
||||||
|
<div class="sidebar-footer hidden-small">
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||||||
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||||||
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||||||
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
||||||
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- /menu footer buttons -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- top navigation -->
|
||||||
|
<div class="top_nav">
|
||||||
|
|
||||||
|
<div class="nav_menu">
|
||||||
|
<nav class="" role="navigation">
|
||||||
|
<div class="nav toggle">
|
||||||
|
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /top navigation -->
|
||||||
|
|
||||||
|
|
||||||
|
<!-- page content -->
|
||||||
|
<div class="right_col" role="main">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||||
|
<div class="dashboard_graph">
|
||||||
|
|
||||||
|
<div class="row x_title">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<h3>Empty <small>no content</small></h3>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||||
|
...
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<!-- sidebar menu -->
|
<!-- footer content -->
|
||||||
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
|
||||||
|
|
||||||
<div class="menu_section">
|
<footer>
|
||||||
<h3>General</h3>
|
<div class="">
|
||||||
<ul class="nav side-menu">
|
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
||||||
<li><a><i class="fa fa-home"></i> Menu1 <span class="fa fa-chevron-down"></span></a>
|
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
||||||
<ul class="nav child_menu" style="display: none">
|
</p>
|
||||||
<li><a href="empty.html">Sub1.1</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="empty.html">Sub1.2</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a><i class="fa fa-edit"></i> Menu2 <span class="fa fa-chevron-down"></span></a>
|
|
||||||
<ul class="nav child_menu" style="display: none">
|
|
||||||
<li><a href="empty.html">Menu2.1</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="empty.html">Meny2.2s</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="clearfix"></div>
|
||||||
<!-- /sidebar menu -->
|
</footer>
|
||||||
|
<!-- /footer content -->
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
<div class="sidebar-footer hidden-small">
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
||||||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
||||||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
||||||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
|
||||||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- top navigation -->
|
|
||||||
<div class="top_nav">
|
|
||||||
|
|
||||||
<div class="nav_menu">
|
|
||||||
<nav class="" role="navigation">
|
|
||||||
<div class="nav toggle">
|
|
||||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- /top navigation -->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- page content -->
|
|
||||||
<div class="right_col" role="main">
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
|
||||||
<div class="dashboard_graph">
|
|
||||||
|
|
||||||
<div class="row x_title">
|
|
||||||
<div class="col-md-6">
|
|
||||||
<h3>Empty <small>no content</small></h3>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-6">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
|
||||||
...
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<br />
|
|
||||||
|
|
||||||
<!-- footer content -->
|
|
||||||
|
|
||||||
<footer>
|
|
||||||
<div class="">
|
|
||||||
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
|
||||||
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</footer>
|
|
||||||
<!-- /footer content -->
|
|
||||||
</div>
|
|
||||||
<!-- /page content -->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<!-- gauge js -->
|
||||||
|
<script type="text/javascript" src="js/gauge/gauge.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/gauge/gauge_demo.js"></script>
|
||||||
|
<!-- chart js -->
|
||||||
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
|
<!-- bootstrap progress js -->
|
||||||
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
|
<!-- icheck -->
|
||||||
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
<!-- daterangepicker -->
|
||||||
|
<script type="text/javascript" src="js/moment.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/datepicker/daterangepicker.js"></script>
|
||||||
|
|
||||||
<!-- gauge js -->
|
<script src="js/custom.js"></script>
|
||||||
<script type="text/javascript" src="js/gauge/gauge.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/gauge/gauge_demo.js"></script>
|
|
||||||
<!-- chart js -->
|
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
|
||||||
<!-- bootstrap progress js -->
|
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
|
||||||
<!-- icheck -->
|
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
|
||||||
<!-- daterangepicker -->
|
|
||||||
<script type="text/javascript" src="js/moment.min.js"></script>
|
|
||||||
<script type="text/javascript" src="js/datepicker/daterangepicker.js"></script>
|
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<!-- flot js -->
|
||||||
|
<!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.pie.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.orderBars.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.time.min.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/date.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.spline.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/curvedLines.js"></script>
|
||||||
|
<script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script>
|
||||||
|
<script>
|
||||||
|
$(document).ready(function() {
|
||||||
|
// [17, 74, 6, 39, 20, 85, 7]
|
||||||
|
//[82, 23, 66, 9, 99, 6, 2]
|
||||||
|
var data1 = [
|
||||||
|
[gd(2012, 1, 1), 17],
|
||||||
|
[gd(2012, 1, 2), 74],
|
||||||
|
[gd(2012, 1, 3), 6],
|
||||||
|
[gd(2012, 1, 4), 39],
|
||||||
|
[gd(2012, 1, 5), 20],
|
||||||
|
[gd(2012, 1, 6), 85],
|
||||||
|
[gd(2012, 1, 7), 7]
|
||||||
|
];
|
||||||
|
|
||||||
<!-- flot js -->
|
var data2 = [
|
||||||
<!--[if lte IE 8]><script type="text/javascript" src="js/excanvas.min.js"></script><![endif]-->
|
[gd(2012, 1, 1), 82],
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.js"></script>
|
[gd(2012, 1, 2), 23],
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.pie.js"></script>
|
[gd(2012, 1, 3), 66],
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.orderBars.js"></script>
|
[gd(2012, 1, 4), 9],
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.time.min.js"></script>
|
[gd(2012, 1, 5), 119],
|
||||||
<script type="text/javascript" src="js/flot/date.js"></script>
|
[gd(2012, 1, 6), 6],
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.spline.js"></script>
|
[gd(2012, 1, 7), 9]
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
|
];
|
||||||
<script type="text/javascript" src="js/flot/curvedLines.js"></script>
|
$("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
|
||||||
<script type="text/javascript" src="js/flot/jquery.flot.resize.js"></script>
|
data1, data2
|
||||||
<script>
|
], {
|
||||||
$(document).ready(function () {
|
series: {
|
||||||
// [17, 74, 6, 39, 20, 85, 7]
|
lines: {
|
||||||
//[82, 23, 66, 9, 99, 6, 2]
|
show: false,
|
||||||
var data1 = [[gd(2012, 1, 1), 17], [gd(2012, 1, 2), 74], [gd(2012, 1, 3), 6], [gd(2012, 1, 4), 39], [gd(2012, 1, 5), 20], [gd(2012, 1, 6), 85], [gd(2012, 1, 7), 7]];
|
fill: true
|
||||||
|
},
|
||||||
|
splines: {
|
||||||
|
show: true,
|
||||||
|
tension: 0.4,
|
||||||
|
lineWidth: 1,
|
||||||
|
fill: 0.4
|
||||||
|
},
|
||||||
|
points: {
|
||||||
|
radius: 0,
|
||||||
|
show: true
|
||||||
|
},
|
||||||
|
shadowSize: 2
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
verticalLines: true,
|
||||||
|
hoverable: true,
|
||||||
|
clickable: true,
|
||||||
|
tickColor: "#d5d5d5",
|
||||||
|
borderWidth: 1,
|
||||||
|
color: '#fff'
|
||||||
|
},
|
||||||
|
colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
|
||||||
|
xaxis: {
|
||||||
|
tickColor: "rgba(51, 51, 51, 0.06)",
|
||||||
|
mode: "time",
|
||||||
|
tickSize: [1, "day"],
|
||||||
|
//tickLength: 10,
|
||||||
|
axisLabel: "Date",
|
||||||
|
axisLabelUseCanvas: true,
|
||||||
|
axisLabelFontSizePixels: 12,
|
||||||
|
axisLabelFontFamily: 'Verdana, Arial',
|
||||||
|
axisLabelPadding: 10
|
||||||
|
//mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
ticks: 8,
|
||||||
|
tickColor: "rgba(51, 51, 51, 0.06)",
|
||||||
|
},
|
||||||
|
tooltip: false
|
||||||
|
});
|
||||||
|
|
||||||
var data2 = [[gd(2012, 1, 1), 82], [gd(2012, 1, 2), 23], [gd(2012, 1, 3), 66], [gd(2012, 1, 4), 9], [gd(2012, 1, 5), 119], [gd(2012, 1, 6), 6], [gd(2012, 1, 7), 9]];
|
function gd(year, month, day) {
|
||||||
$("#canvas_dahs").length && $.plot($("#canvas_dahs"), [
|
return new Date(year, month - 1, day).getTime();
|
||||||
data1, data2
|
}
|
||||||
], {
|
});
|
||||||
series: {
|
</script>
|
||||||
lines: {
|
|
||||||
show: false,
|
|
||||||
fill: true
|
|
||||||
},
|
|
||||||
splines: {
|
|
||||||
show: true,
|
|
||||||
tension: 0.4,
|
|
||||||
lineWidth: 1,
|
|
||||||
fill: 0.4
|
|
||||||
},
|
|
||||||
points: {
|
|
||||||
radius: 0,
|
|
||||||
show: true
|
|
||||||
},
|
|
||||||
shadowSize: 2
|
|
||||||
},
|
|
||||||
grid: {
|
|
||||||
verticalLines: true,
|
|
||||||
hoverable: true,
|
|
||||||
clickable: true,
|
|
||||||
tickColor: "#d5d5d5",
|
|
||||||
borderWidth: 1,
|
|
||||||
color: '#fff'
|
|
||||||
},
|
|
||||||
colors: ["rgba(38, 185, 154, 0.38)", "rgba(3, 88, 106, 0.38)"],
|
|
||||||
xaxis: {
|
|
||||||
tickColor: "rgba(51, 51, 51, 0.06)",
|
|
||||||
mode: "time",
|
|
||||||
tickSize: [1, "day"],
|
|
||||||
//tickLength: 10,
|
|
||||||
axisLabel: "Date",
|
|
||||||
axisLabelUseCanvas: true,
|
|
||||||
axisLabelFontSizePixels: 12,
|
|
||||||
axisLabelFontFamily: 'Verdana, Arial',
|
|
||||||
axisLabelPadding: 10
|
|
||||||
//mode: "time", timeformat: "%m/%d/%y", minTickSize: [1, "day"]
|
|
||||||
},
|
|
||||||
yaxis: {
|
|
||||||
ticks: 8,
|
|
||||||
tickColor: "rgba(51, 51, 51, 0.06)",
|
|
||||||
},
|
|
||||||
tooltip: false
|
|
||||||
});
|
|
||||||
|
|
||||||
function gd(year, month, day) {
|
<!-- worldmap -->
|
||||||
return new Date(year, month - 1, day).getTime();
|
<script type="text/javascript" src="js/maps/jquery-jvectormap-2.0.3.min.js"></script>
|
||||||
}
|
<script type="text/javascript" src="js/maps/gdp-data.js"></script>
|
||||||
});
|
<script type="text/javascript" src="js/maps/jquery-jvectormap-world-mill-en.js"></script>
|
||||||
</script>
|
<script type="text/javascript" src="js/maps/jquery-jvectormap-us-aea-en.js"></script>
|
||||||
|
<!-- pace -->
|
||||||
|
<script src="js/pace/pace.min.js"></script>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$('#world-map-gdp').vectorMap({
|
||||||
|
map: 'world_mill_en',
|
||||||
|
backgroundColor: 'transparent',
|
||||||
|
zoomOnScroll: false,
|
||||||
|
series: {
|
||||||
|
regions: [{
|
||||||
|
values: gdpData,
|
||||||
|
scale: ['#E6F2F0', '#149B7E'],
|
||||||
|
normalizeFunction: 'polynomial'
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
onRegionTipShow: function(e, el, code) {
|
||||||
|
el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!-- skycons -->
|
||||||
|
<script src="js/skycons/skycons.min.js"></script>
|
||||||
|
<script>
|
||||||
|
var icons = new Skycons({
|
||||||
|
"color": "#73879C"
|
||||||
|
}),
|
||||||
|
list = [
|
||||||
|
"clear-day", "clear-night", "partly-cloudy-day",
|
||||||
|
"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
|
||||||
|
"fog"
|
||||||
|
],
|
||||||
|
i;
|
||||||
|
|
||||||
<!-- worldmap -->
|
for (i = list.length; i--;)
|
||||||
<script type="text/javascript" src="js/maps/jquery-jvectormap-2.0.3.min.js"></script>
|
icons.set(list[i], list[i]);
|
||||||
<script type="text/javascript" src="js/maps/gdp-data.js"></script>
|
|
||||||
<script type="text/javascript" src="js/maps/jquery-jvectormap-world-mill-en.js"></script>
|
|
||||||
<script type="text/javascript" src="js/maps/jquery-jvectormap-us-aea-en.js"></script>
|
|
||||||
<!-- pace -->
|
|
||||||
<script src="js/pace/pace.min.js"></script>
|
|
||||||
<script>
|
|
||||||
$(function () {
|
|
||||||
$('#world-map-gdp').vectorMap({
|
|
||||||
map: 'world_mill_en',
|
|
||||||
backgroundColor: 'transparent',
|
|
||||||
zoomOnScroll: false,
|
|
||||||
series: {
|
|
||||||
regions: [{
|
|
||||||
values: gdpData,
|
|
||||||
scale: ['#E6F2F0', '#149B7E'],
|
|
||||||
normalizeFunction: 'polynomial'
|
|
||||||
}]
|
|
||||||
},
|
|
||||||
onRegionTipShow: function (e, el, code) {
|
|
||||||
el.html(el.html() + ' (GDP - ' + gdpData[code] + ')');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
<!-- skycons -->
|
|
||||||
<script src="js/skycons/skycons.min.js"></script>
|
|
||||||
<script>
|
|
||||||
var icons = new Skycons({
|
|
||||||
"color": "#73879C"
|
|
||||||
}),
|
|
||||||
list = [
|
|
||||||
"clear-day", "clear-night", "partly-cloudy-day",
|
|
||||||
"partly-cloudy-night", "cloudy", "rain", "sleet", "snow", "wind",
|
|
||||||
"fog"
|
|
||||||
],
|
|
||||||
i;
|
|
||||||
|
|
||||||
for (i = list.length; i--;)
|
icons.play();
|
||||||
icons.set(list[i], list[i]);
|
</script>
|
||||||
|
|
||||||
icons.play();
|
<!-- dashbord linegraph -->
|
||||||
</script>
|
<script>
|
||||||
|
var doughnutData = [{
|
||||||
|
value: 30,
|
||||||
|
color: "#455C73"
|
||||||
|
}, {
|
||||||
|
value: 30,
|
||||||
|
color: "#9B59B6"
|
||||||
|
}, {
|
||||||
|
value: 60,
|
||||||
|
color: "#BDC3C7"
|
||||||
|
}, {
|
||||||
|
value: 100,
|
||||||
|
color: "#26B99A"
|
||||||
|
}, {
|
||||||
|
value: 120,
|
||||||
|
color: "#3498DB"
|
||||||
|
}];
|
||||||
|
var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData);
|
||||||
|
</script>
|
||||||
|
<!-- /dashbord linegraph -->
|
||||||
|
<!-- datepicker -->
|
||||||
|
<script type="text/javascript">
|
||||||
|
$(document).ready(function() {
|
||||||
|
|
||||||
<!-- dashbord linegraph -->
|
var cb = function(start, end, label) {
|
||||||
<script>
|
console.log(start.toISOString(), end.toISOString(), label);
|
||||||
var doughnutData = [
|
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
|
||||||
{
|
//alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]");
|
||||||
value: 30,
|
}
|
||||||
color: "#455C73"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 30,
|
|
||||||
color: "#9B59B6"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 60,
|
|
||||||
color: "#BDC3C7"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 100,
|
|
||||||
color: "#26B99A"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: 120,
|
|
||||||
color: "#3498DB"
|
|
||||||
}
|
|
||||||
];
|
|
||||||
var myDoughnut = new Chart(document.getElementById("canvas1").getContext("2d")).Doughnut(doughnutData);
|
|
||||||
</script>
|
|
||||||
<!-- /dashbord linegraph -->
|
|
||||||
<!-- datepicker -->
|
|
||||||
<script type="text/javascript">
|
|
||||||
$(document).ready(function () {
|
|
||||||
|
|
||||||
var cb = function (start, end, label) {
|
var optionSet1 = {
|
||||||
console.log(start.toISOString(), end.toISOString(), label);
|
startDate: moment().subtract(29, 'days'),
|
||||||
$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
|
endDate: moment(),
|
||||||
//alert("Callback has fired: [" + start.format('MMMM D, YYYY') + " to " + end.format('MMMM D, YYYY') + ", label = " + label + "]");
|
minDate: '01/01/2012',
|
||||||
}
|
maxDate: '12/31/2015',
|
||||||
|
dateLimit: {
|
||||||
var optionSet1 = {
|
days: 60
|
||||||
startDate: moment().subtract(29, 'days'),
|
},
|
||||||
endDate: moment(),
|
showDropdowns: true,
|
||||||
minDate: '01/01/2012',
|
showWeekNumbers: true,
|
||||||
maxDate: '12/31/2015',
|
timePicker: false,
|
||||||
dateLimit: {
|
timePickerIncrement: 1,
|
||||||
days: 60
|
timePicker12Hour: true,
|
||||||
},
|
ranges: {
|
||||||
showDropdowns: true,
|
'Today': [moment(), moment()],
|
||||||
showWeekNumbers: true,
|
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
||||||
timePicker: false,
|
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
||||||
timePickerIncrement: 1,
|
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
||||||
timePicker12Hour: true,
|
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
||||||
ranges: {
|
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
||||||
'Today': [moment(), moment()],
|
},
|
||||||
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
|
opens: 'left',
|
||||||
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
|
buttonClasses: ['btn btn-default'],
|
||||||
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
|
applyClass: 'btn-small btn-primary',
|
||||||
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
cancelClass: 'btn-small',
|
||||||
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
|
format: 'MM/DD/YYYY',
|
||||||
},
|
separator: ' to ',
|
||||||
opens: 'left',
|
locale: {
|
||||||
buttonClasses: ['btn btn-default'],
|
applyLabel: 'Submit',
|
||||||
applyClass: 'btn-small btn-primary',
|
cancelLabel: 'Clear',
|
||||||
cancelClass: 'btn-small',
|
fromLabel: 'From',
|
||||||
format: 'MM/DD/YYYY',
|
toLabel: 'To',
|
||||||
separator: ' to ',
|
customRangeLabel: 'Custom',
|
||||||
locale: {
|
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
||||||
applyLabel: 'Submit',
|
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
||||||
cancelLabel: 'Clear',
|
firstDay: 1
|
||||||
fromLabel: 'From',
|
}
|
||||||
toLabel: 'To',
|
};
|
||||||
customRangeLabel: 'Custom',
|
$('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
|
||||||
daysOfWeek: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'],
|
$('#reportrange').daterangepicker(optionSet1, cb);
|
||||||
monthNames: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
|
$('#reportrange').on('show.daterangepicker', function() {
|
||||||
firstDay: 1
|
console.log("show event fired");
|
||||||
}
|
});
|
||||||
};
|
$('#reportrange').on('hide.daterangepicker', function() {
|
||||||
$('#reportrange span').html(moment().subtract(29, 'days').format('MMMM D, YYYY') + ' - ' + moment().format('MMMM D, YYYY'));
|
console.log("hide event fired");
|
||||||
$('#reportrange').daterangepicker(optionSet1, cb);
|
});
|
||||||
$('#reportrange').on('show.daterangepicker', function () {
|
$('#reportrange').on('apply.daterangepicker', function(ev, picker) {
|
||||||
console.log("show event fired");
|
console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
|
||||||
});
|
});
|
||||||
$('#reportrange').on('hide.daterangepicker', function () {
|
$('#reportrange').on('cancel.daterangepicker', function(ev, picker) {
|
||||||
console.log("hide event fired");
|
console.log("cancel event fired");
|
||||||
});
|
});
|
||||||
$('#reportrange').on('apply.daterangepicker', function (ev, picker) {
|
$('#options1').click(function() {
|
||||||
console.log("apply event fired, start/end dates are " + picker.startDate.format('MMMM D, YYYY') + " to " + picker.endDate.format('MMMM D, YYYY'));
|
$('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
|
||||||
});
|
});
|
||||||
$('#reportrange').on('cancel.daterangepicker', function (ev, picker) {
|
$('#options2').click(function() {
|
||||||
console.log("cancel event fired");
|
$('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
|
||||||
});
|
});
|
||||||
$('#options1').click(function () {
|
$('#destroy').click(function() {
|
||||||
$('#reportrange').data('daterangepicker').setOptions(optionSet1, cb);
|
$('#reportrange').data('daterangepicker').remove();
|
||||||
});
|
});
|
||||||
$('#options2').click(function () {
|
});
|
||||||
$('#reportrange').data('daterangepicker').setOptions(optionSet2, cb);
|
</script>
|
||||||
});
|
<script>
|
||||||
$('#destroy').click(function () {
|
NProgress.done();
|
||||||
$('#reportrange').data('daterangepicker').remove();
|
</script>
|
||||||
});
|
<!-- /datepicker -->
|
||||||
});
|
<!-- /footer content -->
|
||||||
</script>
|
|
||||||
<script>
|
|
||||||
NProgress.done();
|
|
||||||
</script>
|
|
||||||
<!-- /datepicker -->
|
|
||||||
<!-- /footer content -->
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -39,381 +39,381 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<div class="col-md-3 left_col">
|
<div class="col-md-3 left_col">
|
||||||
<div class="left_col scroll-view">
|
<div class="left_col scroll-view">
|
||||||
|
|
||||||
<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>Gentellela Alela!</span></a>
|
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
|
||||||
<!-- menu prile quick info -->
|
<!-- menu prile quick info -->
|
||||||
<div class="profile">
|
<div class="profile">
|
||||||
<div class="profile_pic">
|
<div class="profile_pic">
|
||||||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||||
</div>
|
</div>
|
||||||
<div class="profile_info">
|
<div class="profile_info">
|
||||||
<span>Welcome,</span>
|
<span>Welcome,</span>
|
||||||
<h2>John Doe</h2>
|
<h2>John Doe</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- /menu prile quick info -->
|
<!-- /menu prile quick info -->
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<!-- sidebar menu -->
|
<!-- sidebar menu -->
|
||||||
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
||||||
|
|
||||||
<div class="menu_section">
|
<div class="menu_section">
|
||||||
<h3>General</h3>
|
<h3>General</h3>
|
||||||
<ul class="nav side-menu">
|
<ul class="nav side-menu">
|
||||||
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="index.html">Dashboard</a>
|
<li><a href="index.html">Dashboard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index2.html">Dashboard2</a>
|
<li><a href="index2.html">Dashboard2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index3.html">Dashboard3</a>
|
<li><a href="index3.html">Dashboard3</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="form.html">General Form</a>
|
<li><a href="form.html">General Form</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_advanced.html">Advanced Components</a>
|
<li><a href="form_advanced.html">Advanced Components</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_validation.html">Form Validation</a>
|
<li><a href="form_validation.html">Form Validation</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_wizards.html">Form Wizard</a>
|
<li><a href="form_wizards.html">Form Wizard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_upload.html">Form Upload</a>
|
<li><a href="form_upload.html">Form Upload</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_buttons.html">Form Buttons</a>
|
<li><a href="form_buttons.html">Form Buttons</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="general_elements.html">General Elements</a>
|
<li><a href="general_elements.html">General Elements</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="media_gallery.html">Media Gallery</a>
|
<li><a href="media_gallery.html">Media Gallery</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="typography.html">Typography</a>
|
<li><a href="typography.html">Typography</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="icons.html">Icons</a>
|
<li><a href="icons.html">Icons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="glyphicons.html">Glyphicons</a>
|
<li><a href="glyphicons.html">Glyphicons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="widgets.html">Widgets</a>
|
<li><a href="widgets.html">Widgets</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="invoice.html">Invoice</a>
|
<li><a href="invoice.html">Invoice</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="inbox.html">Inbox</a>
|
<li><a href="inbox.html">Inbox</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="calender.html">Calender</a>
|
<li><a href="calender.html">Calender</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="tables.html">Tables</a>
|
<li><a href="tables.html">Tables</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="chartjs.html">Chart JS</a>
|
<li><a href="chartjs.html">Chart JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="chartjs2.html">Chart JS2</a>
|
<li><a href="chartjs2.html">Chart JS2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="morisjs.html">Moris JS</a>
|
<li><a href="morisjs.html">Moris JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="echarts.html">ECharts </a>
|
<li><a href="echarts.html">ECharts </a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="other_charts.html">Other Charts </a>
|
<li><a href="other_charts.html">Other Charts </a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="e_commerce.html">E-commerce</a>
|
<li><a href="e_commerce.html">E-commerce</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="projects.html">Projects</a>
|
<li><a href="projects.html">Projects</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="project_detail.html">Project Detail</a>
|
<li><a href="project_detail.html">Project Detail</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="contacts.html">Contacts</a>
|
<li><a href="contacts.html">Contacts</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="profile.html">Profile</a>
|
<li><a href="profile.html">Profile</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="page_404.html">404 Error</a>
|
<li><a href="page_404.html">404 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="page_500.html">500 Error</a>
|
<li><a href="page_500.html">500 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="plain_page.html">Plain Page</a>
|
<li><a href="plain_page.html">Plain Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="login.html">Login Page</a>
|
<li><a href="login.html">Login Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="pricing_tables.html">Pricing Tables</a>
|
<li><a href="pricing_tables.html">Pricing Tables</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /sidebar menu -->
|
|
||||||
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
<div class="sidebar-footer hidden-small">
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
||||||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
||||||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
||||||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
|
||||||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- top navigation -->
|
</div>
|
||||||
<div class="top_nav">
|
<!-- /sidebar menu -->
|
||||||
|
|
||||||
<div class="nav_menu">
|
<!-- /menu footer buttons -->
|
||||||
<nav class="" role="navigation">
|
<div class="sidebar-footer hidden-small">
|
||||||
<div class="nav toggle">
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||||||
</div>
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||||||
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||||||
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
||||||
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- /menu footer buttons -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<!-- top navigation -->
|
||||||
<li class="">
|
<div class="top_nav">
|
||||||
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<img src="images/img.jpg" alt="">John Doe
|
|
||||||
<span class=" fa fa-angle-down"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
|
||||||
<li><a href="javascript:;"> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">
|
|
||||||
<span class="badge bg-red pull-right">50%</span>
|
|
||||||
<span>Settings</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">Help</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li role="presentation" class="dropdown">
|
|
||||||
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<i class="fa fa-envelope-o"></i>
|
|
||||||
<span class="badge bg-green">6</span>
|
|
||||||
</a>
|
|
||||||
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="text-center">
|
|
||||||
<a>
|
|
||||||
<strong>See All Alerts</strong>
|
|
||||||
<i class="fa fa-angle-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="nav_menu">
|
||||||
|
<nav class="" role="navigation">
|
||||||
|
<div class="nav toggle">
|
||||||
|
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- /top navigation -->
|
|
||||||
|
|
||||||
<!-- page content -->
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<div class="right_col" role="main">
|
<li class="">
|
||||||
|
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
||||||
|
<img src="images/img.jpg" alt="">John Doe
|
||||||
|
<span class=" fa fa-angle-down"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
||||||
|
<li><a href="javascript:;"> Profile</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">
|
||||||
|
<span class="badge bg-red pull-right">50%</span>
|
||||||
|
<span>Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">Help</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="">
|
<li role="presentation" class="dropdown">
|
||||||
<div class="page-title">
|
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
||||||
<div class="title_left">
|
<i class="fa fa-envelope-o"></i>
|
||||||
<h3>Form Upload </h3>
|
<span class="badge bg-green">6</span>
|
||||||
</div>
|
</a>
|
||||||
|
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
||||||
<div class="title_right">
|
<li>
|
||||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
<a>
|
||||||
<div class="input-group">
|
<span class="image">
|
||||||
<input type="text" class="form-control" placeholder="Search for...">
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
<span class="input-group-btn">
|
</span>
|
||||||
<button class="btn btn-default" type="button">Go!</button>
|
<span>
|
||||||
</span>
|
<span>John Smith</span>
|
||||||
</div>
|
<span class="time">3 mins ago</span>
|
||||||
</div>
|
</span>
|
||||||
</div>
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="text-center">
|
||||||
|
<a>
|
||||||
|
<strong>See All Alerts</strong>
|
||||||
|
<i class="fa fa-angle-right"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="row">
|
</ul>
|
||||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
</nav>
|
||||||
<div class="x_panel">
|
|
||||||
<div class="x_title">
|
|
||||||
<h2>Dropzone multiple file uploader</h2>
|
|
||||||
<ul class="nav navbar-right panel_toolbox">
|
|
||||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<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">
|
|
||||||
<li><a href="#">Settings 1</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="#">Settings 2</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
<div class="x_content">
|
|
||||||
|
|
||||||
<p>Drag multiple files to the box below for multi upload or click to select files. This is for demonstration purposes only, the files are not uploaded to any server.</p>
|
|
||||||
<form action="choices/form_upload.html" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; "></form>
|
|
||||||
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
<br />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- footer content -->
|
|
||||||
<footer>
|
|
||||||
<div class="">
|
|
||||||
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
|
||||||
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</footer>
|
|
||||||
<!-- /footer content -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /page content -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /top navigation -->
|
||||||
|
|
||||||
|
<!-- page content -->
|
||||||
|
<div class="right_col" role="main">
|
||||||
|
|
||||||
|
<div class="">
|
||||||
|
<div class="page-title">
|
||||||
|
<div class="title_left">
|
||||||
|
<h3>Form Upload </h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="title_right">
|
||||||
|
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" placeholder="Search for...">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-default" type="button">Go!</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||||
|
<div class="x_panel">
|
||||||
|
<div class="x_title">
|
||||||
|
<h2>Dropzone multiple file uploader</h2>
|
||||||
|
<ul class="nav navbar-right panel_toolbox">
|
||||||
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<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">
|
||||||
|
<li><a href="#">Settings 1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Settings 2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="x_content">
|
||||||
|
|
||||||
|
<p>Drag multiple files to the box below for multi upload or click to select files. This is for demonstration purposes only, the files are not uploaded to any server.</p>
|
||||||
|
<form action="choices/form_upload.html" class="dropzone" style="border: 1px solid #e5e5e5; height: 300px; "></form>
|
||||||
|
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- footer content -->
|
||||||
|
<footer>
|
||||||
|
<div class="">
|
||||||
|
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
||||||
|
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</footer>
|
||||||
|
<!-- /footer content -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
</div>
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- chart js -->
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
|
||||||
<!-- bootstrap progress js -->
|
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
|
||||||
<!-- icheck -->
|
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<!-- chart js -->
|
||||||
<!-- dropzone -->
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
<script src="js/dropzone/dropzone.js"></script>
|
<!-- bootstrap progress js -->
|
||||||
<!-- pace -->
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
<script src="js/pace/pace.min.js"></script>
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
|
<!-- icheck -->
|
||||||
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/custom.js"></script>
|
||||||
|
<!-- dropzone -->
|
||||||
|
<script src="js/dropzone/dropzone.js"></script>
|
||||||
|
<!-- pace -->
|
||||||
|
<script src="js/pace/pace.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -39,493 +39,493 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<div class="col-md-3 left_col">
|
<div class="col-md-3 left_col">
|
||||||
<div class="left_col scroll-view">
|
<div class="left_col scroll-view">
|
||||||
|
|
||||||
<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>Gentellela Alela!</span></a>
|
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
|
||||||
<!-- menu prile quick info -->
|
<!-- menu prile quick info -->
|
||||||
<div class="profile">
|
<div class="profile">
|
||||||
<div class="profile_pic">
|
<div class="profile_pic">
|
||||||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||||
</div>
|
</div>
|
||||||
<div class="profile_info">
|
<div class="profile_info">
|
||||||
<span>Welcome,</span>
|
<span>Welcome,</span>
|
||||||
<h2>John Doe</h2>
|
<h2>John Doe</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- /menu prile quick info -->
|
<!-- /menu prile quick info -->
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<!-- sidebar menu -->
|
<!-- sidebar menu -->
|
||||||
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
||||||
|
|
||||||
<div class="menu_section">
|
<div class="menu_section">
|
||||||
<h3>General</h3>
|
<h3>General</h3>
|
||||||
<ul class="nav side-menu">
|
<ul class="nav side-menu">
|
||||||
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="index.html">Dashboard</a>
|
<li><a href="index.html">Dashboard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index2.html">Dashboard2</a>
|
<li><a href="index2.html">Dashboard2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index3.html">Dashboard3</a>
|
<li><a href="index3.html">Dashboard3</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="form.html">General Form</a>
|
<li><a href="form.html">General Form</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_advanced.html">Advanced Components</a>
|
<li><a href="form_advanced.html">Advanced Components</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_validation.html">Form Validation</a>
|
<li><a href="form_validation.html">Form Validation</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_wizards.html">Form Wizard</a>
|
<li><a href="form_wizards.html">Form Wizard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_upload.html">Form Upload</a>
|
<li><a href="form_upload.html">Form Upload</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_buttons.html">Form Buttons</a>
|
<li><a href="form_buttons.html">Form Buttons</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="general_elements.html">General Elements</a>
|
<li><a href="general_elements.html">General Elements</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="media_gallery.html">Media Gallery</a>
|
<li><a href="media_gallery.html">Media Gallery</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="typography.html">Typography</a>
|
<li><a href="typography.html">Typography</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="icons.html">Icons</a>
|
<li><a href="icons.html">Icons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="glyphicons.html">Glyphicons</a>
|
<li><a href="glyphicons.html">Glyphicons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="widgets.html">Widgets</a>
|
<li><a href="widgets.html">Widgets</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="invoice.html">Invoice</a>
|
<li><a href="invoice.html">Invoice</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="inbox.html">Inbox</a>
|
<li><a href="inbox.html">Inbox</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="calender.html">Calender</a>
|
<li><a href="calender.html">Calender</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="tables.html">Tables</a>
|
<li><a href="tables.html">Tables</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="chartjs.html">Chart JS</a>
|
<li><a href="chartjs.html">Chart JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="chartjs2.html">Chart JS2</a>
|
<li><a href="chartjs2.html">Chart JS2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="morisjs.html">Moris JS</a>
|
<li><a href="morisjs.html">Moris JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="echarts.html">ECharts </a>
|
<li><a href="echarts.html">ECharts </a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="other_charts.html">Other Charts </a>
|
<li><a href="other_charts.html">Other Charts </a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="e_commerce.html">E-commerce</a>
|
<li><a href="e_commerce.html">E-commerce</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="projects.html">Projects</a>
|
<li><a href="projects.html">Projects</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="project_detail.html">Project Detail</a>
|
<li><a href="project_detail.html">Project Detail</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="contacts.html">Contacts</a>
|
<li><a href="contacts.html">Contacts</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="profile.html">Profile</a>
|
<li><a href="profile.html">Profile</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="page_404.html">404 Error</a>
|
<li><a href="page_404.html">404 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="page_500.html">500 Error</a>
|
<li><a href="page_500.html">500 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="plain_page.html">Plain Page</a>
|
<li><a href="plain_page.html">Plain Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="login.html">Login Page</a>
|
<li><a href="login.html">Login Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="pricing_tables.html">Pricing Tables</a>
|
<li><a href="pricing_tables.html">Pricing Tables</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /sidebar menu -->
|
|
||||||
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
<div class="sidebar-footer hidden-small">
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
||||||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
||||||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
||||||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
|
||||||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- top navigation -->
|
</div>
|
||||||
<div class="top_nav">
|
<!-- /sidebar menu -->
|
||||||
|
|
||||||
<div class="nav_menu">
|
<!-- /menu footer buttons -->
|
||||||
<nav class="" role="navigation">
|
<div class="sidebar-footer hidden-small">
|
||||||
<div class="nav toggle">
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||||||
</div>
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||||||
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||||||
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
||||||
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- /menu footer buttons -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<!-- top navigation -->
|
||||||
<li class="">
|
<div class="top_nav">
|
||||||
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<img src="images/img.jpg" alt="">John Doe
|
|
||||||
<span class=" fa fa-angle-down"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
|
||||||
<li><a href="javascript:;"> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">
|
|
||||||
<span class="badge bg-red pull-right">50%</span>
|
|
||||||
<span>Settings</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">Help</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li role="presentation" class="dropdown">
|
|
||||||
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<i class="fa fa-envelope-o"></i>
|
|
||||||
<span class="badge bg-green">6</span>
|
|
||||||
</a>
|
|
||||||
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="text-center">
|
|
||||||
<a>
|
|
||||||
<strong>See All Alerts</strong>
|
|
||||||
<i class="fa fa-angle-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="nav_menu">
|
||||||
|
<nav class="" role="navigation">
|
||||||
|
<div class="nav toggle">
|
||||||
|
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- /top navigation -->
|
|
||||||
|
|
||||||
<!-- page content -->
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<div class="right_col" role="main">
|
<li class="">
|
||||||
|
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
||||||
|
<img src="images/img.jpg" alt="">John Doe
|
||||||
|
<span class=" fa fa-angle-down"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
||||||
|
<li><a href="javascript:;"> Profile</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">
|
||||||
|
<span class="badge bg-red pull-right">50%</span>
|
||||||
|
<span>Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">Help</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="">
|
<li role="presentation" class="dropdown">
|
||||||
<div class="page-title">
|
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
||||||
<div class="title_left">
|
<i class="fa fa-envelope-o"></i>
|
||||||
<h3>
|
<span class="badge bg-green">6</span>
|
||||||
Form Validation
|
</a>
|
||||||
</h3>
|
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
||||||
</div>
|
<li>
|
||||||
|
<a>
|
||||||
<div class="title_right">
|
<span class="image">
|
||||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
<div class="input-group">
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Search for...">
|
<span>
|
||||||
<span class="input-group-btn">
|
<span>John Smith</span>
|
||||||
<button class="btn btn-default" type="button">Go!</button>
|
<span class="time">3 mins ago</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
<span class="message">
|
||||||
</div>
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
</div>
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="text-center">
|
||||||
|
<a>
|
||||||
|
<strong>See All Alerts</strong>
|
||||||
|
<i class="fa fa-angle-right"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="row">
|
</ul>
|
||||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
</nav>
|
||||||
<div class="x_panel">
|
|
||||||
<div class="x_title">
|
|
||||||
<h2>Form validation <small>sub title</small></h2>
|
|
||||||
<ul class="nav navbar-right panel_toolbox">
|
|
||||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<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">
|
|
||||||
<li><a href="#">Settings 1</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="#">Settings 2</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
<div class="x_content">
|
|
||||||
|
|
||||||
<form class="form-horizontal form-label-left" novalidate>
|
|
||||||
|
|
||||||
<p>For alternative validation library <code>parsleyJS</code> check out in the <a href="form.html">form page</a>
|
|
||||||
</p>
|
|
||||||
<span class="section">Personal Info</span>
|
|
||||||
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Name <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2" name="name" placeholder="both name(s) e.g Jon Doe" required="required" type="text">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Email <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input type="email" id="email" name="email" required="required" class="form-control col-md-7 col-xs-12">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Confirm Email <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input type="email" id="email2" name="confirm_email" data-validate-linked="email" required="required" class="form-control col-md-7 col-xs-12">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="number">Number <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input type="number" id="number" name="number" required="required" data-validate-minmax="10,100" class="form-control col-md-7 col-xs-12">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="website">Website URL <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input type="url" id="website" name="website" required="required" placeholder="www.website.com" class="form-control col-md-7 col-xs-12">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="occupation">Occupation <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input id="occupation" type="text" name="occupation" data-validate-length-range="5,20" class="optional form-control col-md-7 col-xs-12">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label for="password" class="control-label col-md-3">Password</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input id="password" type="password" name="password" data-validate-length="6,8" class="form-control col-md-7 col-xs-12" required="required">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label for="password2" class="control-label col-md-3 col-sm-3 col-xs-12">Repeat Password</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<input id="password2" type="password" name="password2" data-validate-linked="password" class="form-control col-md-7 col-xs-12" required="required">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="item form-group">
|
|
||||||
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">Textarea <span class="required">*</span>
|
|
||||||
</label>
|
|
||||||
<div class="col-md-6 col-sm-6 col-xs-12">
|
|
||||||
<textarea id="textarea" required="required" name="textarea" class="form-control col-md-7 col-xs-12"></textarea>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="ln_solid"></div>
|
|
||||||
<div class="form-group">
|
|
||||||
<div class="col-md-6 col-md-offset-3">
|
|
||||||
<button type="submit" class="btn btn-primary">Cancel</button>
|
|
||||||
<button id="send" type="submit" class="btn btn-success">Submit</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- footer content -->
|
|
||||||
<footer>
|
|
||||||
<div class="">
|
|
||||||
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
|
||||||
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</footer>
|
|
||||||
<!-- /footer content -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /page content -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /top navigation -->
|
||||||
|
|
||||||
|
<!-- page content -->
|
||||||
|
<div class="right_col" role="main">
|
||||||
|
|
||||||
|
<div class="">
|
||||||
|
<div class="page-title">
|
||||||
|
<div class="title_left">
|
||||||
|
<h3>
|
||||||
|
Form Validation
|
||||||
|
</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="title_right">
|
||||||
|
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" placeholder="Search for...">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-default" type="button">Go!</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||||
|
<div class="x_panel">
|
||||||
|
<div class="x_title">
|
||||||
|
<h2>Form validation <small>sub title</small></h2>
|
||||||
|
<ul class="nav navbar-right panel_toolbox">
|
||||||
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<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">
|
||||||
|
<li><a href="#">Settings 1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Settings 2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="x_content">
|
||||||
|
|
||||||
|
<form class="form-horizontal form-label-left" novalidate>
|
||||||
|
|
||||||
|
<p>For alternative validation library <code>parsleyJS</code> check out in the <a href="form.html">form page</a>
|
||||||
|
</p>
|
||||||
|
<span class="section">Personal Info</span>
|
||||||
|
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">Name <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6" data-validate-words="2" name="name" placeholder="both name(s) e.g Jon Doe" required="required" type="text">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Email <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input type="email" id="email" name="email" required="required" class="form-control col-md-7 col-xs-12">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">Confirm Email <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input type="email" id="email2" name="confirm_email" data-validate-linked="email" required="required" class="form-control col-md-7 col-xs-12">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="number">Number <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input type="number" id="number" name="number" required="required" data-validate-minmax="10,100" class="form-control col-md-7 col-xs-12">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="website">Website URL <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input type="url" id="website" name="website" required="required" placeholder="www.website.com" class="form-control col-md-7 col-xs-12">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="occupation">Occupation <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input id="occupation" type="text" name="occupation" data-validate-length-range="5,20" class="optional form-control col-md-7 col-xs-12">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label for="password" class="control-label col-md-3">Password</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input id="password" type="password" name="password" data-validate-length="6,8" class="form-control col-md-7 col-xs-12" required="required">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label for="password2" class="control-label col-md-3 col-sm-3 col-xs-12">Repeat Password</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<input id="password2" type="password" name="password2" data-validate-linked="password" class="form-control col-md-7 col-xs-12" required="required">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item form-group">
|
||||||
|
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">Textarea <span class="required">*</span>
|
||||||
|
</label>
|
||||||
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
||||||
|
<textarea id="textarea" required="required" name="textarea" class="form-control col-md-7 col-xs-12"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ln_solid"></div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="col-md-6 col-md-offset-3">
|
||||||
|
<button type="submit" class="btn btn-primary">Cancel</button>
|
||||||
|
<button id="send" type="submit" class="btn btn-success">Submit</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- footer content -->
|
||||||
|
<footer>
|
||||||
|
<div class="">
|
||||||
|
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
||||||
|
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</footer>
|
||||||
|
<!-- /footer content -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
</div>
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- chart js -->
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
|
||||||
<!-- bootstrap progress js -->
|
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
|
||||||
<!-- icheck -->
|
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
|
||||||
<!-- pace -->
|
|
||||||
<script src="js/pace/pace.min.js"></script>
|
|
||||||
<script src="js/custom.js"></script>
|
|
||||||
<!-- form validation -->
|
|
||||||
<script src="js/validator/validator.js"></script>
|
|
||||||
<script>
|
|
||||||
// initialize the validator function
|
|
||||||
validator.message['date'] = 'not a real date';
|
|
||||||
|
|
||||||
// validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
|
<!-- chart js -->
|
||||||
$('form')
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
.on('blur', 'input[required], input.optional, select.required', validator.checkField)
|
<!-- bootstrap progress js -->
|
||||||
.on('change', 'select.required', validator.checkField)
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
.on('keypress', 'input[required][pattern]', validator.keypress);
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
|
<!-- icheck -->
|
||||||
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
<!-- pace -->
|
||||||
|
<script src="js/pace/pace.min.js"></script>
|
||||||
|
<script src="js/custom.js"></script>
|
||||||
|
<!-- form validation -->
|
||||||
|
<script src="js/validator/validator.js"></script>
|
||||||
|
<script>
|
||||||
|
// initialize the validator function
|
||||||
|
validator.message['date'] = 'not a real date';
|
||||||
|
|
||||||
$('.multi.required')
|
// validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
|
||||||
.on('keyup blur', 'input', function () {
|
$('form')
|
||||||
validator.checkField.apply($(this).siblings().last()[0]);
|
.on('blur', 'input[required], input.optional, select.required', validator.checkField)
|
||||||
});
|
.on('change', 'select.required', validator.checkField)
|
||||||
|
.on('keypress', 'input[required][pattern]', validator.keypress);
|
||||||
|
|
||||||
// bind the validation to the form submit event
|
$('.multi.required')
|
||||||
//$('#send').click('submit');//.prop('disabled', true);
|
.on('keyup blur', 'input', function() {
|
||||||
|
validator.checkField.apply($(this).siblings().last()[0]);
|
||||||
|
});
|
||||||
|
|
||||||
$('form').submit(function (e) {
|
// bind the validation to the form submit event
|
||||||
e.preventDefault();
|
//$('#send').click('submit');//.prop('disabled', true);
|
||||||
var submit = true;
|
|
||||||
// evaluate the form using generic validaing
|
|
||||||
if (!validator.checkAll($(this))) {
|
|
||||||
submit = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (submit)
|
$('form').submit(function(e) {
|
||||||
this.submit();
|
e.preventDefault();
|
||||||
return false;
|
var submit = true;
|
||||||
});
|
// evaluate the form using generic validaing
|
||||||
|
if (!validator.checkAll($(this))) {
|
||||||
|
submit = false;
|
||||||
|
}
|
||||||
|
|
||||||
/* FOR DEMO ONLY */
|
if (submit)
|
||||||
$('#vfields').change(function () {
|
this.submit();
|
||||||
$('form').toggleClass('mode2');
|
return false;
|
||||||
}).prop('checked', false);
|
});
|
||||||
|
|
||||||
$('#alerts').change(function () {
|
/* FOR DEMO ONLY */
|
||||||
validator.defaults.alerts = (this.checked) ? false : true;
|
$('#vfields').change(function() {
|
||||||
if (this.checked)
|
$('form').toggleClass('mode2');
|
||||||
$('form .alert').remove();
|
}).prop('checked', false);
|
||||||
}).prop('checked', false);
|
|
||||||
</script>
|
$('#alerts').change(function() {
|
||||||
|
validator.defaults.alerts = (this.checked) ? false : true;
|
||||||
|
if (this.checked)
|
||||||
|
$('form .alert').remove();
|
||||||
|
}).prop('checked', false);
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -38,81 +38,81 @@
|
||||||
|
|
||||||
<body style="background:#F7F7F7;">
|
<body style="background:#F7F7F7;">
|
||||||
|
|
||||||
<div class="">
|
<div class="">
|
||||||
<a class="hiddenanchor" id="toregister"></a>
|
<a class="hiddenanchor" id="toregister"></a>
|
||||||
<a class="hiddenanchor" id="tologin"></a>
|
<a class="hiddenanchor" id="tologin"></a>
|
||||||
|
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
<div id="login" class="animate form">
|
<div id="login" class="animate form">
|
||||||
<section class="login_content">
|
<section class="login_content">
|
||||||
<form>
|
<form>
|
||||||
<h1>Login Form</h1>
|
<h1>Login Form</h1>
|
||||||
<div>
|
<div>
|
||||||
<input type="text" class="form-control" placeholder="Username" required="" />
|
<input type="text" class="form-control" placeholder="Username" required="" />
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<input type="password" class="form-control" placeholder="Password" required="" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a class="btn btn-default submit" href="index.html">Log in</a>
|
|
||||||
<a class="reset_pass" href="#">Lost your password?</a>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div class="separator">
|
|
||||||
|
|
||||||
<p class="change_link">New to site?
|
|
||||||
<a href="#toregister" class="to_register"> Create Account </a>
|
|
||||||
</p>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<br />
|
|
||||||
<div>
|
|
||||||
<h1><i class="fa fa-paw" style="font-size: 26px;"></i> Gentelella Alela!</h1>
|
|
||||||
|
|
||||||
<p>©2015 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<!-- form -->
|
|
||||||
</section>
|
|
||||||
<!-- content -->
|
|
||||||
</div>
|
</div>
|
||||||
<div id="register" class="animate form">
|
<div>
|
||||||
<section class="login_content">
|
<input type="password" class="form-control" placeholder="Password" required="" />
|
||||||
<form>
|
|
||||||
<h1>Create Account</h1>
|
|
||||||
<div>
|
|
||||||
<input type="text" class="form-control" placeholder="Username" required="" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<input type="email" class="form-control" placeholder="Email" required="" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<input type="password" class="form-control" placeholder="Password" required="" />
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<a class="btn btn-default submit" href="index.html">Submit</a>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div class="separator">
|
|
||||||
|
|
||||||
<p class="change_link">Already a member ?
|
|
||||||
<a href="#tologin" class="to_register"> Log in </a>
|
|
||||||
</p>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<br />
|
|
||||||
<div>
|
|
||||||
<h1><i class="fa fa-paw" style="font-size: 26px;"></i> Gentelella Alela!</h1>
|
|
||||||
|
|
||||||
<p>©2015 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
<!-- form -->
|
|
||||||
</section>
|
|
||||||
<!-- content -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div>
|
||||||
|
<a class="btn btn-default submit" href="index.html">Log in</a>
|
||||||
|
<a class="reset_pass" href="#">Lost your password?</a>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div class="separator">
|
||||||
|
|
||||||
|
<p class="change_link">New to site?
|
||||||
|
<a href="#toregister" class="to_register"> Create Account </a>
|
||||||
|
</p>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<br />
|
||||||
|
<div>
|
||||||
|
<h1><i class="fa fa-paw" style="font-size: 26px;"></i> Gentelella Alela!</h1>
|
||||||
|
|
||||||
|
<p>©2015 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<!-- form -->
|
||||||
|
</section>
|
||||||
|
<!-- content -->
|
||||||
|
</div>
|
||||||
|
<div id="register" class="animate form">
|
||||||
|
<section class="login_content">
|
||||||
|
<form>
|
||||||
|
<h1>Create Account</h1>
|
||||||
|
<div>
|
||||||
|
<input type="text" class="form-control" placeholder="Username" required="" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input type="email" class="form-control" placeholder="Email" required="" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input type="password" class="form-control" placeholder="Password" required="" />
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a class="btn btn-default submit" href="index.html">Submit</a>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div class="separator">
|
||||||
|
|
||||||
|
<p class="change_link">Already a member ?
|
||||||
|
<a href="#tologin" class="to_register"> Log in </a>
|
||||||
|
</p>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<br />
|
||||||
|
<div>
|
||||||
|
<h1><i class="fa fa-paw" style="font-size: 26px;"></i> Gentelella Alela!</h1>
|
||||||
|
|
||||||
|
<p>©2015 All Rights Reserved. Gentelella Alela! is a Bootstrap 3 template. Privacy and Terms</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<!-- form -->
|
||||||
|
</section>
|
||||||
|
<!-- content -->
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
2738
production/map.html
2738
production/map.html
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -39,61 +39,61 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<!-- page content -->
|
<!-- page content -->
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="col-middle">
|
<div class="col-middle">
|
||||||
<div class="text-center text-center">
|
<div class="text-center text-center">
|
||||||
<h1 class="error-number">404</h1>
|
<h1 class="error-number">404</h1>
|
||||||
<h2>Sorry but we couldnt find this page</h2>
|
<h2>Sorry but we couldnt find this page</h2>
|
||||||
<p>This page you are looking for does not exsist <a href="#">Report this?</a>
|
<p>This page you are looking for does not exsist <a href="#">Report this?</a>
|
||||||
</p>
|
</p>
|
||||||
<div class="mid_center">
|
<div class="mid_center">
|
||||||
<h3>Search</h3>
|
<h3>Search</h3>
|
||||||
<form>
|
<form>
|
||||||
<div class="col-xs-12 form-group pull-right top_search">
|
<div class="col-xs-12 form-group pull-right top_search">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control" placeholder="Search for...">
|
<input type="text" class="form-control" placeholder="Search for...">
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button class="btn btn-default" type="button">Go!</button>
|
<button class="btn btn-default" type="button">Go!</button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<!-- /page content -->
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- footer content -->
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- footer content -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
</ul>
|
</ul>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
<!-- chart js -->
|
<!-- chart js -->
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
<!-- bootstrap progress js -->
|
<!-- bootstrap progress js -->
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
<!-- icheck -->
|
<!-- icheck -->
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<script src="js/custom.js"></script>
|
||||||
<!-- pace -->
|
<!-- pace -->
|
||||||
<script src="js/pace/pace.min.js"></script>
|
<script src="js/pace/pace.min.js"></script>
|
||||||
<!-- /footer content -->
|
<!-- /footer content -->
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -39,62 +39,62 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<!-- page content -->
|
<!-- page content -->
|
||||||
<div class="col-md-12">
|
<div class="col-md-12">
|
||||||
<div class="col-middle">
|
<div class="col-middle">
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<h1 class="error-number">500</h1>
|
<h1 class="error-number">500</h1>
|
||||||
<h2>Internal Server Error</h2>
|
<h2>Internal Server Error</h2>
|
||||||
<p>We track these errors automatically, but if the problem persists feel free to contact us. In the meantime, try refreshing. <a href="#">Report this?</a>
|
<p>We track these errors automatically, but if the problem persists feel free to contact us. In the meantime, try refreshing. <a href="#">Report this?</a>
|
||||||
</p>
|
</p>
|
||||||
<div class="mid_center">
|
<div class="mid_center">
|
||||||
<h3>Search</h3>
|
<h3>Search</h3>
|
||||||
<form>
|
<form>
|
||||||
<div class="col-xs-12 form-group pull-right top_search">
|
<div class="col-xs-12 form-group pull-right top_search">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control" placeholder="Search for...">
|
<input type="text" class="form-control" placeholder="Search for...">
|
||||||
<span class="input-group-btn">
|
<span class="input-group-btn">
|
||||||
<button class="btn btn-default" type="button">Go!</button>
|
<button class="btn btn-default" type="button">Go!</button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<!-- /page content -->
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- footer content -->
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
<!-- footer content -->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
</ul>
|
</ul>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
<!-- chart js -->
|
<!-- chart js -->
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
<!-- bootstrap progress js -->
|
<!-- bootstrap progress js -->
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
<!-- icheck -->
|
<!-- icheck -->
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<script src="js/custom.js"></script>
|
||||||
<!-- pace -->
|
<!-- pace -->
|
||||||
<script src="js/pace/pace.min.js"></script>
|
<script src="js/pace/pace.min.js"></script>
|
||||||
|
|
||||||
<!-- /footer content -->
|
<!-- /footer content -->
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -39,373 +39,373 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<div class="col-md-3 left_col">
|
<div class="col-md-3 left_col">
|
||||||
<div class="left_col scroll-view">
|
<div class="left_col scroll-view">
|
||||||
|
|
||||||
<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>Gentellela Alela!</span></a>
|
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
<!-- menu prile quick info -->
|
<!-- menu prile quick info -->
|
||||||
<div class="profile">
|
<div class="profile">
|
||||||
<div class="profile_pic">
|
<div class="profile_pic">
|
||||||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||||
</div>
|
</div>
|
||||||
<div class="profile_info">
|
<div class="profile_info">
|
||||||
<span>Welcome,</span>
|
<span>Welcome,</span>
|
||||||
<h2>John Doe</h2>
|
<h2>John Doe</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- /menu prile quick info -->
|
<!-- /menu prile quick info -->
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<!-- sidebar menu -->
|
<!-- sidebar menu -->
|
||||||
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
||||||
|
|
||||||
<div class="menu_section">
|
<div class="menu_section">
|
||||||
<h3>General</h3>
|
<h3>General</h3>
|
||||||
<ul class="nav side-menu">
|
<ul class="nav side-menu">
|
||||||
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="index.html">Dashboard</a>
|
<li><a href="index.html">Dashboard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index2.html">Dashboard2</a>
|
<li><a href="index2.html">Dashboard2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index3.html">Dashboard3</a>
|
<li><a href="index3.html">Dashboard3</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="form.html">General Form</a>
|
<li><a href="form.html">General Form</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_advanced.html">Advanced Components</a>
|
<li><a href="form_advanced.html">Advanced Components</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_validation.html">Form Validation</a>
|
<li><a href="form_validation.html">Form Validation</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_wizards.html">Form Wizard</a>
|
<li><a href="form_wizards.html">Form Wizard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_upload.html">Form Upload</a>
|
<li><a href="form_upload.html">Form Upload</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_buttons.html">Form Buttons</a>
|
<li><a href="form_buttons.html">Form Buttons</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="general_elements.html">General Elements</a>
|
<li><a href="general_elements.html">General Elements</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="media_gallery.html">Media Gallery</a>
|
<li><a href="media_gallery.html">Media Gallery</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="typography.html">Typography</a>
|
<li><a href="typography.html">Typography</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="icons.html">Icons</a>
|
<li><a href="icons.html">Icons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="glyphicons.html">Glyphicons</a>
|
<li><a href="glyphicons.html">Glyphicons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="widgets.html">Widgets</a>
|
<li><a href="widgets.html">Widgets</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="invoice.html">Invoice</a>
|
<li><a href="invoice.html">Invoice</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="inbox.html">Inbox</a>
|
<li><a href="inbox.html">Inbox</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="calender.html">Calender</a>
|
<li><a href="calender.html">Calender</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="tables.html">Tables</a>
|
<li><a href="tables.html">Tables</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="chartjs.html">Chart JS</a>
|
<li><a href="chartjs.html">Chart JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="chartjs2.html">Chart JS2</a>
|
<li><a href="chartjs2.html">Chart JS2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="morisjs.html">Moris JS</a>
|
<li><a href="morisjs.html">Moris JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="echarts.html">ECharts </a>
|
<li><a href="echarts.html">ECharts </a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="other_charts.html">Other Charts </a>
|
<li><a href="other_charts.html">Other Charts </a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="e_commerce.html">E-commerce</a>
|
<li><a href="e_commerce.html">E-commerce</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="projects.html">Projects</a>
|
<li><a href="projects.html">Projects</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="project_detail.html">Project Detail</a>
|
<li><a href="project_detail.html">Project Detail</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="contacts.html">Contacts</a>
|
<li><a href="contacts.html">Contacts</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="profile.html">Profile</a>
|
<li><a href="profile.html">Profile</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="page_404.html">404 Error</a>
|
<li><a href="page_404.html">404 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="page_500.html">500 Error</a>
|
<li><a href="page_500.html">500 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="plain_page.html">Plain Page</a>
|
<li><a href="plain_page.html">Plain Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="login.html">Login Page</a>
|
<li><a href="login.html">Login Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="pricing_tables.html">Pricing Tables</a>
|
<li><a href="pricing_tables.html">Pricing Tables</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /sidebar menu -->
|
|
||||||
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
<div class="sidebar-footer hidden-small">
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
||||||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
||||||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
||||||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
|
||||||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- top navigation -->
|
</div>
|
||||||
<div class="top_nav">
|
<!-- /sidebar menu -->
|
||||||
|
|
||||||
<div class="nav_menu">
|
<!-- /menu footer buttons -->
|
||||||
<nav class="" role="navigation">
|
<div class="sidebar-footer hidden-small">
|
||||||
<div class="nav toggle">
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||||||
</div>
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||||||
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||||||
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
||||||
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- /menu footer buttons -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<!-- top navigation -->
|
||||||
<li class="">
|
<div class="top_nav">
|
||||||
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<img src="images/img.jpg" alt="">John Doe
|
|
||||||
<span class=" fa fa-angle-down"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
|
||||||
<li><a href="javascript:;"> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">
|
|
||||||
<span class="badge bg-red pull-right">50%</span>
|
|
||||||
<span>Settings</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">Help</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li role="presentation" class="dropdown">
|
|
||||||
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<i class="fa fa-envelope-o"></i>
|
|
||||||
<span class="badge bg-green">6</span>
|
|
||||||
</a>
|
|
||||||
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="text-center">
|
|
||||||
<a>
|
|
||||||
<strong>See All Alerts</strong>
|
|
||||||
<i class="fa fa-angle-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="nav_menu">
|
||||||
|
<nav class="" role="navigation">
|
||||||
|
<div class="nav toggle">
|
||||||
|
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- /top navigation -->
|
|
||||||
|
|
||||||
<!-- page content -->
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<div class="right_col" role="main">
|
<li class="">
|
||||||
<div class="">
|
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
||||||
<div class="page-title">
|
<img src="images/img.jpg" alt="">John Doe
|
||||||
<div class="title_left">
|
<span class=" fa fa-angle-down"></span>
|
||||||
<h3>Plain Page</h3>
|
</a>
|
||||||
</div>
|
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
||||||
|
<li><a href="javascript:;"> Profile</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">
|
||||||
|
<span class="badge bg-red pull-right">50%</span>
|
||||||
|
<span>Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">Help</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="title_right">
|
<li role="presentation" class="dropdown">
|
||||||
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
||||||
<div class="input-group">
|
<i class="fa fa-envelope-o"></i>
|
||||||
<input type="text" class="form-control" placeholder="Search for...">
|
<span class="badge bg-green">6</span>
|
||||||
<span class="input-group-btn">
|
</a>
|
||||||
<button class="btn btn-default" type="button">Go!</button>
|
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
||||||
</span>
|
<li>
|
||||||
</div>
|
<a>
|
||||||
</div>
|
<span class="image">
|
||||||
</div>
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="text-center">
|
||||||
|
<a>
|
||||||
|
<strong>See All Alerts</strong>
|
||||||
|
<i class="fa fa-angle-right"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="row">
|
</ul>
|
||||||
|
</nav>
|
||||||
<div class="col-md-12 col-sm-12 col-xs-12">
|
|
||||||
<div class="x_panel" style="height:600px;">
|
|
||||||
<div class="x_title">
|
|
||||||
<h2>Plain Page</h2>
|
|
||||||
<ul class="nav navbar-right panel_toolbox">
|
|
||||||
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<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">
|
|
||||||
<li><a href="#">Settings 1</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="#">Settings 2</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- footer content -->
|
|
||||||
<footer>
|
|
||||||
<div class="">
|
|
||||||
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
|
||||||
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</footer>
|
|
||||||
<!-- /footer content -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /page content -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /top navigation -->
|
||||||
|
|
||||||
|
<!-- page content -->
|
||||||
|
<div class="right_col" role="main">
|
||||||
|
<div class="">
|
||||||
|
<div class="page-title">
|
||||||
|
<div class="title_left">
|
||||||
|
<h3>Plain Page</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="title_right">
|
||||||
|
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
|
||||||
|
<div class="input-group">
|
||||||
|
<input type="text" class="form-control" placeholder="Search for...">
|
||||||
|
<span class="input-group-btn">
|
||||||
|
<button class="btn btn-default" type="button">Go!</button>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
||||||
|
<div class="x_panel" style="height:600px;">
|
||||||
|
<div class="x_title">
|
||||||
|
<h2>Plain Page</h2>
|
||||||
|
<ul class="nav navbar-right panel_toolbox">
|
||||||
|
<li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<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">
|
||||||
|
<li><a href="#">Settings 1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Settings 2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a class="close-link"><i class="fa fa-close"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- footer content -->
|
||||||
|
<footer>
|
||||||
|
<div class="">
|
||||||
|
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
||||||
|
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</footer>
|
||||||
|
<!-- /footer content -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
</div>
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- chart js -->
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
|
||||||
<!-- bootstrap progress js -->
|
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
|
||||||
<!-- icheck -->
|
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<!-- chart js -->
|
||||||
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
|
<!-- bootstrap progress js -->
|
||||||
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
|
<!-- icheck -->
|
||||||
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
|
||||||
<!-- moris js -->
|
<script src="js/custom.js"></script>
|
||||||
<script src="js/moris/raphael-min.js"></script>
|
|
||||||
<script src="js/moris/morris.js"></script>
|
<!-- moris js -->
|
||||||
<script src="js/moris/example.js"></script>
|
<script src="js/moris/raphael-min.js"></script>
|
||||||
<!-- pace -->
|
<script src="js/moris/morris.js"></script>
|
||||||
<script src="js/pace/pace.min.js"></script>
|
<script src="js/moris/example.js"></script>
|
||||||
|
<!-- pace -->
|
||||||
|
<script src="js/pace/pace.min.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,305 +1,308 @@
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
||||||
<!-- Meta, title, CSS, favicons, etc. -->
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||||
|
<!-- Meta, title, CSS, favicons, etc. -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
|
||||||
|
<!-- Custom styling plus plugins -->
|
||||||
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<div class="col-md-3 left_col">
|
<div class="col-md-3 left_col">
|
||||||
<div class="left_col scroll-view">
|
<div class="left_col scroll-view">
|
||||||
|
|
||||||
<div class="navbar nav_title" style="border: 0;">
|
<div class="navbar nav_title" style="border: 0;">
|
||||||
<a href="index.html" class="site_title">Gentellela Alela!</a>
|
<a href="index.html" class="site_title">Gentellela Alela!</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- menu prile quick info -->
|
||||||
|
<div class="profile">
|
||||||
|
<div class="profile_pic">
|
||||||
|
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||||
|
</div>
|
||||||
|
<div class="profile_info">
|
||||||
|
<span>Welcome,</span>
|
||||||
|
<h2>John Doe</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /menu prile quick info -->
|
||||||
|
|
||||||
|
<br />
|
||||||
|
|
||||||
|
<!-- sidebar menu -->
|
||||||
|
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
||||||
|
|
||||||
|
<div class="menu_section">
|
||||||
|
<h3>General</h3>
|
||||||
|
<ul class="nav side-menu">
|
||||||
|
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="index.html">Dashboard</a></li>
|
||||||
|
<li><a href="index2.html">Dashboard2</a></li>
|
||||||
|
<li><a href="index3.html">Dashboard3</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="form.html">General Form</a></li>
|
||||||
|
<li><a href="form_advanced.html">Advanced Components</a></li>
|
||||||
|
<li><a href="form_validation.html">Form Validation</a></li>
|
||||||
|
<li><a href="form_wizards.html">Form Wizard</a></li>
|
||||||
|
<li><a href="form_upload.html">Form Upload</a></li>
|
||||||
|
<li><a href="form_buttons.html">Form Buttons</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="general_elements.html">General Elements</a></li>
|
||||||
|
<li><a href="media_gallery.html">Media Gallery</a></li>
|
||||||
|
<li><a href="typography.html">Typography</a></li>
|
||||||
|
<li><a href="icons.html">Icons</a></li>
|
||||||
|
<li><a href="glyphicons.html">Glyphicons</a></li>
|
||||||
|
<li><a href="widgets.html">Widgets</a></li>
|
||||||
|
<li><a href="invoice.html">Invoice</a></li>
|
||||||
|
<li><a href="inbox.html">Inbox</a></li>
|
||||||
|
<li><a href="calender.html">Calender</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="tables.html">Tables</a></li>
|
||||||
|
<li><a href="tables_dynamic.html">Table Dynamic</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<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" style="display: none">
|
||||||
|
<li><a href="chartjs.html">Chart JS</a></li>
|
||||||
|
<li><a href="chartjs2.html">Chart JS2</a></li>
|
||||||
|
<li><a href="morisjs.html">Moris JS</a></li>
|
||||||
|
<li><a href="echarts.html">ECharts </a></li>
|
||||||
|
<li><a href="other_charts.html">Other Charts </a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="menu_section">
|
||||||
|
<h3>Live On</h3>
|
||||||
|
<ul class="nav side-menu">
|
||||||
|
<li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="e_commerce.html">E-commerce</a></li>
|
||||||
|
<li><a href="e_commerce_backend.html">E-commerce Backend</a></li>
|
||||||
|
<li><a href="projects.html">Projects</a></li>
|
||||||
|
<li><a href="project_detail.html">Project Detail</a></li>
|
||||||
|
<li><a href="contacts.html">Contacts</a></li>
|
||||||
|
<li><a href="profile.html">Profile</a></li>
|
||||||
|
<li><a href="real_estate.html">Real Estate</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
||||||
|
<ul class="nav child_menu" style="display: none">
|
||||||
|
<li><a href="page_404.html">404 Error</a></li>
|
||||||
|
<li><a href="page_500.html">500 Error</a></li>
|
||||||
|
<li><a href="coming_soon.html">Coming Soon</a></li>
|
||||||
|
<li><a href="plain_page.html">Plain Page</a></li>
|
||||||
|
<li><a href="login.html">Login Page</a></li>
|
||||||
|
<li><a href="sign_up.html">SignUp Page</a></li>
|
||||||
|
<li><a href="pricing_tables.html">Pricing Tables</a></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- menu prile quick info -->
|
</div>
|
||||||
<div class="profile">
|
<!-- /sidebar menu -->
|
||||||
<div class="profile_pic">
|
|
||||||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
|
||||||
</div>
|
|
||||||
<div class="profile_info">
|
|
||||||
<span>Welcome,</span>
|
|
||||||
<h2>John Doe</h2>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- /menu prile quick info -->
|
|
||||||
|
|
||||||
<br />
|
<!-- /menu footer buttons -->
|
||||||
|
<div class="sidebar-footer hidden-small">
|
||||||
<!-- sidebar menu -->
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||||||
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
<div class="menu_section">
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||||||
<h3>General</h3>
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||||||
<ul class="nav side-menu">
|
</a>
|
||||||
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||||||
<ul class="nav child_menu" style="display: none">
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||||||
<li><a href="index.html">Dashboard</a></li>
|
</a>
|
||||||
<li><a href="index2.html">Dashboard2</a></li>
|
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
||||||
<li><a href="index3.html">Dashboard3</a></li>
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||||||
</ul>
|
</a>
|
||||||
</li>
|
</div>
|
||||||
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
<!-- /menu footer buttons -->
|
||||||
<ul class="nav child_menu" style="display: none">
|
|
||||||
<li><a href="form.html">General Form</a></li>
|
|
||||||
<li><a href="form_advanced.html">Advanced Components</a></li>
|
|
||||||
<li><a href="form_validation.html">Form Validation</a></li>
|
|
||||||
<li><a href="form_wizards.html">Form Wizard</a></li>
|
|
||||||
<li><a href="form_upload.html">Form Upload</a></li>
|
|
||||||
<li><a href="form_buttons.html">Form Buttons</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
|
|
||||||
<ul class="nav child_menu" style="display: none">
|
|
||||||
<li><a href="general_elements.html">General Elements</a></li>
|
|
||||||
<li><a href="media_gallery.html">Media Gallery</a></li>
|
|
||||||
<li><a href="typography.html">Typography</a></li>
|
|
||||||
<li><a href="icons.html">Icons</a></li>
|
|
||||||
<li><a href="glyphicons.html">Glyphicons</a></li>
|
|
||||||
<li><a href="widgets.html">Widgets</a></li>
|
|
||||||
<li><a href="invoice.html">Invoice</a></li>
|
|
||||||
<li><a href="inbox.html">Inbox</a></li>
|
|
||||||
<li><a href="calender.html">Calender</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
|
||||||
<ul class="nav child_menu" style="display: none">
|
|
||||||
<li><a href="tables.html">Tables</a></li>
|
|
||||||
<li><a href="tables_dynamic.html">Table Dynamic</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<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" style="display: none">
|
|
||||||
<li><a href="chartjs.html">Chart JS</a></li>
|
|
||||||
<li><a href="chartjs2.html">Chart JS2</a></li>
|
|
||||||
<li><a href="morisjs.html">Moris JS</a></li>
|
|
||||||
<li><a href="echarts.html">ECharts </a></li>
|
|
||||||
<li><a href="other_charts.html">Other Charts </a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="menu_section">
|
|
||||||
<h3>Live On</h3>
|
|
||||||
<ul class="nav side-menu">
|
|
||||||
<li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
|
|
||||||
<ul class="nav child_menu" style="display: none">
|
|
||||||
<li><a href="e_commerce.html">E-commerce</a></li>
|
|
||||||
<li><a href="e_commerce_backend.html">E-commerce Backend</a></li>
|
|
||||||
<li><a href="projects.html">Projects</a></li>
|
|
||||||
<li><a href="project_detail.html">Project Detail</a></li>
|
|
||||||
<li><a href="contacts.html">Contacts</a></li>
|
|
||||||
<li><a href="profile.html">Profile</a></li>
|
|
||||||
<li><a href="real_estate.html">Real Estate</a></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
|
||||||
<ul class="nav child_menu" style="display: none">
|
|
||||||
<li><a href="page_404.html">404 Error</a></li>
|
|
||||||
<li><a href="page_500.html">500 Error</a></li>
|
|
||||||
<li><a href="coming_soon.html">Coming Soon</a></li>
|
|
||||||
<li><a href="plain_page.html">Plain Page</a></li>
|
|
||||||
<li><a href="login.html">Login Page</a></li>
|
|
||||||
<li><a href="sign_up.html">SignUp Page</a></li>
|
|
||||||
<li><a href="pricing_tables.html">Pricing Tables</a></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /sidebar menu -->
|
|
||||||
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
<div class="sidebar-footer hidden-small">
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
||||||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
||||||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
||||||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
|
||||||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- top navigation -->
|
<!-- top navigation -->
|
||||||
<div class="top_nav">
|
<div class="top_nav">
|
||||||
|
|
||||||
<div class="nav_menu">
|
<div class="nav_menu">
|
||||||
<nav class="" role="navigation">
|
<nav class="" role="navigation">
|
||||||
<div class="nav toggle">
|
<div class="nav toggle">
|
||||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<li role="presentation" class="dropdown">
|
<li role="presentation" class="dropdown">
|
||||||
<a id="drop4" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
|
<a id="drop4" href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
|
||||||
<i class="fa fa-envelope-o"></i>
|
<i class="fa fa-envelope-o"></i>
|
||||||
<span class="caret"></span>
|
<span class="caret"></span>
|
||||||
</a>
|
</a>
|
||||||
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
||||||
<li>
|
<li>
|
||||||
<a>
|
<a>
|
||||||
<span class="image">
|
<span class="image">
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
</span>
|
</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>
|
||||||
</span>
|
</span>
|
||||||
<span class="message">
|
<span class="message">
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a>
|
<a>
|
||||||
<span class="image">
|
<span class="image">
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
</span>
|
</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>
|
||||||
</span>
|
</span>
|
||||||
<span class="message">
|
<span class="message">
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a>
|
<a>
|
||||||
<span class="image">
|
<span class="image">
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
</span>
|
</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>
|
||||||
</span>
|
</span>
|
||||||
<span class="message">
|
<span class="message">
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a>
|
<a>
|
||||||
<span class="image">
|
<span class="image">
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
</span>
|
</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>
|
||||||
</span>
|
</span>
|
||||||
<span class="message">
|
<span class="message">
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<div class="text-center">
|
<div class="text-center">
|
||||||
<a>
|
<a>
|
||||||
<strong>See All Alerts</strong>
|
<strong>See All Alerts</strong>
|
||||||
<i class="fa fa-angle-right"></i>
|
<i class="fa fa-angle-right"></i>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li role="presentation" class="dropdown">
|
|
||||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
|
|
||||||
<i class="fa fa-bell"></i>
|
|
||||||
<span class="caret"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="animated fadeInDown dropdown-menu" role="menu">
|
|
||||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Action</a></li>
|
|
||||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Another action</a></li>
|
|
||||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Something else here</a></li>
|
|
||||||
<li role="presentation" class="divider"></li>
|
|
||||||
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Separated link</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</li>
|
||||||
|
<li role="presentation" class="dropdown">
|
||||||
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" role="button" aria-expanded="false">
|
||||||
|
<i class="fa fa-bell"></i>
|
||||||
|
<span class="caret"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="animated fadeInDown dropdown-menu" role="menu">
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Action</a></li>
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Another action</a></li>
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Something else here</a></li>
|
||||||
|
<li role="presentation" class="divider"></li>
|
||||||
|
<li role="presentation"><a role="menuitem" tabindex="-1" href="https://twitter.com/fat">Separated link</a></li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
<!-- /top navigation -->
|
<!-- /top navigation -->
|
||||||
|
|
||||||
<!-- page content -->
|
<!-- page content -->
|
||||||
|
|
||||||
<!-- /page content -->
|
<!-- /page content -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- footer content -->
|
<!-- footer content -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
</ul>
|
</ul>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<script src="js/bootstrap.min.js"></script>
|
||||||
|
|
||||||
<!-- chart js -->
|
<!-- chart js -->
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
<!-- bootstrap progress js -->
|
<!-- bootstrap progress js -->
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
<!-- icheck -->
|
<!-- icheck -->
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<script src="js/custom.js"></script>
|
||||||
<!-- pace -->
|
<!-- pace -->
|
||||||
<script src="js/pace/pace.min.js"></script>
|
<script src="js/pace/pace.min.js"></script>
|
||||||
<!-- /footer content -->
|
<!-- /footer content -->
|
||||||
</body></html>
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -2,34 +2,34 @@
|
||||||
<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">
|
||||||
|
|
||||||
<title>Gentallela Alela! | </title>
|
<title>Gentallela Alela! | </title>
|
||||||
|
|
||||||
<!-- Bootstrap core CSS -->
|
<!-- Bootstrap core CSS -->
|
||||||
|
|
||||||
<link href="css/bootstrap.min.css" rel="stylesheet">
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
|
||||||
<link href="css/animate.min.css" rel="stylesheet">
|
<link href="css/animate.min.css" rel="stylesheet">
|
||||||
|
|
||||||
<!-- Custom styling plus plugins -->
|
<!-- Custom styling plus plugins -->
|
||||||
<link href="css/custom.css" rel="stylesheet">
|
<link href="css/custom.css" rel="stylesheet">
|
||||||
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
<link href="css/icheck/flat/green.css" rel="stylesheet">
|
||||||
|
|
||||||
|
|
||||||
<script src="js/jquery.min.js"></script>
|
<script src="js/jquery.min.js"></script>
|
||||||
|
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
<script src="../assets/js/ie8-responsive-file-warning.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
||||||
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
||||||
<!--[if lt IE 9]>
|
<!--[if lt IE 9]>
|
||||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||||||
<![endif]-->
|
<![endif]-->
|
||||||
|
|
@ -39,405 +39,407 @@
|
||||||
|
|
||||||
<body class="nav-md">
|
<body class="nav-md">
|
||||||
|
|
||||||
<div class="container body">
|
<div class="container body">
|
||||||
|
|
||||||
|
|
||||||
<div class="main_container">
|
<div class="main_container">
|
||||||
|
|
||||||
<div class="col-md-3 left_col">
|
<div class="col-md-3 left_col">
|
||||||
<div class="left_col scroll-view">
|
<div class="left_col scroll-view">
|
||||||
|
|
||||||
<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>Gentellela Alela!</span></a>
|
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
<!-- menu prile quick info -->
|
<!-- menu prile quick info -->
|
||||||
<div class="profile">
|
<div class="profile">
|
||||||
<div class="profile_pic">
|
<div class="profile_pic">
|
||||||
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
|
||||||
</div>
|
</div>
|
||||||
<div class="profile_info">
|
<div class="profile_info">
|
||||||
<span>Welcome,</span>
|
<span>Welcome,</span>
|
||||||
<h2>John Doe</h2>
|
<h2>John Doe</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- /menu prile quick info -->
|
<!-- /menu prile quick info -->
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<!-- sidebar menu -->
|
<!-- sidebar menu -->
|
||||||
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
|
||||||
|
|
||||||
<div class="menu_section">
|
<div class="menu_section">
|
||||||
<h3>General</h3>
|
<h3>General</h3>
|
||||||
<ul class="nav side-menu">
|
<ul class="nav side-menu">
|
||||||
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="index.html">Dashboard</a>
|
<li><a href="index.html">Dashboard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index2.html">Dashboard2</a>
|
<li><a href="index2.html">Dashboard2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="index3.html">Dashboard3</a>
|
<li><a href="index3.html">Dashboard3</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="form.html">General Form</a>
|
<li><a href="form.html">General Form</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_advanced.html">Advanced Components</a>
|
<li><a href="form_advanced.html">Advanced Components</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_validation.html">Form Validation</a>
|
<li><a href="form_validation.html">Form Validation</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_wizards.html">Form Wizard</a>
|
<li><a href="form_wizards.html">Form Wizard</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_upload.html">Form Upload</a>
|
<li><a href="form_upload.html">Form Upload</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="form_buttons.html">Form Buttons</a>
|
<li><a href="form_buttons.html">Form Buttons</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="general_elements.html">General Elements</a>
|
<li><a href="general_elements.html">General Elements</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="media_gallery.html">Media Gallery</a>
|
<li><a href="media_gallery.html">Media Gallery</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="typography.html">Typography</a>
|
<li><a href="typography.html">Typography</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="icons.html">Icons</a>
|
<li><a href="icons.html">Icons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="glyphicons.html">Glyphicons</a>
|
<li><a href="glyphicons.html">Glyphicons</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="widgets.html">Widgets</a>
|
<li><a href="widgets.html">Widgets</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="invoice.html">Invoice</a>
|
<li><a href="invoice.html">Invoice</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="inbox.html">Inbox</a>
|
<li><a href="inbox.html">Inbox</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="calender.html">Calender</a>
|
<li><a href="calender.html">Calender</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="tables.html">Tables</a>
|
<li><a href="tables.html">Tables</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
<li><a href="tables_dynamic.html">Table Dynamic</a>
|
||||||
</li>
|
</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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="chartjs.html">Chart JS</a>
|
<li><a href="chartjs.html">Chart JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="chartjs2.html">Chart JS2</a>
|
<li><a href="chartjs2.html">Chart JS2</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="morisjs.html">Moris JS</a>
|
<li><a href="morisjs.html">Moris JS</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="echarts.html">ECharts </a>
|
<li><a href="echarts.html">ECharts </a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="other_charts.html">Other Charts </a>
|
<li><a href="other_charts.html">Other Charts </a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<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" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="e_commerce.html">E-commerce</a>
|
<li><a href="e_commerce.html">E-commerce</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="projects.html">Projects</a>
|
<li><a href="projects.html">Projects</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="project_detail.html">Project Detail</a>
|
<li><a href="project_detail.html">Project Detail</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="contacts.html">Contacts</a>
|
<li><a href="contacts.html">Contacts</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="profile.html">Profile</a>
|
<li><a href="profile.html">Profile</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
|
||||||
<ul class="nav child_menu" style="display: none">
|
<ul class="nav child_menu" style="display: none">
|
||||||
<li><a href="page_404.html">404 Error</a>
|
<li><a href="page_404.html">404 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="page_500.html">500 Error</a>
|
<li><a href="page_500.html">500 Error</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="plain_page.html">Plain Page</a>
|
<li><a href="plain_page.html">Plain Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="login.html">Login Page</a>
|
<li><a href="login.html">Login Page</a>
|
||||||
</li>
|
</li>
|
||||||
<li><a href="pricing_tables.html">Pricing Tables</a>
|
<li><a href="pricing_tables.html">Pricing Tables</a>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
<li><a><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /sidebar menu -->
|
|
||||||
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
<div class="sidebar-footer hidden-small">
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
|
||||||
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
|
||||||
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
|
||||||
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
|
||||||
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
<!-- /menu footer buttons -->
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- top navigation -->
|
</div>
|
||||||
<div class="top_nav">
|
<!-- /sidebar menu -->
|
||||||
|
|
||||||
<div class="nav_menu">
|
<!-- /menu footer buttons -->
|
||||||
<nav class="" role="navigation">
|
<div class="sidebar-footer hidden-small">
|
||||||
<div class="nav toggle">
|
<a data-toggle="tooltip" data-placement="top" title="Settings">
|
||||||
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
|
||||||
</div>
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
|
||||||
|
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Lock">
|
||||||
|
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
<a data-toggle="tooltip" data-placement="top" title="Logout">
|
||||||
|
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<!-- /menu footer buttons -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<!-- top navigation -->
|
||||||
<li class="">
|
<div class="top_nav">
|
||||||
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<img src="images/img.jpg" alt="">John Doe
|
|
||||||
<span class=" fa fa-angle-down"></span>
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
|
||||||
<li><a href="javascript:;"> Profile</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">
|
|
||||||
<span class="badge bg-red pull-right">50%</span>
|
|
||||||
<span>Settings</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="javascript:;">Help</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
<li role="presentation" class="dropdown">
|
|
||||||
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
|
||||||
<i class="fa fa-envelope-o"></i>
|
|
||||||
<span class="badge bg-green">6</span>
|
|
||||||
</a>
|
|
||||||
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a>
|
|
||||||
<span class="image">
|
|
||||||
<img src="images/img.jpg" alt="Profile Image" />
|
|
||||||
</span>
|
|
||||||
<span>
|
|
||||||
<span>John Smith</span>
|
|
||||||
<span class="time">3 mins ago</span>
|
|
||||||
</span>
|
|
||||||
<span class="message">
|
|
||||||
Film festivals used to be do-or-die moments for movie makers. They were where...
|
|
||||||
</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div class="text-center">
|
|
||||||
<a>
|
|
||||||
<strong>See All Alerts</strong>
|
|
||||||
<i class="fa fa-angle-right"></i>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<div class="nav_menu">
|
||||||
|
<nav class="" role="navigation">
|
||||||
|
<div class="nav toggle">
|
||||||
|
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<!-- /top navigation -->
|
|
||||||
|
|
||||||
<!-- page content -->
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<div class="right_col" role="main">
|
<li class="">
|
||||||
|
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
|
||||||
|
<img src="images/img.jpg" alt="">John Doe
|
||||||
|
<span class=" fa fa-angle-down"></span>
|
||||||
|
</a>
|
||||||
|
<ul class="dropdown-menu dropdown-usermenu animated fadeInDown pull-right">
|
||||||
|
<li><a href="javascript:;"> Profile</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">
|
||||||
|
<span class="badge bg-red pull-right">50%</span>
|
||||||
|
<span>Settings</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="javascript:;">Help</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="">
|
<li role="presentation" class="dropdown">
|
||||||
<div class="page-title">
|
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
|
||||||
<div class="title_left">
|
<i class="fa fa-envelope-o"></i>
|
||||||
<h3>Typography</h3>
|
<span class="badge bg-green">6</span>
|
||||||
</div>
|
</a>
|
||||||
|
<ul id="menu1" class="dropdown-menu list-unstyled msg_list animated fadeInDown" role="menu">
|
||||||
<div class="title_right">
|
<li>
|
||||||
<div class="pull-right">
|
<a>
|
||||||
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
|
<span class="image">
|
||||||
<input style="padding: 5px 16px;" type="text" placeholder="Search..." class="autocomplete-input input tooltip-button ui-autocomplete-input" data-placement="bottom" title="" name="" data-original-title="Type 'jav' to see the available tags..." autocomplete="off">
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
<i class="glyph-icon icon-search"></i>
|
</span>
|
||||||
</div>
|
<span>
|
||||||
</div>
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a>
|
||||||
|
<span class="image">
|
||||||
|
<img src="images/img.jpg" alt="Profile Image" />
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<span>John Smith</span>
|
||||||
|
<span class="time">3 mins ago</span>
|
||||||
|
</span>
|
||||||
|
<span class="message">
|
||||||
|
Film festivals used to be do-or-die moments for movie makers. They were where...
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<div class="text-center">
|
||||||
|
<a>
|
||||||
|
<strong>See All Alerts</strong>
|
||||||
|
<i class="fa fa-angle-right"></i>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="clearfix"></div>
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
|
||||||
<div class="row">
|
</ul>
|
||||||
<div class="col-md-12">
|
</nav>
|
||||||
<div class="x_panel">
|
|
||||||
<div class="x_title">
|
|
||||||
<h2>Typography <small>different design elements</small></h2>
|
|
||||||
<ul class="nav navbar-right panel_toolbox">
|
|
||||||
<li><a href="#"><i class="fa fa-chevron-up"></i></a>
|
|
||||||
</li>
|
|
||||||
<li class="dropdown">
|
|
||||||
<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">
|
|
||||||
<li><a href="#">Settings 1</a>
|
|
||||||
</li>
|
|
||||||
<li><a href="#">Settings 2</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
<li><a href="#"><i class="fa fa-close"></i></a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</div>
|
|
||||||
<div class="x_content">
|
|
||||||
|
|
||||||
<div class="col-md-8 col-lg-8 col-sm-7">
|
|
||||||
<!-- blockquote -->
|
|
||||||
<blockquote>
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
||||||
<footer>Someone famous in <cite title="Source Title">Source Title</cite>
|
|
||||||
</footer>
|
|
||||||
</blockquote>
|
|
||||||
|
|
||||||
<blockquote class="blockquote-reverse">
|
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
|
||||||
<footer>Someone famous in <cite title="Source Title">Source Title</cite>
|
|
||||||
</footer>
|
|
||||||
</blockquote>
|
|
||||||
</div>
|
|
||||||
<div class="col-md-4 col-lg-4 col-sm-5">
|
|
||||||
<h1>h1. Bootstrap heading</h1>
|
|
||||||
<h2>h2. Bootstrap heading</h2>
|
|
||||||
<h3>h3. Bootstrap heading</h3>
|
|
||||||
<h4>h4. Bootstrap heading</h4>
|
|
||||||
<h5>h5. Bootstrap heading</h5>
|
|
||||||
<h6>h6. Bootstrap heading</h6>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
|
|
||||||
<div class="col-md-12">
|
|
||||||
<h4>Labels and badges</h4>
|
|
||||||
<span class="label label-default">Default</span>
|
|
||||||
<span class="label label-primary">Primary</span>
|
|
||||||
<span class="label label-success">Success</span>
|
|
||||||
<span class="label label-info">Info</span>
|
|
||||||
<span class="label label-warning">Warning</span>
|
|
||||||
<span class="label label-danger">Danger</span>
|
|
||||||
|
|
||||||
<span class="badge badge-success">42</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- footer content -->
|
|
||||||
<footer>
|
|
||||||
<div class="">
|
|
||||||
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
|
||||||
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
</footer>
|
|
||||||
<!-- /footer content -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!-- /page content -->
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /top navigation -->
|
||||||
|
|
||||||
|
<!-- page content -->
|
||||||
|
<div class="right_col" role="main">
|
||||||
|
|
||||||
|
<div class="">
|
||||||
|
<div class="page-title">
|
||||||
|
<div class="title_left">
|
||||||
|
<h3>Typography</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="title_right">
|
||||||
|
<div class="pull-right">
|
||||||
|
<span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span>
|
||||||
|
<input style="padding: 5px 16px;" type="text" placeholder="Search..." class="autocomplete-input input tooltip-button ui-autocomplete-input" data-placement="bottom" title="" name="" data-original-title="Type 'jav' to see the available tags..." autocomplete="off">
|
||||||
|
<i class="glyph-icon icon-search"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="x_panel">
|
||||||
|
<div class="x_title">
|
||||||
|
<h2>Typography <small>different design elements</small></h2>
|
||||||
|
<ul class="nav navbar-right panel_toolbox">
|
||||||
|
<li><a href="#"><i class="fa fa-chevron-up"></i></a>
|
||||||
|
</li>
|
||||||
|
<li class="dropdown">
|
||||||
|
<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">
|
||||||
|
<li><a href="#">Settings 1</a>
|
||||||
|
</li>
|
||||||
|
<li><a href="#">Settings 2</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li><a href="#"><i class="fa fa-close"></i></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</div>
|
||||||
|
<div class="x_content">
|
||||||
|
|
||||||
|
<div class="col-md-8 col-lg-8 col-sm-7">
|
||||||
|
<!-- blockquote -->
|
||||||
|
<blockquote>
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
|
||||||
|
posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||||
|
<footer>Someone famous in <cite title="Source Title">Source Title</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
|
||||||
|
<blockquote class="blockquote-reverse">
|
||||||
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer
|
||||||
|
posuere erat a ante Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
|
||||||
|
<footer>Someone famous in <cite title="Source Title">Source Title</cite>
|
||||||
|
</footer>
|
||||||
|
</blockquote>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-lg-4 col-sm-5">
|
||||||
|
<h1>h1. Bootstrap heading</h1>
|
||||||
|
<h2>h2. Bootstrap heading</h2>
|
||||||
|
<h3>h3. Bootstrap heading</h3>
|
||||||
|
<h4>h4. Bootstrap heading</h4>
|
||||||
|
<h5>h5. Bootstrap heading</h5>
|
||||||
|
<h6>h6. Bootstrap heading</h6>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
|
||||||
|
<div class="col-md-12">
|
||||||
|
<h4>Labels and badges</h4>
|
||||||
|
<span class="label label-default">Default</span>
|
||||||
|
<span class="label label-primary">Primary</span>
|
||||||
|
<span class="label label-success">Success</span>
|
||||||
|
<span class="label label-info">Info</span>
|
||||||
|
<span class="label label-warning">Warning</span>
|
||||||
|
<span class="label label-danger">Danger</span>
|
||||||
|
|
||||||
|
<span class="badge badge-success">42</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- footer content -->
|
||||||
|
<footer>
|
||||||
|
<div class="">
|
||||||
|
<p class="pull-right">Gentelella Alela! a Bootstrap 3 template by <a>Kimlabs</a>. |
|
||||||
|
<span class="lead"> <i class="fa fa-paw"></i> Gentelella Alela!</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
</footer>
|
||||||
|
<!-- /footer content -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- /page content -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="custom_notifications" class="custom-notifications dsp_none">
|
</div>
|
||||||
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
|
||||||
</ul>
|
|
||||||
<div class="clearfix"></div>
|
|
||||||
<div id="notif-group" class="tabbed_notifications"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="js/bootstrap.min.js"></script>
|
<div id="custom_notifications" class="custom-notifications dsp_none">
|
||||||
|
<ul class="list-unstyled notifications clearfix" data-tabbed_notifications="notif-group">
|
||||||
|
</ul>
|
||||||
|
<div class="clearfix"></div>
|
||||||
|
<div id="notif-group" class="tabbed_notifications"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- chart js -->
|
<script src="js/bootstrap.min.js"></script>
|
||||||
<script src="js/chartjs/chart.min.js"></script>
|
|
||||||
<!-- bootstrap progress js -->
|
|
||||||
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
|
||||||
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
|
||||||
<!-- icheck -->
|
|
||||||
<script src="js/icheck/icheck.min.js"></script>
|
|
||||||
|
|
||||||
<script src="js/custom.js"></script>
|
<!-- chart js -->
|
||||||
<!-- pace -->
|
<script src="js/chartjs/chart.min.js"></script>
|
||||||
<script src="js/pace/pace.min.js"></script>
|
<!-- bootstrap progress js -->
|
||||||
|
<script src="js/progressbar/bootstrap-progressbar.min.js"></script>
|
||||||
|
<script src="js/nicescroll/jquery.nicescroll.min.js"></script>
|
||||||
|
<!-- icheck -->
|
||||||
|
<script src="js/icheck/icheck.min.js"></script>
|
||||||
|
|
||||||
|
<script src="js/custom.js"></script>
|
||||||
|
<!-- pace -->
|
||||||
|
<script src="js/pace/pace.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,112 +1,107 @@
|
||||||
.xxs{
|
.xxs{ position: fixed; margin: 15px; right: 0; float: right; width: 400px; z-index: 4000; bottom: 0 } .dsp_none{ display: none; }
|
||||||
position: fixed; margin: 15px;
|
|
||||||
right: 0;
|
|
||||||
float: right;
|
|
||||||
width: 400px;
|
|
||||||
z-index: 4000;
|
|
||||||
bottom: 0
|
|
||||||
}
|
|
||||||
.dsp_none{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
<!-- flot -->
|
<!-- flot -->
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
//define chart clolors ( you maybe add more colors if you want or flot will add it automatic )
|
//define chart clolors ( you maybe add more colors if you want or flot will add it automatic )
|
||||||
var chartColours = ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'];
|
var chartColours = ['#96CA59', '#3F97EB', '#72c380', '#6f7a8a', '#f7cb38', '#5a8022', '#2c7282'];
|
||||||
|
|
||||||
//generate random number for charts
|
//generate random number for charts
|
||||||
randNum = function () {
|
randNum = function() {
|
||||||
return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
|
return (Math.floor(Math.random() * (1 + 40 - 20))) + 20;
|
||||||
|
}
|
||||||
|
|
||||||
|
$(function() {
|
||||||
|
var d1 = [];
|
||||||
|
//var d2 = [];
|
||||||
|
|
||||||
|
//here we generate data for chart
|
||||||
|
for (var i = 0; i < 30; i++) {
|
||||||
|
d1.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
|
||||||
|
// d2.push([new Date(Date.today().add(i).days()).getTime(), randNum()]);
|
||||||
}
|
}
|
||||||
|
|
||||||
$(function () {
|
var chartMinDate = d1[0][0]; //first day
|
||||||
var d1 = [];
|
var chartMaxDate = d1[20][0]; //last day
|
||||||
//var d2 = [];
|
|
||||||
|
|
||||||
//here we generate data for chart
|
var tickSize = [1, "day"];
|
||||||
for (var i = 0; i < 30; i++) {
|
var tformat = "%d/%m/%y";
|
||||||
d1.push([new Date(Date.today().add(i).days()).getTime(), randNum() + i + i + 10]);
|
|
||||||
// d2.push([new Date(Date.today().add(i).days()).getTime(), randNum()]);
|
//graph options
|
||||||
|
var options = {
|
||||||
|
grid: {
|
||||||
|
show: true,
|
||||||
|
aboveData: true,
|
||||||
|
color: "#3f3f3f",
|
||||||
|
labelMargin: 10,
|
||||||
|
axisMargin: 0,
|
||||||
|
borderWidth: 0,
|
||||||
|
borderColor: null,
|
||||||
|
minBorderMargin: 5,
|
||||||
|
clickable: true,
|
||||||
|
hoverable: true,
|
||||||
|
autoHighlight: true,
|
||||||
|
mouseActiveRadius: 100
|
||||||
|
},
|
||||||
|
series: {
|
||||||
|
lines: {
|
||||||
|
show: true,
|
||||||
|
fill: true,
|
||||||
|
lineWidth: 2,
|
||||||
|
steps: false
|
||||||
|
},
|
||||||
|
points: {
|
||||||
|
show: true,
|
||||||
|
radius: 4.5,
|
||||||
|
symbol: "circle",
|
||||||
|
lineWidth: 3.0
|
||||||
}
|
}
|
||||||
|
},
|
||||||
var chartMinDate = d1[0][0]; //first day
|
legend: {
|
||||||
var chartMaxDate = d1[20][0];//last day
|
position: "ne",
|
||||||
|
margin: [0, -25],
|
||||||
var tickSize = [1, "day"];
|
noColumns: 0,
|
||||||
var tformat = "%d/%m/%y";
|
labelBoxBorderColor: null,
|
||||||
|
labelFormatter: function(label, series) {
|
||||||
//graph options
|
// just add some space to labes
|
||||||
var options = {
|
return label + ' ';
|
||||||
grid: {
|
},
|
||||||
show: true,
|
width: 40,
|
||||||
aboveData: true,
|
height: 1
|
||||||
color: "#3f3f3f",
|
},
|
||||||
labelMargin: 10,
|
colors: chartColours,
|
||||||
axisMargin: 0,
|
shadowSize: 0,
|
||||||
borderWidth: 0,
|
tooltip: true, //activate tooltip
|
||||||
borderColor: null,
|
tooltipOpts: {
|
||||||
minBorderMargin: 5,
|
content: "%s: %y.0",
|
||||||
clickable: true,
|
xDateFormat: "%d/%m",
|
||||||
hoverable: true,
|
shifts: {
|
||||||
autoHighlight: true,
|
x: -30,
|
||||||
mouseActiveRadius: 100
|
y: -50
|
||||||
},
|
},
|
||||||
series: {
|
defaultTheme: false
|
||||||
lines: {
|
},
|
||||||
show: true,
|
yaxis: {
|
||||||
fill: true,
|
min: 0
|
||||||
lineWidth: 2,
|
},
|
||||||
steps: false
|
xaxis: {
|
||||||
},
|
mode: "time",
|
||||||
points: {
|
minTickSize: tickSize,
|
||||||
show: true,
|
timeformat: tformat,
|
||||||
radius: 4.5,
|
min: chartMinDate,
|
||||||
symbol: "circle",
|
max: chartMaxDate
|
||||||
lineWidth: 3.0
|
}
|
||||||
}
|
};
|
||||||
},
|
var plot = $.plot($("#placeholder33x"), [{
|
||||||
legend: {
|
label: "Email Sent",
|
||||||
position: "ne",
|
data: d1,
|
||||||
margin: [0, -25],
|
lines: {
|
||||||
noColumns: 0,
|
fillColor: "rgba(150, 202, 89, 0.12)"
|
||||||
labelBoxBorderColor: null,
|
}, //#96CA59 rgba(150, 202, 89, 0.42)
|
||||||
labelFormatter: function (label, series) {
|
points: {
|
||||||
// just add some space to labes
|
fillColor: "#fff"
|
||||||
return label + ' ';
|
}
|
||||||
},
|
}], options);
|
||||||
width: 40,
|
});
|
||||||
height: 1
|
|
||||||
},
|
|
||||||
colors: chartColours,
|
|
||||||
shadowSize: 0,
|
|
||||||
tooltip: true, //activate tooltip
|
|
||||||
tooltipOpts: {
|
|
||||||
content: "%s: %y.0",
|
|
||||||
xDateFormat: "%d/%m",
|
|
||||||
shifts: {
|
|
||||||
x: -30,
|
|
||||||
y: -50
|
|
||||||
},
|
|
||||||
defaultTheme: false
|
|
||||||
},
|
|
||||||
yaxis: {min: 0},
|
|
||||||
xaxis: {
|
|
||||||
mode: "time",
|
|
||||||
minTickSize: tickSize,
|
|
||||||
timeformat: tformat,
|
|
||||||
min: chartMinDate,
|
|
||||||
max: chartMaxDate
|
|
||||||
}
|
|
||||||
};
|
|
||||||
var plot = $.plot($("#placeholder33x"),
|
|
||||||
[{
|
|
||||||
label: "Email Sent",
|
|
||||||
data: d1,
|
|
||||||
lines: {fillColor: "rgba(150, 202, 89, 0.12)"}, //#96CA59 rgba(150, 202, 89, 0.42)
|
|
||||||
points: {fillColor: "#fff"}
|
|
||||||
}], options);
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
<!-- /flot -->
|
<!-- /flot -->
|
||||||
Loading…
Reference in New Issue