Project Overview
Cigma is a set of HTML templates designed for business consulting agencies, featuring 30+ pages including homepage, portfolio, blog, shop, team pages, etc. Suitable for corporate websites or marketing landing pages. The template uses the Bootstrap framework, supports responsive layout, dark/yellow theme switching, and includes interactive components such as preloader animations, scroll navigation, and sidebar menus.
Tech Stack
- HTML5 + CSS3 (static pages)
- Bootstrap 5 (grid system and basic components)
- Vanilla JavaScript (interaction logic, no frontend framework dependency)
- SCSS (CSS preprocessor)
- Font Awesome 6 (icon library)
Project Structure
cigmahtml-10/
├── documentation/ # Official documentation (HTML format)
│ ├── index.html
│ └── css/
├── download-version/ # Production template files
│ ├── index.html # Default homepage
│ ├── about.html
│ ├── blog.html
│ ├── shop.html
│ ├── contact.html
│ ├── team.html
│ ├── project.html
│ ├── pricing.html
│ ├── typography.html
│ ├── error.html
│ └── assets/ # JS / CSS / Fonts / Images
└── THEMELOCK.COM file
Core File Description
download-version/index.html— Default homepage, demonstrates template structure and main componentsdownload-version/assets/css/style.css— Main stylesheet, defines theme colors, layout, animations, and global stylesdownload-version/assets/js/main.js— Interaction logic: mobile menu, scroll-to-top, preloader, lightbox, etc.download-version/assets/sass/_rtl.scss— RTL (right-to-left) layout styles, supports Arabic and similar languagesdocumentation/index.html— Official documentation with HTML structure, CSS explanations, and configuration guidedownload-version/mail.php— Form submission backend processing script (requires server deployment)
Quick Start
- Navigate to the
download-versiondirectory - Open
index.htmldirectly in a browser to preview - To modify content, open the corresponding HTML file in an editor and replace image paths and text
- For deployment, upload the entire
download-versiondirectory to your server; ensuremail.phpis executable for form functionality
Usage Recommendations
- Before going live, delete the
documentationdirectory to avoid exposing internal instructions - Default theme color is red (#FF4F38); modify the CSS variable
--theme-colorfor global skin changes - The template includes shop-related pages; if e-commerce functionality is not needed, simply delete files like
cart.html/checkout.html
