Project Overviewlink

Pyrion is a Bootstrap 5 HTML template designed for factory and industrial sectors. It includes complete page templates such as Home, About Us, Services, Projects, Team, Blog, and Contact pages, making it ideal for quickly building industrial manufacturing company websites. The template features a responsive layout and integrates interactive effects like Swiper carousel, Wow animations, and CounterUp number scrolling.

Tech Stacklink

• Bootstrap 5 (responsive layout framework)
• jQuery 3.7.1 (DOM manipulation and interactivity)
• Swiper Slider (carousel component)
• Font Awesome 6 (icon library)
• Google Fonts (Lexend, Space Grotesk fonts)
• SCSS (source style management)

Project Structurelink

pyrion-package-file/
  documentation/          # Official documentation entry
    index.html
    assets/css/           # Documentation styles
    assets/js/             # Documentation scripts
    assets/images/        # Documentation images
  pyrion/                 # Template main directory
    index.html            # Home page
    about.html            # About Us
    services.html         # Services list
    service-details.html  # Service details
    projects.html         # Projects list
    project-details.html  # Project details
    team.html             # Team page
    team-single.html      # Member details
    blog.html              # Blog list
    blog-details.html      # Blog details
    contact.html          # Contact Us
    index-two.html        # Home page variant
    assets/
      css/main.css        # Main styles
      js/main.js          # Main interaction script
      scss/main.scss       # SCSS source
      ajax-form.js        # Asynchronous form submission
      mail.php            # Backend mail interface

Core File Descriptionlink

• pyrion/index.html — Template home page entry, includes complete sections like Header, Hero, Services, Projects
• pyrion/assets/css/main.css — Aggregated main stylesheet, covering 43 functional sections
• pyrion/assets/js/main.js — Core interaction logic, including mobile menu, Sticky header, Swiper initialization, etc.
• pyrion/assets/scss/main.scss — SCSS source, suitable for deep customization of theme colors and layout
• pyrion/assets/mail.php — Simple PHP mail interface, connecting the contact form backend
• documentation/index.html — Official documentation navigation page, includes HTML/CSS/JS structure explanations and secondary development guidance

Quick Startlink

1. Open pyrion/index.html directly in a browser to preview the full effect
2. Edit CSS variables (:root block) in pyrion/assets/css/main.css to quickly change theme colors
3. To enable email functionality, deploy pyrion/assets/mail.php to a PHP-supported server

Usage Suggestionslink

The template features a dark Header (#241442) paired with an orange accent color (#F74F22), suitable for industrial/manufacturing brand identity; if used for other industries, it is recommended to batch adjust color schemes like --theme and --header via SCSS variables. Remember to replace logos, images, and the recipient email address in mail.php before publishing.