improve html

pull/3891/head
Daniel 2021-08-08 16:44:36 +05:30
parent 8d562739ff
commit e65a8df0f7
15 changed files with 223 additions and 141 deletions

View File

@ -21,14 +21,26 @@
"path": "."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Dashboard"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Dashboard</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Dashboard</li>
</ol>
</div>
</section>
</div>
</div>
<div class="content">
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<div class="row">
<section class="row">
<div class="col-lg-3 col-6">
<!-- small box -->
<div class="small-box bg-primary">
@ -89,10 +101,10 @@
</div>
</div>
<!-- ./col -->
</div>
</section>
<!-- /.row -->
<!-- Main row -->
<div class="row">
<section class="row">
<!-- Start col -->
<section class="col-lg-7">
<!-- Custom tabs (Charts with tabs)-->
@ -331,11 +343,11 @@
<!--/.direct-chat -->
</section>
<!-- /.Start col -->
</div>
</section>
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
</div>
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -20,14 +20,26 @@
"path": "."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Dashboard v2"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Dashboard v2</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Dashboard v2</li>
</ol>
</div>
</section>
</div>
</div>
<div class="content">
<div class="container-fluid">
<!-- Info boxes -->
<div class="row">
<section class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
@ -87,10 +99,10 @@
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
<div class="row">
<section class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
@ -119,7 +131,7 @@
</div>
<!-- /.card-header -->
<div class="card-body">
<div class="row">
<section class="row">
<div class="col-md-8">
<p class="text-center">
<strong>Sales: 1 Jan, 2014 - 30 Jul, 2014</strong>
@ -174,12 +186,12 @@
<!-- /.progress-group -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div>
<!-- ./card-body -->
<div class="card-footer">
<div class="row">
<section class="row">
<div class="col-sm-3 col-6">
<div class="description-block border-end">
<span class="description-percentage text-success"><i class="fas fa-caret-up"></i> 17%</span>
@ -215,7 +227,7 @@
</div>
<!-- /.description-block -->
</div>
</div>
</section>
<!-- /.row -->
</div>
<!-- /.card-footer -->
@ -223,14 +235,14 @@
<!-- /.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
<!-- Main row -->
<div class="row">
<section class="row">
<!-- Start col -->
<div class="col-md-8">
<div class="row">
<section class="row">
<div class="col-md-6">
<!-- DIRECT CHAT -->
<div class="card direct-chat direct-chat-warning">
@ -507,7 +519,7 @@
<!--/.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
<!-- TABLE: LATEST ORDERS -->
@ -667,7 +679,7 @@
</div>
<!-- /.card-header -->
<div class="card-body">
<div class="row">
<section class="row">
<div class="col-md-8">
<div class="chart-responsive">
<canvas id="pieChart" height="150"></canvas>
@ -686,7 +698,7 @@
</ul>
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div>
<!-- /.card-body -->
@ -741,7 +753,7 @@
<ul class="products-list product-list-in-card ps-2 pe-2">
<li class="item">
<div class="product-img">
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
</div>
<div class="product-info">
<a href="javascript:void(0)" class="product-title">Samsung TV
@ -754,7 +766,7 @@
<!-- /.item -->
<li class="item">
<div class="product-img">
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
</div>
<div class="product-info">
<a href="javascript:void(0)" class="product-title">Bicycle
@ -767,7 +779,7 @@
<!-- /.item -->
<li class="item">
<div class="product-img">
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
</div>
<div class="product-info">
<a href="javascript:void(0)" class="product-title">
@ -783,7 +795,7 @@
<!-- /.item -->
<li class="item">
<div class="product-img">
<img src="./assets/img/user3-128x128.jpg " alt="Product Image" class="img-size-50">
<img src="./assets/img/default-150x150.png" alt="Product Image" class="img-size-50">
</div>
<div class="product-info">
<a href="javascript:void(0)" class="product-title">PlayStation 4
@ -805,11 +817,11 @@
<!-- /.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -21,13 +21,25 @@
"path": "."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Dashboard v3"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Dashboard v3</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Dashboard v3</li>
</ol>
</div>
</section>
</div>
</div>
<div class="content">
<div class="container-fluid">
<div class="row">
<section class="row">
<div class="col-lg-6">
<div class="card">
<div class="card-header border-0">
@ -268,11 +280,11 @@
</div>
</div>
<!-- /.col-md-6 -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -32,7 +32,7 @@
<span class="fas fa-lock"></span>
</div>
</div>
<div class="row">
<section class="row">
<div class="col-8">
<div class="form-check">
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
@ -48,7 +48,7 @@
</div>
</div>
<!-- /.col -->
</div>
</section>
</form>
<div class="social-auth-links text-center mb-3 d-grid gap-2">

