Pronia - Plant Store Bootstrap 5 Template

Plant Store

Introduction

Template Name: Pronia - Plant Store 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..     

Pronia is a simple and elegant Bootstrap 5 Template. This template has 2 homepages layout and responsive, easy to customize. You can use this bootstrap 5 template for any kind of Plant Store!

Pronia comes with a variation of 27+ HTML pages where there are 2 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 Smooth Animations, Google Fonts, Font Awesome, Pe-icon-7-stroke and many more.

Now grow your business with this Pronia - Plant Store Bootstrap 5 Template without any hesitation.

Template features

  • Build with Bootstrap 5
  • Premium Support Service
  • Made with SASS (SCSS)
  • 2 Homepage
  • 27+ HTML pages
  • Google Fonts
  • W3C Validated Code
  • Clean Code
  • Fully Responsive
  • Easy to customize
  • Cross Browser Support
  • Well Documented
  • No console error
  • And Much More!
Need Support?
If you have any questions regarding to template issues, please submit a ticket at https://hasthemes.com/contact-us/

Files Included

  • Documentation
  • Template Files - Pronia

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 Pronia folder.


Page Structure



  • index.html is for Home pages
  • index-2.html is for Home pages
  • shop.html is for Shop pages
  • shop-left-sidebar.html is for Shop pages
  • shop-right-sidebar.html is for Shop pages
  • shop-list-fullwidth.html is for Shop pages
  • shop-list-left-sidebar.html is for Shop pages
  • shop-list-right-sidebar.html is for Shop pages
  • single-product.html is for Single Product pages
  • single-product-group.html is for Single Product pages
  • single-product-variable.html is for Single Product pages
  • single-product-sale.html is for Single Product pages
  • single-product-sticky.html is for Single Product pages
  • single-product-affiliate.html is for Single Product pages
  • login-register.html is for Login & Register page
  • my-account.html is for My Account page
  • wishlist.html is for Wishlist page
  • checkout.html is for Checkout page
  • cart.html is for Cart page
  • compare.html is for Compare page
  • about.html is for Common page
  • faq.html is for Common pages
  • 404.html is for Common pages
  • blog.html is for Blog pages
  • blog-listview.html is for Blog pages
  • blog-detail.html is for Blog Detail pages
  • contact.html is for Contact page

Source File Structure



Fonts Source File structure

Remember to change the font into style.css

          <!--All Google Fonts-->
          @import
          url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
        


CSS Source File structure

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

          <!-- ::::::::::::::All CSS Files here :::::::::::::: -->

          <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
          <link rel="stylesheet" href="assets/css/vendor/Pe-icon-7-stroke.css">
          <link rel="stylesheet" href="assets/css/plugins/animate.css">
          <link rel="stylesheet" href="assets/css/plugins/jquery-ui.min.css">
          <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
          <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
          <link rel="stylesheet" href="assets/css/plugins/magnific-popup.min.css">
          <link rel="stylesheet" href="assets/css/plugins/ion.rangeSlider.min.css">

          <!-- Style CSS File -->
          <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.

          <!-- ::::::::::::::All Javascripts here ::::::::::::::-->

          <!-- Vendor JS Files -->
          <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
          <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
          <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
          <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>

          <!-- Plugins JS Files -->
          <script src="assets/js/plugins/wow.min.js"></script>
          <script src="assets/js/plugins/jquery-ui.min.js"></script>
          <script src="assets/js/plugins/swiper-bundle.min.js"></script>
          <script src="assets/js/plugins/jquery.nice-select.js"></script>
          <script src="assets/js/plugins/parallax.min.js"></script>
          <script src="assets/js/plugins/jquery.magnific-popup.min.js"></script>
          <script src="assets/js/plugins/tippy.min.js"></script>
          <script src="assets/js/plugins/ion.rangeSlider.min.js"></script>

          <!-- Main js file that contents all jQuery plugins activation. -->
          <script src="assets/js/main.js"></script>
        


How to change Logo?





How to Change Background Image?





How to Change Map Location?

You can change map iframe from here







How to Change Mail?

You can pass dynamic email in the contact form and newsletter.