Project Overviewlink

Noxia is a multi-purpose enterprise showcase HTML template based on Bootstrap, offering 9 homepage styles and covering complete business pages such as About, Services, Portfolio, Shop, Blog, and Team. It is suitable for quickly building company websites or portfolio sites.

Tech Stacklink

• Bootstrap 5 (CSS framework)
• Swiper.js (carousel component)
• MeanMenu (mobile navigation)
• Nice Select (enhanced dropdown selection)
• Magnific Popup (image lightbox)
• Font Awesome 6 Pro (icons)
• Google Fonts (Muli / glacial_indifference / Cambay / Manrope / Open Sans)
• jQuery (DOM interaction)

Project Structurelink

noxiahtml-10/
├── documentation/          # Template documentation
│   ├── index.html
│   └── assets/
│       ├── css/
│       └── images/
└── noxia/                  # Main template directory
    ├── index.html          # Homepage (9 style variants: index*.html)
    ├── about.html
    ├── blog.html
    ├── shop.html
    ├── portfolio.html
    ├── service.html
    ├── team.html
    ├── contact.html
    ├── cart.html
    ├── checkout.html
    └── assets/
        ├── css/            # Stylesheets (main.css, etc.)
        ├── js/             # Interaction scripts (main.js)
        ├── fonts/
        └── img/

Key File Descriptionslink

• noxia/index.html — Homepage entry, supports switching between 9 layout styles
• noxia/assets/css/main.css — Main stylesheet defining global variables, theme colors, and component styles
• noxia/assets/js/main.js — Core interaction logic: preloader animation, sticky header, Swiper carousel, mobile menu
• noxia/assets/css/swiper-bundle.css — Swiper carousel plugin styles
• noxia/assets/css/bootstrap.css — Bootstrap 5 base framework styles
• noxia/assets/css/meanmenu.css — Responsive mobile navigation styles

Quick Startlink

Pure static project, no build required:

1. Open noxia/index.html directly in a browser to preview the full effect
2. To run with a local server, use any HTTP server:

# Python
python -m http.server 8080

# Node.js
npx serve noxia

Usage Tipslink

• This template consists of pure frontend static pages. Form submission depends on assets/mail.php, so a backend endpoint needs to be configured for deployment
• Includes 9 homepage variants — choose one based on industry or brand style for further development
• The default mobile navigation breakpoint is 991px, adjustable via the meanScreenWidth parameter in #mobile-menu