Project Overviewlink

Corpai is an HTML template designed for corporate and financial industries, offering multiple page types including Home, About, Blog, and Service portfolios. It integrates custom icon fonts with Bootstrap's grid system, making it ideal for quickly building business consulting or financial services websites.

Tech Stacklink

• Bootstrap 3/5 (responsive layout framework)
• Font Awesome (icon library)
• IcoMoon custom icon font (corpai-icons)
• jQuery (DOM manipulation and interactivity)
• Google Fonts (Open Sans, Poppins, Mulish, Manrope, Play)

Project Structurelink

corpaihtml-10/corpai-html-package/
├── corpai-html-files/        # Main template pages
│   ├── index.html            # Homepage
│   ├── about.html            # About Us
│   ├── blog.html              # Blog list
│   ├── contact.html          # Contact page
│   ├── services-v-1.html      # Services page
│   └── assets/                # Public assets (CSS/JS/images)
└── corpai-html-documentations/
    ├── index.html            # Official documentation page
    └── css/style.css         # Documentation styles
corpaihtml-10/corpai-icons/    # Custom icon font package

Core File Descriptionlink

• corpai-html-files/index.html — Website homepage entry, includes all styles and script resources
• corpai-html-files/assets/css/corpai.css — Main theme stylesheet
• corpai-html-files/assets/vendors/corpai-icons/style.css — Custom icon font styles
• corpai-html-documentations/index.html — Template official documentation with HTML/CSS/JS structure explanation
• corpai-icons/demo.html — Icon preview page and usage guide

Quick Startlink

1. Extract the template package locally
2. Open corpai-html-files/index.html directly in a browser to preview
3. To modify page content, edit the corresponding HTML files using an editor (e.g., VS Code)
4. Replace image assets in assets/images/ and refresh the page to update visuals

Usage Suggestionslink

The template provides RTL (right-to-left) and Boxed (centered boxed layout) variant pages. Copy the corresponding HTML files for secondary development as needed; custom icons can be added or removed by importing selection.json via IcoMoon.