Skip to content

Commit

Permalink
improve html
Browse files Browse the repository at this point in the history
  • Loading branch information
@danny007in
danny007in committed Aug 8, 2021
1 parent 8d56273 commit e65a8df
Show file tree
Hide file tree
Showing 15 changed files with 223 additions and 141 deletions.
30 changes: 21 additions & 9 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -89,10 +101,10 @@ <h3>65</h3>
</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)-->
Expand Down Expand Up @@ -331,11 +343,11 @@ <h3 class="card-title">Direct Chat</h3>
<!--/.direct-chat -->
</section>
<!-- /.Start col -->
</div>
</section>
<!-- /.row (main row) -->
</div><!-- /.container-fluid -->
</div>
</div>
</main>
<!-- /.content-wrapper -->

@@include('./dashboard/_footer.html', {
Expand Down
58 changes: 35 additions & 23 deletions src/index2.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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">
Expand Down Expand Up @@ -119,7 +131,7 @@ <h5 class="card-title">Monthly Recap Report</h5>
</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>
Expand Down Expand Up @@ -174,12 +186,12 @@ <h5 class="card-title">Monthly Recap Report</h5>
<!-- /.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>
Expand Down Expand Up @@ -215,22 +227,22 @@ <h5 class="description-header">1200</h5>
</div>
<!-- /.description-block -->
</div>
</div>
</section>
<!-- /.row -->
</div>
<!-- /.card-footer -->
</div>
<!-- /.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">
Expand Down Expand Up @@ -507,7 +519,7 @@ <h3 class="card-title">Latest Members</h3>
<!--/.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->

<!-- TABLE: LATEST ORDERS -->
Expand Down Expand Up @@ -667,7 +679,7 @@ <h3 class="card-title">Browser Usage</h3>
</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>
Expand All @@ -686,7 +698,7 @@ <h3 class="card-title">Browser Usage</h3>
</ul>
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div>
<!-- /.card-body -->
Expand Down Expand Up @@ -741,7 +753,7 @@ <h3 class="card-title">Recently Added Products</h3>
<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
Expand All @@ -754,7 +766,7 @@ <h3 class="card-title">Recently Added Products</h3>
<!-- /.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
Expand All @@ -767,7 +779,7 @@ <h3 class="card-title">Recently Added Products</h3>
<!-- /.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">
Expand All @@ -783,7 +795,7 @@ <h3 class="card-title">Recently Added Products</h3>
<!-- /.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
Expand All @@ -805,11 +817,11 @@ <h3 class="card-title">Recently Added Products</h3>
<!-- /.card -->
</div>
<!-- /.col -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
</div>
</main>
<!-- /.content-wrapper -->

@@include('./dashboard/_footer.html', {
Expand Down
26 changes: 19 additions & 7 deletions src/index3.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down Expand Up @@ -268,11 +280,11 @@ <h3 class="card-title">Online Store Overview</h3>
</div>
</div>
<!-- /.col-md-6 -->
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
</div>
</main>
<!-- /.content-wrapper -->

@@include('./dashboard/_footer.html', {
Expand Down
4 changes: 2 additions & 2 deletions src/pages/examples/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -48,7 +48,7 @@
</div>
</div>
<!-- /.col -->
</div>
</section>
</form>

<div class="social-auth-links text-center mb-3 d-grid gap-2">
Expand Down
26 changes: 19 additions & 7 deletions src/pages/forms/general.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 -->
Expand Down Expand Up @@ -64,12 +76,12 @@
</div>
<!-- /.card -->
</div>
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->

@@include('./dashboard/_footer.html', {
Expand Down
26 changes: 19 additions & 7 deletions src/pages/layout/fixed-sidebar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -54,12 +66,12 @@ <h3 class="card-title">Title</h3>
</div>
<!-- /.card -->
</div>
</div>
</section>
<!-- /.row -->
</div><!-- /.container-fluid -->
</div>
<!-- /.content -->
</div>
</main>
<!-- /.content-wrapper -->

@@include('./dashboard/_footer.html', {
Expand Down
Loading

0 comments on commit e65a8df

Please sign in to comment.