Documentation

Firstly, a huge thanks for purchasing this Template, your support is truly appreciated! This document covers the installation and use of this Template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties

If you have any questions that are beyond the scope of this document, feel free to open a support ticket

Created: 30/10/2020

Support
  1. General Info
  2. Folder Structure
  3. Fonts
  4. Source File
  5. Customization?
  6. Credits

Installing Template - top

1. After unzip the download pack, you'll found a Template Folder with all the files.

2. You can view this Template in any browser, you can display or edit the Template without an internet connection.

3. Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.

4. Once the files are done uploading go to www.yourdomainname.com/index.html

HTML Folder Structure - top

HTML File

Fonts - top

            
            
    <!-- Fonts -->

    @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');
    @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap');

Source File (CSS) - top

            

    <!-- CSS
    ============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">


    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/plazaicon.css">
    <link rel="stylesheet" href="assets/css/vendor/themify-icons.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.min.css">


    <!-- Plugins CSS -->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css">
    
    <!-- Helper CSS -->
    <link rel="stylesheet" href="assets/css/helper.css">

    <!-- Main Style CSS -->
    <link rel="stylesheet" href="assets/css/style.css">

Source File (JS) - top

            
    <!-- JS
    ============================================ -->

    <!-- Modernizer js -->
    <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- Jquery js -->
    <script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Bootstrap js -->
    <script src="assets/js/vendor/popper.min.js"></script>
    <script src="assets/js/vendor/bootstrap.min.js"></script>
    
    <!-- All Plugins js -->
    <script src="assets/js/plugins/swiper-bundle.min.js"></script>
    <script src="assets/js/plugins/jquery.countdown.min.js"></script>
    <script src="assets/js/plugins/jquery.elevateZoom.min.js"></script>
    <script src="assets/js/plugins/select2.min.js"></script>
    <script src="assets/js/plugins/ajax-contact.js"></script>

    <!-- Main Activation js -->
    <script src="assets/js/main.js"></script>


    <!-- Main Activation js -->
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBQ5y0EF8dE6qwc03FcbXHJfXr4vEa7z54"></script>
    <script src="assets/js/map-script.js"></script>

Customization? - top

Changing the logo

Insert logo image source in index.html line in 69



Changing the Copyright

Insert logo image source in index.html line in 3046



Changing the Email

Insert logo image source in contact.php line in 22



Changing Font Family

To change the font-family you have to change the current font-family property with your own font-family (from style.css file) and required weight. But, make sure you have already included the font on header (using CSS link) or on CSS (using import). 

               
    body {
        font-family: "Rubik", sans-serif;
    }

    h1,
    h2, 
    h3, 
    h4, 
    h5,
    h6 {
        font-family: "Lora", serif;
    }

Sources and Credits - top

Free fonts:

Icons:

Plugin:

All images have been used for demonstration purposes only and are not included in the template.