CONSUMIX - HTML Template

Introduction

CONSUMIX is a modern, high-performance, and fully responsive HTML template designed specifically for consumer product companies, retail brands, product manufacturers, consumer goods businesses, lifestyle brands, household product suppliers, and e-commerce businesses. With a clean, professional, and visually engaging design, it helps you showcase products, product categories, featured collections, brand offerings, promotions, product details, and other business information. CONSUMIX is an ideal choice for brands and businesses looking to build a modern, professional, and engaging online presence in the consumer products and retail industry.

Features

  • Modern, Flat & Unique Design
  • Built with Bootstrap Grid Layout
  • Smooth Effects and Animations
  • Fully Responsive & Mobile Friendly
  • Cross-Browser Compatible
  • SEO Optimized
  • Easy to Edit & Customize
  • Clean, Well-Commented HTML5 & CSS3 Code
  • Comprehensive Documentation Included

Folders & Files

The template folders and files are organized as follows.

Folders

  1. css - Includes CSS files
  2. images - Includes Images Files
  3. js - Includes Javascript Files
  4. webfonts - Includes Fonts Files

Files

  1. about-us.html - About Us Page
  2. blog-grid.html - Blog Grid Page
  3. blog-single.html - Blog Single Page
  4. blog-three-columns.html - Blog Three Columns Page
  5. blogs.html - Blog Page
  6. blogs-list.html - Blog List Page
  7. contact.html - Contact Page
  8. error.html - 404 Error Page
  9. faq.html - FAQ Page
  10. form-process.php - Contact Form Processing Script
  11. review-form.php - Contact Form Processing Script
  12. home-slider.html - Home Slider Page
  13. home-video.html - Home Video Page
  14. index.html - Home Page
  15. pricing-plans.html - Pricing Plans Page
  16. shop.html - Shop List
  17. shop-detail.html - Shop Detail
  18. our-product-2.html - Product2 Detail
  19. our-product-3.html - Product3 Detail
  20. cart.html - Cart Page
  21. checkout.html - Checkout Page
  22. my-account.html - My Account Page
  23. testimonials.html - Testimonials Page
  24. our-team.html - Team Page
  25. team-detail.html - Team Detail
  26. image-gallery.html - Image Gallery Page
  27. masonry-gallery.html - Masonry Gallery Page
  28. video-gallery.html - Video Gallery Page

CSS Files

We have used the following CSS files to design various layouts.

  1. all.css - Font Icons - Font Awesome CSS
  2. animate.css - CSS animations library
  3. bootstrap.min.css - Bootstrap Framework CSS
  4. custom.css - Custom CSS for layouts
  5. magnific-popup.css - CSS of Popup for screenshot, images & video
  6. mousecursor.css - Mouse Cursor CSS
  7. plyr.css - Audio Player CSS
  8. slicknav.min.css - Responsive Slick Menu CSS
  9. swiper-bundle.min.css - Swiper Carousel CSS
  10. cursor.css - Cursor Styles (inside JS folder)

JavaScript Files

We have used the following Javascript files to design various layouts.

  1. bootstrap.js - Bootstrap JavaScript
  2. bootstrap.min.js - Minified Bootstrap JavaScript
  3. script.js - Custom Functions
  4. gsap.min.js - GSAP Animation Library
  5. jquery-3.7.1.min.js - jQuery v3.7.1
  6. jquery.counterup.min.js - CounterUp Plugin
  7. jquery.magnific-popup.min.js - Magnific Popup Plugin
  8. jquery.slicknav.js - SlickNav Menu
  9. jquery.waypoints.min.js - Waypoints Plugin
  10. magiccursor.js - Custom Cursor Script
  11. plyr.js - Media Player (Plyr)
  12. ScrollTrigger.min.js - GSAP ScrollTrigger Plugin
  13. SplitText.js - GSAP SplitText Plugin
  14. swiper-bundle.min.js - Swiper Slider
  15. validator.min.js - Form Validation
  16. cursor.js - Cursor Script (inside cursor folder)

Contact Form PHP

Please note that form-process.php file is used for sending an email in contact form
 
You need to add your email, please open form-process.php file and edit variable $EmailTo value.
For ex. $EmailTo = info@yourdomain.com;

Icons

Font Library

  1. Fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search

Sources and Credits

Bootstrap framework:
Icons:
 

Changelog

Version 1.0

  • Initial release of Consumix HTML Template