View File

@ -20,14 +20,26 @@
"path": "../.."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "General Form"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">General Form</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">General Form</li>
</ol>
</div>
</section>
</div>
</div>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row g-4">
<section class="row g-4">
<!-- Start column -->
<div class="col-md-6">
<!-- general form elements -->
@ -64,12 +76,12 @@
</div>
<!-- /.card -->
</div>
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -20,14 +20,26 @@
"path": "../.."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Fixed Layout"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Fixed Layout</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Fixed Layout</li>
</ol>
</div>
</section>
</div>
</div>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row">
<section class="row">
<div class="col-12">
<!-- Default box -->
<div class="card">
@ -54,12 +66,12 @@
</div>
<!-- /.card -->
</div>
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -20,14 +20,26 @@
"path": "../.."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Simple Tables"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Simple Tables</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Simple Tables</li>
</ol>
</div>
</section>
</div>
</div>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<div class="row">
<section class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header">
@ -303,12 +315,12 @@
<!-- /.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -20,16 +20,28 @@
"path": "../.."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Widgets - Cards"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Cards</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Cards</li>
</ol>
</div>
</section>
</div>
</div>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<h4 class="mb-2 mt-4">Cards</h4>
<h5 class="mb-2">Abilities</h5>
<div class="row">
<section class="row">
<div class="col-md-3">
<div class="card card-primary collapsed-card">
<div class="card-header">
@ -110,12 +122,12 @@
<!-- /.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -21,15 +21,27 @@
"path": "../.."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Widgets - Info Box"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Info Box</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Info Box</li>
</ol>
</div>
</section>
</div>
</div>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
<h5 class="mb-2">Info Box</h5>
<div class="row">
<section class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
<span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
@ -91,12 +103,12 @@
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
<!-- =========================================================== -->
<h5 class="mb-2">Info Box With Custom Shadows <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
<div class="row">
<section class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box shadow-none">
<span class="info-box-icon bg-primary shadow-sm"><i class="fas fa-cog"></i></span>
@ -158,12 +170,12 @@
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
<!-- =========================================================== -->
<h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
<div class="row">
<section class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-primary">
<span class="info-box-icon"><i class="far fa-bookmark"></i></span>
@ -244,12 +256,12 @@
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
<!-- =========================================================== -->
<h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5>
<div class="row">
<section class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box bg-primary bg-gradient">
<span class="info-box-icon"><i class="far fa-bookmark"></i></span>
@ -330,12 +342,12 @@
<!-- /.info-box -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -21,10 +21,22 @@
"path": "../.."
})
<!-- Main content -->
<div class="content-wrapper">
@@include('./dashboard/_content-header.html', {
"header_name": "Widgets - Small Box"
})
<main class="content-wrapper">
<div class="content-header">
<div class="container-fluid">
<section class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">Small Box</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Small Box</li>
</ol>
</div>
</section>
</div>
</div>
<!-- Main content -->
<div class="content">
<div class="container-fluid">
@ -96,7 +108,7 @@
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->
@@include('./dashboard/_footer.html', {

View File

@ -1,11 +1,15 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Primary Meta Tags -->
<title>@@title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="@@title">
<meta name="author" content="ColorlibHQ">
<meta name="description" content="Volt Pro is a Premium Bootstrap 5 Admin Dashboard featuring over 800 components, 10+ plugins and 20 example pages using Vanilla JS.">
<meta name="keywords" content="bootstrap 5, bootstrap, bootstrap 5 admin dashboard, bootstrap 5 dashboard, bootstrap 5 charts, bootstrap 5 calendar, bootstrap 5 datepicker, bootstrap 5 tables, bootstrap 5 datatable, vanilla js datatable, colorlibhq, colorlibhq dashboard, colorlibhq admin dashboard" />
<!-- By adding @@path/css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is light. -->
<meta name="color-scheme" content="light dark">
<!-- By adding @@path/css/dark/adminlte-dark-addon.css then the page supports both dark color schemes, and the page author prefers / default is dark. -->
<!-- <meta name="color-scheme" content="dark light"> -->
<title>@@title</title>
<!-- Google Font: Source Sans Pro -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
<!-- Font Awesome -->

View File

@ -1,15 +0,0 @@
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-6">
<div class="fs-3">@@header_name</div>
</div>
<div class="col-sm-6">
<ol class="breadcrumb float-sm-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">@@header_name</li>
</ol>
</div>
</div>
</div>
</div>

View File

@ -1,11 +1,11 @@
<!-- Main Sidebar Container -->
<aside class="main-sidebar sidebar-bg-dark sidebar-color-primary shadow">
<div class="brand-container">
<a href="javascript:void(0)" class="brand-link">
<a href="javascript:;" class="brand-link">
<img src="@@path/assets/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image opacity-80 shadow">
<span class="brand-text fw-light">AdminLTE 4</span>
</a>
<a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:void(0)" role="button"><i class="fas fa-angle-double-left"></i></a>
<a class="pushmenu mx-1" data-lte-toggle="sidebar-mini" href="javascript:;" role="button"><i class="fas fa-angle-double-left"></i></a>
</div>
<!-- Sidebar -->
<div class="sidebar">
@ -13,7 +13,7 @@
<!-- Sidebar Menu -->
<ul class="nav nav-pills nav-sidebar flex-column" data-lte-toggle="treeview" role="menu" data-accordion="false">
<li class="nav-item @@if (context.mainPage === 'dashboard') {menu-open}">
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'dashboard') {active}">
<i class="nav-icon fas fa-circle"></i>
<p>
Dashboard
@ -42,7 +42,7 @@
</ul>
</li>
<li class="nav-item @@if (context.mainPage === 'widgets') {menu-open}">
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'widgets') {active}">
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'widgets') {active}">
<i class="nav-icon fas fa-circle"></i>
<p>
Widgets
@ -72,7 +72,7 @@
</li>
<li class="nav-item @@if (context.mainPage === 'layout') {menu-open}">
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'layout') {active}">
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'layout') {active}">
<i class="nav-icon fas fa-circle"></i>
<p>
Layout Options
@ -90,7 +90,7 @@
</ul>
</li>
<li class="nav-item @@if (context.mainPage === 'forms') {menu-open}">
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'forms') {active}">
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'forms') {active}">
<i class="nav-icon fas fa-circle"></i>
<p>
Forms
@ -107,7 +107,7 @@
</ul>
</li>
<li class="nav-item @@if (context.mainPage === 'tables') {menu-open}">
<a href="javascript:void(0)" class="nav-link @@if (context.mainPage === 'tables') {active}">
<a href="javascript:;" class="nav-link @@if (context.mainPage === 'tables') {active}">
<i class="nav-icon fas fa-circle"></i>
<p>
Tables
@ -125,13 +125,13 @@
</li>
<li class="nav-header">MULTI LEVEL EXAMPLE</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon fas fa-circle"></i>
<p>Level 1</p>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon fas fa-circle"></i>
<p>
Level 1
@ -140,13 +140,13 @@
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-circle"></i>
<p>Level 2</p>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-circle"></i>
<p>
Level 2
@ -155,19 +155,19 @@
</a>
<ul class="nav nav-treeview">
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-dot-circle"></i>
<p>Level 3</p>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-dot-circle"></i>
<p>Level 3</p>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-dot-circle"></i>
<p>Level 3</p>
</a>
@ -175,7 +175,7 @@
</ul>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-circle"></i>
<p>Level 2</p>
</a>
@ -183,26 +183,26 @@
</ul>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon fas fa-circle"></i>
<p>Level 1</p>
</a>
</li>
<li class="nav-header">LABELS</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-circle text-danger"></i>
<p class="text">Important</p>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-circle text-warning"></i>
<p>Warning</p>
</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link">
<a href="javascript:;" class="nav-link">
<i class="nav-icon far fa-circle text-info"></i>
<p>Informational</p>
</a>

View File

@ -131,7 +131,7 @@
</li>
<!-- Menu Body -->
<li class="user-body">
<div class="row">
<section class="row">
<div class="col-4 text-center">
<a href="#">Followers</a>
</div>
@ -141,7 +141,7 @@
<div class="col-4 text-center">
<a href="#">Friends</a>
</div>
</div>
</section>
<!-- /.row -->
</li>
<!-- Menu Footer-->

View File

@ -1,15 +0,0 @@
@import "layout/wrapper";
@import "layout/main-header";
@import "layout/brand-container";
@import "layout/main-sidebar";
@import "layout/sidebar";
@import "layout/nav-sidebar";
@import "layout/sidebar-collapse";
// @import "layout/sidebar-horizontal";
@import "layout/sidebar-close";
@import "layout/content-wrapper";
@import "layout/content-header";
@import "layout/content";
@import "layout/main-footer";
@import "layout/layout-fixed";
@import "layout/layout-mobile";