Peerly spa & Beauty bootstrap 5 Template

Minimal & Creative

Introduction

Template Name: Peerly spa & Beauty bootstrap 5 Template
Thank you very much for choosing our template. We truly appreciate and really hope that you'll enjoy our template!
If you like this template, Please support us by rating us 5 stars..     

Peerly is a simple and elegant technology HTML Template. This theme has 1 homepage layouts and responsive, easy to customize. You can using his HTML Template for digital, technology products, high tech products, accessories.

Peerly comes with a variation of 28+ HTML pages where there are 1 unique home versions. It is built with Bootstrap 5, HTML 5, SASS, CSS3 and W3C validated markup. This SEO-friendly template comes with numerous features like,Image Zoom, Google Fonts, Font Awesome and many more.

Now grow your business with this Peerly spa & Beauty bootstrap 5 Template Template without any hesitation.

Template features

  • Build with Bootstrap 5
  • 29+ HTML pages
  • Icon font (Font Awesome & Icofont)
  • Google Fonts
  • W3C Validated Code
  • Clean Code
  • Creative and Modern Design
  • Fully Responsive
  • Easy to customize
  • Cross Browser Support
  • Well Documented
  • No console error
Need Support?
If you have any questions regarding to theme issues, please submit a ticket at Click Here

Files Included

  • Documentation
  • Template Files - Peerly

Root Folder Structure





FTP Upload

  • Open up your FTP manager and connect to your hosting
  • Browse to required directory (Normally public_html)
  • Upload the all files inside Peerly folder.


Page Structure



  • index.html
  • about.html
  • spa-service.html
  • hot-stone-spa.html
  • our-therapy.html
  • therapy-details.html
  • packages.html
  • shop.html
  • shop-left-sidebar.html
  • shop-right-sidebar.html
  • product-details-left-sidebar.html
  • product-details-right-sidebar.html
  • cart.html
  • compare.html
  • wishlist.html
  • empty-cart.html
  • checkout.html
  • my-account.html
  • login.html
  • register.html
  • pricing.html
  • faq.html
  • 404-error.html
  • blog.html
  • blog-left-sidebar.html
  • blog-right-sidebar.html
  • blog-details-left-sidebar.html
  • blog-details-right-sidebar.html
  • contact.html

Source File Structure



Fonts Source File structure

Remember to change the font into style.css

            
            @import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap');
            
          


CSS Source File structure

These are the css files that are loaded into templates in Head Section.


            <!-- CSS
            ============================================ -->

            <!-- Icon Font CSS -->
            <link rel="stylesheet" href="assets/css/plugins/font-awesome.min.css">
            <link rel="stylesheet" href="assets/css/plugins/icofont.min.css">

            <!-- Plugins CSS -->  
            <link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
            <link rel="stylesheet" href="assets/css/plugins/animate.min.css">
            <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
            <link rel="stylesheet" href="assets/css/plugins/nouislider.css">
            <link rel="stylesheet" href="assets/css/plugins/star-rating.css">
            <link rel="stylesheet" href="assets/css/plugins/nice-select2.css">
            <link rel="stylesheet" href="assets/css/plugins/glightbox.min.css">            
            <link rel="stylesheet" href="assets/css/plugins/aos.css">            

            <!-- Main Style CSS -->
            <link rel="stylesheet" href="assets/css/style.css">

          


Javascript Source File structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

       
           
            <!-- JS
            ============================================ -->

            <!-- Bootstrap js -->
            <script src="assets/js/plugins/popper.min.js"></script>
            <script src="assets/js/plugins/bootstrap.min.js"></script>
            
            <!-- All Plugins js -->
            <script src="assets/js/plugins/swiper-bundle.min.js"></script>
            <script src="assets/js/plugins/nouislider.js"></script>
            <script src="assets/js/plugins/star-rating.js"></script>
            <script src="assets/js/plugins/nice-select2.js"></script>
            <script src="assets/js/plugins/glightbox.min.js"></script>
            <script src="assets/js/plugins/aos.js"></script>

            <!-- Main Activation js -->
            <script src="assets/js/main.js"></script>
            
        


How to change Logo?





How to Change Background Image?