<!DOCTYPE html>
<html lang="en">
<head>
<!-- title, meta tags, list of stylesheets, etc ... -->
</head>
<body class="no-skin">
<div class="navbar" id="navbar">
<!-- navbar goes here -->
</div>
<div class="main-container" id="main-container">
<div class="sidebar responsive" id="sidebar">
<!-- sidebar goes here -->
</div>
<div class="main-content">
<div class="breadcrumbs">
<!-- breadcrumbs goes here -->
</div>
<div class="page-content">
<!-- setting box goes here if needed -->
<div class="row">
<div class="col-xs-12">
<!-- page content goes here -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.page-content -->
</div><!-- /.main-content -->
<!-- footer area -->
</div><!-- /.main-container -->
<!-- list of script files -->
</body>
</html>
mustache/app/views/layouts/default.mustache
head element contains title, meta tags, stylesheets and some scripts:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <!-- use the following meta to force IE use its most up to date rendering engine --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title> page tite </title> <meta name="description" content="page description" /> <!-- stylesheets are put here, refer to files/css documentation --> <!-- some scripts should be here, refer to files/javascript documentation --> </head>For more info about stylesheets and order of use, please see CSS order.
user-scalable=no property:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />The following links have more info:
<body class="no-skin"> ... </body>You can use one of the following classes to apply different skins:
.no-skin.skin-1.skin-2.no-skin.skin-3html/empty.html
file which has minimal code for easier investigation:
<html>
<head>
<!-- title, meta tags, list of stylesheets, etc ... -->
</head>
<body class="no-skin">
<div class="navbar" id="navbar">
<!-- navbar goes here -->
</div>
<div class="main-container" id="main-container">
<div class="sidebar responsive" id="sidebar">
<!-- sidebar goes here -->
</div>
<div class="main-content">
<div class="page-content">
<div class="row">
<div class="col-xs-12">
<!-- page content goes here -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.page-content -->
</div><!-- /.main-content -->
</div><!-- /.main-container -->
<!-- list of script files -->
</body>
</html>
mustache/app/views/layouts/empty.mustache
<html>
<head>
</head>
<body class="login-layout">
<div class="main-container">
<div class="main-content">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<!-- page content goes here -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.main-content -->
</div><!-- /.main-container -->
</body>
</html>
mustache/app/views/layouts/login.mustache
jQuery(function($) {
$(document).on('click', '.toolbar a[data-target]', function(e) {
e.preventDefault();
var target = $(this).data('target');
$('.widget-box.visible').removeClass('visible');//hide others
$(target).addClass('visible');//show target
})
})
mustache/app/views/assets/scripts/login.js