code refactor 2

pull/5142/head
Daniel 2023-05-24 18:12:09 +05:30
parent 1786b6365d
commit 242edbb03d
26 changed files with 224 additions and 55 deletions

View File

@ -4,6 +4,7 @@ const distPath = path;
---
<!--begin::Header-->
<nav class="app-header navbar navbar-expand bg-body">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Start Navbar Links-->
<ul class="navbar-nav">
@ -143,6 +144,7 @@ const distPath = path;
<!--end::User Image-->
<!--begin::Menu Body-->
<li class="user-body">
<!--begin::Row-->
<div class="row">
<div class="col-4 text-center">
<a href="#">Followers</a>
@ -154,6 +156,7 @@ const distPath = path;
<a href="#">Friends</a>
</div>
</div>
<!--end::Row-->
</li>
<!--end::Menu Body-->
<!--begin::Menu Footer-->
@ -168,5 +171,6 @@ const distPath = path;
</ul>
<!--end::End Navbar Links-->
</div>
<!--end::Container-->
</nav>
<!--end::Header-->

View File

@ -1,6 +1,7 @@
```html
<!-- Navbar -->
<nav class="app-header navbar navbar-expand bg-body">
<!--begin::Container-->
<div class="container-fluid">
<!-- Start navbar links -->
<ul class="navbar-nav">
@ -76,6 +77,7 @@
</li>
</ul>
</div>
<!--end::Container-->
</nav>
```

View File

@ -1,6 +1,7 @@
```html
<!-- Navbar -->
<nav class="app-header navbar navbar-expand bg-body">
<!--begin::Container-->
<div class="container-fluid">
<!-- Start navbar links -->
<ul class="navbar-nav">
@ -132,6 +133,7 @@
</li>
<!-- Menu Body -->
<li class="user-body">
<!--begin::Row-->
<div class="row">
<div class="col-4 text-center">
<a href="#">Followers</a>
@ -143,7 +145,7 @@
<a href="#">Friends</a>
</div>
</div>
<!-- /.row -->
<!--end::Row-->
</li>
<!-- Menu Footer-->
<li class="user-footer">
@ -154,6 +156,7 @@
</li>
</ul>
</div>
<!--end::Container-->
</nav>
<!-- /.navbar -->
```

View File

@ -28,7 +28,9 @@ const page = 'timeline';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Timeline</h3>
@ -40,11 +42,14 @@ const page = 'timeline';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!-- Timelime example -->
<div class="row">
@ -150,7 +155,8 @@ const page = 'timeline';
<!-- /.col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -29,7 +29,9 @@ const page = "browser-support";
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Browser Support</h3>
@ -43,14 +45,18 @@ const page = "browser-support";
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<BrowserSupport />
</div><!-- /.container-fluid -->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -29,7 +29,9 @@ const page = "color-mode";
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Color Mode Toggle</h3>
@ -43,17 +45,22 @@ const page = "color-mode";
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row g-4">
<!-- Start column -->
<div class="col-12">
<!-- Navbar -->
<nav class="navbar navbar-expand bg-body">
<!--begin::Container-->
<div class="container-fluid">
<!-- Start navbar links -->
<ul class="navbar-nav">
@ -129,6 +136,7 @@ const page = "color-mode";
</li>
</ul>
</div>
<!--end::Container-->
</nav>
</div>
<!-- Start column -->
@ -137,8 +145,9 @@ const page = "color-mode";
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -30,7 +30,9 @@ const distPath = path;
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Main Header Component</h3>
@ -44,11 +46,14 @@ const distPath = path;
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<div class="callout callout-warning mb-4">
<h5 class="fw-bold">Reminder!</h5>
@ -66,6 +71,7 @@ const distPath = path;
<!-- Navbar -->
<nav class="navbar navbar-expand bg-body">
<!--begin::Container-->
<div class="container-fluid">
<!-- Start navbar links -->
<ul class="navbar-nav">
@ -197,6 +203,7 @@ const distPath = path;
</li>
<!-- Menu Body -->
<li class="user-body">
<!--begin::Row-->
<div class="row">
<div class="col-4 text-center">
<a href="#">Followers</a>
@ -208,7 +215,7 @@ const distPath = path;
<a href="#">Friends</a>
</div>
</div>
<!-- /.row -->
<!--end::Row-->
</li>
<!-- Menu Footer-->
<li class="user-footer">
@ -219,12 +226,13 @@ const distPath = path;
</li>
</ul>
</div>
<!--end::Container-->
</nav>
<!-- /.navbar -->
<MainHeader />
</div>
<!-- /.container-fluid -->
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -29,7 +29,9 @@ const page = "main-sidebar";
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Main Sidebar Component</h3>
@ -43,15 +45,18 @@ const page = "main-sidebar";
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<MainSidebar />
</div>
<!-- /.container-fluid -->
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -29,7 +29,9 @@ const page = "introduction";
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Introduction</h3>
@ -43,14 +45,18 @@ const page = "introduction";
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<Introduction />
</div><!-- /.container-fluid -->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = "layout";
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Layout</h3>
@ -42,7 +44,9 @@ const page = "layout";
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->

