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.
- 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
The template folders and files are organized as follows.
Folders
- css - Includes CSS files
- images - Includes Images Files
- js - Includes Javascript Files
- webfonts - Includes Fonts Files
Files
- about-us.html - About Us Page
- blog-grid.html - Blog Grid Page
- blog-single.html - Blog Single Page
- blog-three-columns.html - Blog Three Columns Page
- blogs-list.html - Blogs List Page
- blogs.html - Blogs Page
- booking-form.php - Booking Form Processing Script
- contact.html - Contact Page
- error.html - Error Page
- faq.html - Faq Page
- form-process.php - Contact Form Processing Script
- home-page-2.html - Home Page 2 Page
- home-slider.html - Home Slider Page
- home-video.html - Home Video Page
- home2-slider.html - Home2 Slider Page
- home2-video.html - Home2 Video Page
- image-gallery.html - Image Gallery Page
- index.html - Index Page
- our-team.html - Our Team Page
- service-archive-list.html - Service Archive List Page
- service-detail.html - Service Detail Page
- service-grid-on-hover.html - Service Grid On Hover Page
- service-grid.html - Service Grid Page
- service-list.html - Service List Page
- service-slider.html - Service Slider Page
- service.html - Service Page
- team-detail.html - Team Detail Page
- testimonials.html - Testimonials Page
We have used the following CSS files to design various layouts.
- all.css - Font Icons - Font Awesome CSS
- animate.css - CSS animations library
- bootstrap.min.css - Bootstrap Framework CSS
- custom.css - Custom CSS for layouts
- magnific-popup.css - CSS of Popup for screenshot, images & video
- mousecursor.css - Mouse Cursor CSS
- plyr.css - Audio Player CSS
- slicknav.min.css - Responsive Slick Menu CSS
- swiper-bundle.min.css - Swiper Carousel CSS
- select2.css - Select2 dropdown styles
- select2.min.css - Select2 dropdown styles (minified)
- cursor.css - Cursor Styles (inside JS folder)
We have used the following Javascript files to design various layouts.
- bootstrap.js - Bootstrap JavaScript
- bootstrap.min.js - Minified Bootstrap JavaScript
- function.js - Custom Functions
- gsap.min.js - GSAP Animation Library
- jquery-3.7.1.min.js - jQuery v3.7.1
- jquery.counterup.min.js - CounterUp Plugin
- jquery.magnific-popup.min.js - Magnific Popup Plugin
- jquery.mb.YTPlayer.min.js - YouTube Background Player
- jquery.slicknav.js - SlickNav Menu
- jquery.waypoints.min.js - Waypoints Plugin
- magiccursor.js - Custom Cursor Script
- parallaxie.js - Parallax Scrolling Effect
- plyr.js - Media Player (Plyr)
- ripple.min.js - Ripple Effect
- ScrollTrigger.min.js - GSAP ScrollTrigger Plugin
- select2.full.min.js - Select2 Dropdown Plugin
- SmoothScroll.js - Smooth Scrolling
- SplitText.js - GSAP SplitText Plugin
- swiper-bundle.min.js - Swiper Slider
- validator.min.js - Form Validation
- wow.js - WOW.js Animation on Scroll
- cursor.js - Cursor Script (inside cursor folder)
Bootstrap framework:
Icons: