Project Overview
Manit is a static HTML website template designed for IT technology companies, built with Bootstrap 5. It provides complete page templates including Home, About, Services, Portfolio, Blog, and more, making it suitable for quickly building corporate websites or technology product showcase pages.
Tech Stack
- Bootstrap 5.0.1
- HTML5 + CSS3
- SASS
- JavaScript (jQuery)
- Google Fonts (Open Sans)
- Font Awesome icon library
Project Structure
manithtml-10/
├── downloadable/
│ ├── documentation/ # Template usage documentation
│ │ ├── index.html
│ │ ├── css/
│ │ ├── fonts/
│ │ └── images/
│ └── manit-html/ # Core template files
│ ├── index.html
│ ├── index-2.html
│ ├── index-3.html
│ ├── about.html
│ ├── services.html
│ ├── services-single.html
│ ├── project.html
│ ├── project-single.html
│ ├── blog.html
│ ├── blog-left-sidebar.html
│ ├── blog-fullwidth.html
│ ├── contact.html
│ ├── 404.html
│ └── assets/
│ ├── css/
│ ├── js/
│ ├── sass/
│ └── images/
Core File Description
manit-html/index.html— Homepage entry, includes complete layout with navigation, carousel, service introduction, etc.manit-html/assets/sass/style.css— Main stylesheet (SASS compiled output), defines global colors, spacing, and typographymanit-html/assets/css/— Stylesheets organized by functional modules (animate, owl.carousel, nice-select, etc.)manit-html/assets/js/— Interactive scripts directory, includes jQuery plugins and custom logicdocumentation/index.html— Official usage documentation explaining template structure, configuration methods, and deployment stepsdocumentation/css/style.css— Standalone stylesheet for the documentation site
Quick Start
- Extract the template package and navigate to the
manithtml-10/downloadable/manit-html/directory - Double-click
index.htmlto preview in a browser, or upload the entire directory to a server - Modify
assets/sass/style.scssto customize theme variables, then recompile using a SASS compiler
Usage Recommendations
The template uses a multi-page architecture (approximately 20 HTML files). If using with WordPress or other CMS, you'll need to split and refactor it into template components. It's recommended to check the accessibility of all external resources (Google Fonts, Font Awesome) before formal deployment.
