This is a basic HTML Folder Structure.
Spruha
├── assets
├── Html
General HTML structure is the in Spruha template Here is the Folder structure.
<!-- Main Header-->
<div class="main-header side-header sticky">
<div class="main-container container-fluid">
<div class="main-header-left">
<a class="main-header-menu-icon" href="javascript:void(0)" id="mainSidebarToggle"><span></span></a>
<div class="hor-logo">
<a class="main-logo" href="index.html">
<img src="../assets/img/brand/logo.png" class="header-brand-img desktop-logo" alt="logo">
<img src="../assets/img/brand/logo-light.png" class="header-brand-img desktop-logo-dark"
alt="logo">
</a>
</div>
</div>
<div class="main-header-center">
<div class="responsive-logo">
<a href="index.html"><img src="../assets/img/brand/logo.png" class="mobile-logo" alt="logo"></a>
<a href="index.html"><img src="../assets/img/brand/logo-light.png" class="mobile-logo-dark"
alt="logo"></a>
</div>
</div>
</div>
</div>
<!--Main Header-->
General HTML structure is the in Spruha template Here is the Folder structure.
<div class="main-content side-content pt-0">
<div class="main-container container-fluid">
<div class="inner-body">
<!-- Page Header -->
<div class="page-header">
<div>
<h2 class="main-content-title tx-24 mg-b-5">Welcome To Dashboard</h2>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Project Dashboard</li>
</ol>
</div>
<div class="d-flex">
<div class="justify-content-center">
<button type="button" class="btn btn-white btn-icon-text my-2 me-2">
<i class="fe fe-download me-2"></i> Import
</button>
<button type="button" class="btn btn-white btn-icon-text my-2 me-2">
<i class="fe fe-filter me-2"></i> Filter
</button>
<button type="button" class="btn btn-primary my-2 btn-icon-text">
<i class="fe fe-download-cloud me-2"></i> Download Report
</button>
</div>
</div>
</div>
<!-- End Page Header -->
</div>
</div>
</div>
General HTML structure is the in Spruha template Here is the Folder structure.
<div class="main-footer text-center">
<div class="container">
<div class="row row-sm">
<div class="col-md-12">
<span>Copyright © 2022 <a href="#">Spruha</a>. Designed by <a href="https://www.spruko.com/">Spruko</a> All rights reserved.</span>
</div>
</div>
</div>
</div>