Howdy!

You are a shining owner of a regular license based on Rafoz Farzo Theme

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are entitled to get free updates to this product + exceptional support (as per market policy) from the author directly.

This documentation is to help you understand the template's structure. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template.

1. Getting Started


When you are ready to use this template, you must first upload the template files to a local or remote server. In this regard, unzip the template package you have downloaded from themeforest. In extracted folder you can see following folders:

Package contents:

  • Template — Contains all the original template files comprises of HTML, CSS, JS etc. This is the folder which you'll upload on your server after necessary modifications.
  • Documentation — Inside this folder, you will find the same documentation updated with the latest changes.

Details regarding contents and structure of template folder is given below.

2. HTML Structure


This theme is a responsive landing page which built with Bootstrap fraemwork and you can customize it very easily. All of the information within the main content area is nested within a div with an class of "sections". The general template structure is the same throughout the template. Here is the general structure. Note that for brevity, I am not including content that isn’t relevant to the technique.

2.1. Skeleton Details


From the above skeleton it can be seen that there are 7 major logical code blocks in page. Most of the contents displayed on the screen goes in one of this block.

div id="loading" shows a loading overlay on the whole page or over single DOM elements

header class="Header sticky-header" section contains the code for logo and primary navigation at top.

section class="Slider"section contains the code for main slider.

footer class="Footer" contains the code for social icons and copyright text note.

Further, skeleton shows two additional markup tags.div id="cd-nav" contains the menu for the mobile version. div class="cd-overlay" when mobile menu showed this layer visibled under mobile menu above content too.

3. Stylesheet Files


All styling related files of this template can be found in this folder path src/assets/css and src/assets/scss

  
    css/
    |
    |-- main.min.css

As it can be seen, in css folder there is a main.min.css file.
All main css files contained in main.min.css
Bootstrap 4 is an open source toolkit for developing with HTML, CSS, SCSS, and JS. Quickly prototype your ideas or build your entire app with responsive grid system
Bourbon is a library of Sass mixins and functions that are designed to make you a more efficient style sheet author.
Light gallary A customizable, modular, responsive, lightbox gallery plugin for jQuery.
Owl Carousel 2 Touch enabled jQuery plugin that lets you create a beautiful, responsive carousel slider.

4. Javascript Files


All client-side related javascript files can be found in this folder path src/assets/js

  
    js/
    |
    |-- scripts.min.js
    |-- burger-menu.min.js
    |-- common.js

In this folder there are 3 files.
All main script files contained in scripts.min.js
Jquery is a fast, small, and feature-rich JavaScript library
Bootstrap is an open source toolkit for developing with HTML, CSS, SCSS and JS. Quickly prototype your ideas or build your entire app with responsive grid system
Isotope Layout can position items with different layout modes. Set and change the layout mode with the layoutMode option.
Owl Carousel touch enabled jQuery plugin that lets you create a beautiful, responsive carousel slider.
Images Loaded detect when images have been loaded. JavaScript is all like "You images done yet or what?"
Burger Menu an off-canvas sidebar component with a collection of animations and styles using CSS transitions.
Common contains all the custom programmed javascript coded specifically for this template

5. Support Desk


Please be reminded that you have purchased a very affordable theme and you have not paid for a full-time web design agency. Occasionally, we will help with small tweaks, but these requests will be put on a lower priority due to their nature.

Support for my items includes:


  • Responding to questions or problems regarding the item and its features
  • Fixing bugs and reported issues
  • Providing updates to ensure compatibility with new software versions

Item support does not include:


  • Customization and installation services
  • Support for third party software and plug-ins

Before seeking support, please...


  • Make sure your question is a valid item issue and not a customization request.
  • Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
  • Make sure to double check the item FAQs.
  • If you have customized your item and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
  • Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
  • Make sure to state the name of the item you are having issues with when requesting support via ThemeForest.

6. Files & Resources


The template uses following resources by third parties.

7. PHP Code Explanation


index.php file for deploy and init on docker container or heroku

8. Yandex Map Api


I have used Yandex Map Api to generate Yandex Map. You are able to change map style or marker from guidelines Yandex Map

9. Regular Updates


We’re always improving our skills and knowledge so we’re making changes regularly. From bug fixes to new awesome features, updates generally come at least twice a month.


  V. 1.2.3 – 10.01.2024
  - New: Home version 2 added
  - Added: Sticky header problem
  - Tweak: Improved Documentation

  V. 1.1.2 – 10.04.2021
  - Added: Yandex Map API
  - Tweak: Improved Documentation

  V. 1.0.2 – 2.09.2018
  - Fix: Burger mobile menu UI changes
  - Tweak: Improved Documentation

  V. 1.0.1 – 21.07.2018
  - Fix: Owl Slider responsive view problems
  - Tweak: Improved Documentation

  V. 1.0.0 – 20.06.2018
  - Initial release