SkinMirror - HTML Template


SkinMirror is a modern, elegant, and fully responsive HTML template crafted specifically for skincare brands, beauty salons, cosmetic stores, dermatology clinics, and wellness professionals. Designed with both aesthetics and functionality in mind, SkinMirror helps you create a radiant and sophisticated online presence that highlights your brand’s natural beauty and builds trust with your clients.

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-list.html - Blogs List Page
  6. blogs.html - Blogs Page
  7. booking-form.php - Booking Form Processing Script
  8. contact.html - Contact Page
  9. error.html - Error Page
  10. faq.html - Faq Page
  11. form-process.php - Contact Form Processing Script
  12. home-page-2.html - Home Page 2 Page
  13. home-slider.html - Home Slider Page
  14. home-video.html - Home Video Page
  15. home2-slider.html - Home2 Slider Page
  16. home2-video.html - Home2 Video Page
  17. image-gallery.html - Image Gallery Page
  18. index.html - Index Page
  19. our-team.html - Our Team Page
  20. service-archive-list.html - Service Archive List Page
  21. service-detail.html - Service Detail Page
  22. service-grid-on-hover.html - Service Grid On Hover Page
  23. service-grid.html - Service Grid Page
  24. service-list.html - Service List Page
  25. service-slider.html - Service Slider Page
  26. service.html - Service Page
  27. team-detail.html - Team Detail Page
  28. testimonials.html - Testimonials Page

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. select2.css - Select2 dropdown styles
  11. select2.min.css - Select2 dropdown styles (minified)
  12. cursor.css - Cursor Styles (inside JS folder)

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

  1. bootstrap.js - Bootstrap JavaScript
  2. bootstrap.min.js - Minified Bootstrap JavaScript
  3. function.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.mb.YTPlayer.min.js - YouTube Background Player
  9. jquery.slicknav.js - SlickNav Menu
  10. jquery.waypoints.min.js - Waypoints Plugin
  11. magiccursor.js - Custom Cursor Script
  12. parallaxie.js - Parallax Scrolling Effect
  13. plyr.js - Media Player (Plyr)
  14. ripple.min.js - Ripple Effect
  15. ScrollTrigger.min.js - GSAP ScrollTrigger Plugin
  16. select2.full.min.js - Select2 Dropdown Plugin
  17. SmoothScroll.js - Smooth Scrolling
  18. SplitText.js - GSAP SplitText Plugin
  19. swiper-bundle.min.js - Swiper Slider
  20. validator.min.js - Form Validation
  21. wow.js - WOW.js Animation on Scroll
  22. cursor.js - Cursor Script (inside cursor folder)
Please note that form-process.php file is used for sending an email in contact form and booking-form.php file is used for sending an email in appointment form
 
You need to add your email, please open form-process.php and booking-form.php file and edit variable $EmailTo value.
For ex. $EmailTo = info@yourdomain.com;

Font Library

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