View File

@ -38,6 +38,7 @@ const htmlPath = '..';
<span class="fa-solid fa-lock"></span>
</div>
</div>
<!--begin::Row-->
<div class="row">
<div class="col-8">
<div class="form-check">
@ -55,6 +56,7 @@ const htmlPath = '..';
</div>
<!-- /.col -->
</div>
<!--end::Row-->
</form>
<div class="social-auth-links text-center mb-3 d-grid gap-2">

View File

@ -44,6 +44,7 @@ const htmlPath = '..';
<span class="fa-solid fa-lock"></span>
</div>
</div>
<!--begin::Row-->
<div class="row">
<div class="col-8">
<div class="form-check">
@ -61,6 +62,7 @@ const htmlPath = '..';
</div>
<!-- /.col -->
</div>
<!--end::Row-->
</form>
<div class="social-auth-links text-center mb-3 d-grid gap-2">

View File

@ -28,7 +28,9 @@ const page = 'general';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">General Form</h3>
@ -40,12 +42,16 @@ const page = 'general';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row g-4">
<!-- Start column -->
<div class="col-md-6">
@ -84,8 +90,9 @@ const page = 'general';
<!-- /.card -->
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -34,7 +34,9 @@ const page = 'index';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Dashboard</h3>
@ -46,16 +48,20 @@ const page = 'index';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!-- Small boxes (Stat box) -->
<!--begin::Row-->
<div class="row">
<!--begin::Col-->
<div class="col-lg-3 col-6" >
<!-- small box -->
<!--begin::Small Box Widget 1-->
<div class="small-box text-bg-primary">
<div class="inner">
<h3>150</h3>
@ -67,10 +73,11 @@ const page = 'index';
</svg>
<a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
</div>
<!--end::Small Box Widget 1-->
</div>
<!-- ./col -->
<!--end::Col-->
<div class="col-lg-3 col-6">
<!-- small box -->
<!--begin::Small Box Widget 2-->
<div class="small-box text-bg-success">
<div class="inner">
<h3>53<sup class="fs-5">%</sup></h3>
@ -82,10 +89,11 @@ const page = 'index';
</svg>
<a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
</div>
<!--end::Small Box Widget 2-->
</div>
<!-- ./col -->
<!--end::Col-->
<div class="col-lg-3 col-6">
<!-- small box -->
<!--begin::Small Box Widget 3-->
<div class="small-box text-bg-warning">
<div class="inner">
<h3>44</h3>
@ -97,10 +105,11 @@ const page = 'index';
</svg>
<a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
</div>
<!--end::Small Box Widget 3-->
</div>
<!-- ./col -->
<!--end::Col-->
<div class="col-lg-3 col-6">
<!-- small box -->
<!--begin::Small Box Widget 4-->
<div class="small-box text-bg-danger">
<div class="inner">
<h3>65</h3>
@ -113,11 +122,12 @@ const page = 'index';
</svg>
<a href="#" class="small-box-footer">More info <i class="fa-solid fa-arrow-circle-right"></i></a>
</div>
<!--end::Small Box Widget 4-->
</div>
<!-- ./col -->
<!--end::Col-->
</div>
<!-- /.row -->
<!-- Main row -->
<!--end::Row-->
<!--begin::Row-->
<div class="row">
<!-- Start col -->
<div class="col-lg-7 connectedSortable">
@ -350,6 +360,7 @@ const page = 'index';
<div id="world-map" style="height: 220px"></div>
</div>
<div class="card-footer border-0">
<!--begin::Row-->
<div class="row">
<div class="col-4 text-center">
<div id="sparkline-1"></div>
@ -364,13 +375,15 @@ const page = 'index';
<div class="text-white">Sales</div>
</div>
</div>
<!--end::Row-->
</div>
</div>
</div>
<!-- /.Start col -->
</div>
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -30,7 +30,9 @@ const page = 'index2';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Dashboard v2</h3>
@ -42,9 +44,12 @@ const page = 'index2';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!-- Info boxes -->
<div class="row">
@ -110,6 +115,7 @@ const page = 'index2';
</div>
<!-- /.row -->
<!--begin::Row-->
<div class="row">
<div class="col-md-12">
<div class="card">
@ -139,6 +145,7 @@ const page = 'index2';
</div>
<!-- /.card-header -->
<div class="card-body">
<!--begin::Row-->
<div class="row">
<div class="col-md-8">
<p class="text-center">
@ -191,10 +198,11 @@ const page = 'index2';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
</div>
<!-- ./card-body -->
<div class="card-footer">
<!--begin::Row-->
<div class="row">
<div class="col-md-3 col-6">
<div class="text-center border-end">
@ -233,7 +241,7 @@ const page = 'index2';
</div>
</div>
<!-- /.row -->
<!--end::Row-->
</div>
<!-- /.card-footer -->
</div>
@ -241,12 +249,13 @@ const page = 'index2';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
<!-- Main row -->
<!--begin::Row-->
<div class="row">
<!-- Start col -->
<div class="col-md-8">
<!--begin::Row-->
<div class="row">
<div class="col-md-6">
<!-- DIRECT CHAT -->
@ -525,7 +534,7 @@ const page = 'index2';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
<!-- TABLE: LATEST ORDERS -->
<div class="card">
@ -684,13 +693,14 @@ const page = 'index2';
</div>
<!-- /.card-header -->
<div class="card-body">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<div id="pie-chart"></div>
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
</div>
<!-- /.card-body -->
<div class="card-footer p-0">
@ -809,8 +819,9 @@ const page = 'index2';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -30,7 +30,9 @@ const page = 'index3';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Dashboard v3</h3>
@ -42,10 +44,14 @@ const page = 'index3';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-lg-6">
<div class="card">
@ -294,8 +300,9 @@ const page = 'index3';
</div>
<!-- /.col-md-6 -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'collapsed-sidebar';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Collapsed Sidebar</h3>
@ -40,12 +42,16 @@ const page = 'collapsed-sidebar';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
@ -74,8 +80,9 @@ const page = 'collapsed-sidebar';
<!-- /.card -->
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -29,7 +29,9 @@ const page = 'fixed-sidebar';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Fixed Layout</h3>
@ -41,12 +43,16 @@ const page = 'fixed-sidebar';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
@ -75,8 +81,9 @@ const page = 'fixed-sidebar';
<!-- /.card -->
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -29,7 +29,9 @@ const isRtl = true;
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Layout RTL</h3>
@ -41,12 +43,16 @@ const isRtl = true;
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
@ -75,8 +81,9 @@ const isRtl = true;
<!-- /.card -->
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -40,7 +40,9 @@ const htmlPath = convertPathToHtml(path);
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Logo Switch</h3>
@ -52,12 +54,16 @@ const htmlPath = convertPathToHtml(path);
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
@ -86,9 +92,9 @@ const htmlPath = convertPathToHtml(path);
<!-- /.card -->
</div>
</div>
<!-- /.row -->
<!--begin::Row-->
</div>
<!-- /.container-fluid -->
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'sidebar-mini';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Sidebar Mini</h3>
@ -40,12 +42,16 @@ const page = 'sidebar-mini';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
@ -74,8 +80,9 @@ const page = 'sidebar-mini';
<!-- /.card -->
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'unfixed-sidebar';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Unfixed Layout</h3>
@ -40,12 +42,16 @@ const page = 'unfixed-sidebar';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-12">
<!-- Default box -->
@ -74,8 +80,8 @@ const page = 'unfixed-sidebar';
<!-- /.card -->
</div>
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'simple';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Simple Tables</h3>
@ -40,12 +42,16 @@ const page = 'simple';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-md-6">
<div class="card">
@ -323,8 +329,9 @@ const page = 'simple';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'cards';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Cards</h3>
@ -40,15 +42,19 @@ const page = 'cards';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<h4 class="mb-2">Cards</h4>
<h5 class="mb-2">Abilities</h5>
<!--begin::Row-->
<div class="row">
<div class="col-md-3">
<div class="card card-primary collapsed-card">
@ -131,8 +137,10 @@ const page = 'cards';
</div>
<!-- /.col -->
</div>
<!--end::Row-->
<h5 class="mb-2">Card Outlined</h5>
<!--begin::Row-->
<div class="row">
<div class="col-md-3">
<div class="card card-outline card-primary collapsed-card">
@ -215,8 +223,10 @@ const page = 'cards';
</div>
<!-- /.col -->
</div>
<!--end::Row-->
<h5 class="mb-2">Card with <code>.text-bg-*</code> </h5>
<!--begin::Row-->
<div class="row">
<div class="col-md-3">
<div class="card text-bg-primary collapsed-card">
@ -299,8 +309,9 @@ const page = 'cards';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'info-box';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Info Box</h3>
@ -40,13 +42,17 @@ const page = 'info-box';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<h5 class="mb-2">Info Box</h5>
<!--begin::Row-->
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box">
@ -110,10 +116,11 @@ const page = 'info-box';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
<!-- =========================================================== -->
<h5 class="mb-2">Info Box With Custom Shadows <small><i>Using Bootstrap's Shadow Utility</i></small></h5>
<!--begin::Row-->
<div class="row">
<div class="col-12 col-sm-6 col-md-3">
<div class="info-box shadow-none">
@ -177,10 +184,11 @@ const page = 'info-box';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
<!-- =========================================================== -->
<h5 class="mt-4 mb-2">Info Box With <code>bg-*</code></h5>
<!--begin::Row-->
<div class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box text-bg-primary">
@ -263,10 +271,11 @@ const page = 'info-box';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
<!--end::Row-->
<!-- =========================================================== -->
<h5 class="mt-4 mb-2">Info Box With <code>bg-gradient</code></h5>
<!--begin::Row-->
<div class="row">
<div class="col-md-3 col-sm-6 col-12">
<div class="info-box text-bg-primary bg-gradient">
@ -349,8 +358,9 @@ const page = 'info-box';
</div>
<!-- /.col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>

View File

@ -28,7 +28,9 @@ const page = 'small-box';
<main class="app-main">
<!--begin::App Content Header-->
<div class="app-content-header">
<!--begin::Container-->
<div class="container-fluid">
<!--begin::Row-->
<div class="row">
<div class="col-sm-6">
<h3 class="mb-0">Small Box</h3>
@ -40,11 +42,14 @@ const page = 'small-box';
</ol>
</div>
</div>
<!--end::Row-->
</div>
<!--end::Container-->
</div>
<!--end::App Content Header-->
<!--begin::App Content-->
<div class="app-content">
<!--begin::Container-->
<div class="container-fluid">
<!-- Small Box (Stat card) -->
<h5 class="mb-2">Small Box</h5>
@ -113,7 +118,8 @@ const page = 'small-box';
<!-- ./col -->
</div>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!--end::Container-->
</div>
<!--end::App Content-->
</main>