Spruha - Bootstrap 5 Admin & Dashboard HTML Template

Folder Structure

This is a basic HTML Folder Structure.

Spruha
					├── assets
					├── Html

					
# Folders Details
1 assets assets/ folder contains styles for Spruha.
2 html html/ folder contains all Spruha html pages.
Header Structure

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-->


		
	
Main Content Structure

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>