KRE8 - HTML Template

Introduction

KRE8 is a modern, high-performance, and fully responsive HTML template designed specifically for barbershops, hair salons, hairstylists, grooming studios, and beauty businesses. With a stylish, professional, and user-friendly design, it helps you showcase barbering services, haircuts, hairstyling, beard grooming, shaving, hair coloring, beauty treatments, grooming packages, and other salon services. KRE8 is an ideal choice for barbers, hairstylists, salon owners, and grooming businesses looking to build a stylish, professional, and engaging online presence in the beauty and personal care 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. home-page-2.html - Home Page 2
  16. home2-slider.html - Home Slider Page 2
  17. home2-video.html - Home Video Page 2
  18. pricing-plans.html - Pricing Plans Page
  19. service-single.html - Service Details Page
  20. service.html - Services Page
  21. shop.html - Shop List
  22. shop-detail.html - Shop Detail
  23. our-product-2.html - Product2 Detail
  24. our-product-3.html - Product3 Detail
  25. cart.html - Cart Page
  26. checkout.html - Checkout Page
  27. my-account.html - My Account Page
  28. testimonials.html - Testimonials Page
  29. our-team.html - Team Page
  30. team-detail.html - Team Detail
  31. image-gallery.html - Image Gallery Page
  32. masonry-gallery.html - Masonry Gallery Page
  33. 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.1

  • Added new home page layout
  • Fixed minor bugs and styling issues

Version 1.0

  • Initial release of Kre8 HTML Template