Project Introductionlink

BlackHawak is a single-page HTML5 website template designed for military/security service organizations. It features a rugged style with a predominantly dark color scheme, suitable for military official websites, veteran services, security companies, and similar scenarios. The template is built on Bootstrap, features a responsive layout, and supports multi-page expansion.

Tech Stacklink

• Bootstrap 5.x (responsive layout framework)
• jQuery (interactions and animations)
• Font Awesome 6 (icon library)
• SASS (source styles)
• Google Fonts: Rajdhani (primary font)

Project Structurelink

blackhawak-military-service-html5-template/
├── blackhawak/
│   ├── index.html          (Homepage)
│   ├── index-2.html        (Homepage variant)
│   ├── about.html          (About Us)
│   ├── service.html        (Services List)
│   ├── service-details.html (Service Details)
│   ├── team-member.html    (Team Members)
│   ├── team-details.html   (Member Details)
│   ├── blog.html           (Blog List)
│   ├── blog-details.html   (Blog Details)
│   ├── gallery.html        (Gallery)
│   ├── event.html          (Events)
│   ├── donation.html       (Donations)
│   ├── contact.html        (Contact)
│   ├── css/                (All stylesheets)
│   ├── js/                 (All scripts)
│   ├── images/             (Image assets)
│   ├── fonts/              (Font files)
│   └── sass/               (SASS source files)
└── documentation/
    └── index.html          (Official documentation page)

Core File Descriptionlink

• blackhawak/index.html — Homepage entry point, fully displays banner, services, team, and other modules
• blackhawak/css/style.css — Main stylesheet, defines dark theme and color variables
• blackhawak/css/bootstrap.min.css — Bootstrap framework styles
• blackhawak/js/custom.js — Custom interaction logic (navigation, scroll-to-top)
• blackhawak/sass/style.scss — SASS source files for easy theme customization
• documentation/index.html — Template usage documentation

Quick Startlink

Open blackhawak/index.html directly in a browser to preview; for local development, use any static server:

npx serve blackhawak
# or
python -m http.server 8080

Usage Tipslink

• Replace the logo images in images/logo/ for brand customization
• The main accent color is defined as #ff4d24 in style.css and can be globally replaced as needed
• Page navigation links are pre-configured; duplicate existing pages and modify content sections to add new pages