Kinle - Responsive eCommerce HTML Template

Kinle - Responsive eCommerce HTML Template

Minimal & Creative
Need Support

Introduction

Template Name: Linle - Responsive eCommerce HTML 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..     

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

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

Now grow your business with this Kinle - Responsive eCommerce HTML Template without any hesitation.

Template features

  • Build with Bootstrap 4
  • 4 Homepage
  • 3 Unique Header Style
  • 37+ HTML pages
  • Made with SASS (SCSS)
  • Icon font (FontAwesome & Plazaicon)
  • Google Fonts
  • W3C Validated Code
  • Clean Code
  • Creative and Modern Design
  • Fully Responsive
  • Smooth animations
  • 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 https://hasthemes.com/contact-us/

Files Included

  • Documentation
  • Template Files - Kinle

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


Page Structure



  • index.html is for Home page one
  • index-2.html is for Home page two
  • index-3.html is for Home page three
  • index-4.html is for Home page four
  • about.html is for About page
  • cart.html is for Cart page
  • checkout.html is for Checkout page
  • compare.html is for Compare page between the Products
  • empty-cart.html is for no product at cart
  • wishlist.html is for Wishlist page for the selected Products
  • my-account.html is for User dashboard page
  • login.html is for User log-in and register new account page
  • 404-page.html is for 404 page
  • shop-1.html is for Default Shop Page (with left sidebar)
  • shop-4-grid.html is for 4grid Shop Page (without sidebar)
  • shop-5-grid.html is for 5grid Shop Page (without sidebar)
  • shop-grid-left-sidebar.html is for 4grid Shop Page (with left sidebar)
  • shop-grid-right-sidebar.html is for 5grid Shop Page (with right sidebar)
  • shop-list.html is for List Shop Page (without sidebar)
  • shop-list-left-sidebar.html is for List Shop Page (with left sidebar)
  • shop-list-right-sidebar.html is for List Shop Page (with right sidebar)
  • single-1.html is for Single Product Page of datails (normal view)
  • single-variable.html is for Single Product Page of datails (normal view with multiple select options)
  • single-left-tab.html is for Single Product Page of datails with vertical tab(leftside tab)
  • single-right-tab.html is for Single Product Page of datails with vertical tab(rightside tab )
  • single-slider.html is for Single Product Page of datails with full slider
  • single-gallery-left.html is for Single Product Page of datails with Gallery (leftside gallery)
  • single-gallery-right.html is for Single Product Page of datails with Gallery (rightside gallery)
  • single-sticky-left.html is for Single Product Page of datails with Sticky (leftside sticky)
  • single-sticky-right.html is for Single Product Page of datails with Sticky (rightside sticky)
  • blog-grid-left-sidebar.html is for Blog Grid Page (left sidebar)
  • blog-grid-right-sidebar.html is for Blog Grid Page (right sidebar)
  • blog-list-left-sidebar.html is for Blog List Page (left sidebar)
  • blog-list-right-sidebar.html is for Blog List Page (right sidebar)
  • blog-single-left-sidebar.html is for Single Blog Page (left sidebar)
  • blog-single-right-sidebar.html is for Single Blog Page (right sidebar)
  • contact.html is for Contact page

Source File Structure



Fonts Source File structure

Remember to change the font into main.css

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


CSS Source File structure

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

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

            <!-- Vendor CSS Files -->
            <link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css">
            <link rel="stylesheet" href="assets/css/vendor/fontawesome.css">
            <link rel="stylesheet" href="assets/css/vendor/plaza-icon.css">
            <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">

            <!-- Plugin CSS Files -->
            <link rel="stylesheet" href="assets/css/plugin/swiper.min.css">
            <link rel="stylesheet" href="assets/css/plugin/material-scrolltop.css">
            <link rel="stylesheet" href="assets/css/plugin/price_range_style.css">
            <link rel="stylesheet" href="assets/css/plugin/in-number.css">
            <link rel="stylesheet" href="assets/css/plugin/venobox.min.css">

            <!-- Main CSS File -->
            <link rel="stylesheet" href="assets/css/main.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/jquery-3.5.1.min.js"></script>                 
            <script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>          
            <script src="assets/js/vendor/jquery-ui.min.js"></script>          
            <script src="assets/js/vendor/bootstrap.bundle.js"></script>

            <!-- Plugins JS Files -->         
            <script src="assets/js/plugin/swiper.min.js"></script>                 
            <script src="assets/js/plugin/jquery.countdown.min.js"></script>          
            <script src="assets/js/plugin/material-scrolltop.js"></script>          
            <script src="assets/js/plugin/price_range_script.js"></script>          
            <script src="assets/js/plugin/in-number.js"></script>          
            <script src="assets/js/plugin/jquery.elevateZoom-3.0.8.min.js"></script>          
            <script src="assets/js/plugin/venobox.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 Copyright?

You can change copyright text from here.





How to Change Mail?

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