# Frutin - Organic and Healthy Food HTML Template

Created: 26/10/2023

Thank you for purchasing my template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum

24/7 Support: Send Us a message from Our Profile

## Template Installation

### FTP Upload:

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

## Pages

### Total 21 Pages

- 4 Home Pages
  - Organic Farm
  - Organic Food
  - Mega Shop
  - Organic Farming
- 17 Inner Pages
  - About Us
  - Blog
  - Blog Details
  - Service
  - Service Details
  - Project
  - Project Details
  - Team
  - Team Details
  - Faq Page
  - Shop Page
  - Shop Details
  - Cart Page
  - Checkout
  - Wishlist
  - Contact
  - Error Page

## Fonts

### Google free fonts:

- Title Font: 'Lexend', sans-serif;
- Body Font: 'DM Sans', sans-serif;
- Style Font: 'Lobster', cursive;

Open assets/css/style.css file to find the fonts name from typography area. That's it...

## Source File (CSS)

<!--==============================
All CSS File
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Fontawesome Icon -->
<link rel="stylesheet" href="assets/css/fontawesome.min.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
<!-- Swiper Js -->
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="assets/css/style.css">

## Source File (Js)

<!--==============================
All Js File
============================== -->
<!-- Jquery -->
<script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
<!-- Swiper Js -->
<script src="assets/js/swiper-bundle.min.js"></script>
<!-- Bootstrap -->
<script src="assets/js/bootstrap.min.js"></script>
<!-- Magnific Popup -->
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<!-- Counter Up -->
<script src="assets/js/jquery.counterup.min.js"></script>
<!-- Range Slider -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- Isotope Filter -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<!-- Main Js File -->
<script src="assets/js/main.js"></script>

## Customization

### How to Change Logo

Open assets\img folder and paste your logo. Then go to the header section of html and replace the directory link.

### How to Change Menu Links

### How to Change Email Address

⇧