Harmic - Organic Food HTML Template

Introduction

Template Name: Harmic - Organic Food 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..

Harmic 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 organic food sotre!

Harmic comes with a variation of 25+ 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 Smooth Animations, Google Fonts, Font Awesome, Pe-icon-7-stroke and many more.

Now grow your business with this Harmic - Organic Food HTML Template without any hesitation.

By: HasThemes
URL: https://hasthemes.com/
HelpDesk: https://hasthemes.com/contact-us/

Template features

Build with Bootstrap (v5.0.0-beta1)
2 Homepage
33+ HTML pages
Made with SASS (SCSS)
Icon font (FontAwesome & Pe-icon-7-stroke)
Google Fonts
W3C Validated Code
Clean Code
Creative Design
Fully Responsive
Easy to customize
Cross Browser Support
Well Documented
No console error

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 - Harmic

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

Page Structure

index.html is for Home pages
index-2.html is for Home pages
about.html is for About page
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
faq.html is for Common pages
privacy-policy.html is for Common pages
404.html is for Common pages
blog.html is for Blog pages
blog-left-sidebar.html is for Blog pages
blog-right-sidebar.html is for Blog pages
blog-list-left-sidebar.html is for Blog pages
blog-list-right-sidebar.html is for Blog pages
blog-detail.html is for Blog Detail pages
blog-detail-left-sidebar.html is for Blog Detail pages
blog-detail-right-sidebar.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=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;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 :::::::::::::: -->

            <!-- Vendor CSS Files -->
            <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">
            <link rel="stylesheet" href="assets/css/vendor/simple-line-icons.css">
            <link rel="stylesheet" href="assets/css/vendor/Pe-icon-7-stroke.css">

            <!-- Plugin CSS Files -->
            <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/local-font.css">
            <link rel="stylesheet" href="assets/css/plugins/magnific-popup.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.5.1.min.js"></script>
            <script src="assets/js/vendor/jquery-migrate-3.3.0.min.js"></script>
            <script src="assets/js/vendor/modernizr-3.11.2.min.js"></script>
            <script src="assets/js/vendor/jquery.waypoints.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>

            <!-- 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.