Project Overview
Axispro is a multi-page HTML template designed for businesses and agencies, built on the Bootstrap 5 framework. It includes homepage variants, services, portfolio, team, news, and other complete pages, making it suitable for quickly building corporate websites or agency sites. The template comes with interactive components such as Swiper carousels, counters, and lightboxes.
Tech Stack
- Bootstrap 5 (CSS framework)
- jQuery (DOM manipulation and interactions)
- Swiper (carousel component)
- MeanMenu (mobile navigation)
- Magnific Popup (image/video lightbox)
- Nice Select (dropdown select box)
- Animate.css (entrance animations)
- Google Fonts (Cormorant + Plus Jakarta Sans)
Project Structure
buyer-file/
├── index.html # Homepage (main)
├── index-2.html # Homepage variant 2
├── index-3.html # Homepage variant 3
├── about.html
├── service.html / service-list.html / service-details.html
├── portfolio.html / portfolio-details.html
├── team.html / team-details.html
├── news.html / news-details.html
├── contact.html
├── faq.html
├── coming-soon.html
├── 404.html
├── contact.php # Email processing script
└── assets/
├── css/ # Stylesheets (includes main.css)
├── js/ # Scripts (includes main.js, countdowncustom.js, ajax-mail.js)
├── fonts/ # Custom fonts
└── img/ # Image assets
Key Files Description
index.html— Main homepage entry, includes Hero, Services, Portfolio, Clients, and other sectionsassets/css/main.css— Global styles and theme variables (primary color #B69974)assets/js/main.js— Navigation, carousel, counter, lightbox, and other interaction logiccontact.php— Form submission handler (requires PHP environment with mail() support)assets/js/countdowncustom.js— Countdown component logicassets/js/ajax-mail.js— AJAX form submission logic
Quick Start
- Open
index.htmldirectly in a browser to preview; - For form functionality, deploy the project to a PHP-enabled server and update
$recipientincontact.phpwith your actual email; - Replace placeholder images in
assets/img/with your real content.
Usage Recommendations
This template has many pages and rich components. Before customization, it's recommended to determine the subset of pages you need and clean up unused HTML to reduce the final output size. Style variables are centralized in the :root section at the top of main.css, so modifying the theme color there allows for quick skin changes.
