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. pricing-plans.html - Pricing Plans Page
  16. service-single.html - Service Details Page
  17. service.html - Services Page
  18. shop.html - Shop List
  19. shop-detail.html - Shop Detail
  20. our-product-2.html - Product2 Detail
  21. our-product-3.html - Product3 Detail
  22. cart.html - Cart Page
  23. checkout.html - Checkout Page
  24. my-account.html - My Account Page
  25. testimonials.html - Testimonials Page
  26. our-team.html - Team Page
  27. team-detail.html - Team Detail
  28. image-gallery.html - Image Gallery Page
  29. masonry-gallery.html - Masonry Gallery Page
  30. 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 CyberDome HTML Template