Reland - Real Estate Group HTML Template v1.0


First of all, thank you for purchasing the Reland HTML5 Template. You can find the detailed information about the template in this document.
If there is anything you cannot find in this document, you can send an e-mail via the Profile page.

Reland in a Brief

Reland is a Real Estate Group HTML Template.
In download folder you will find Two folders:


Remember, when you want to use the shortCode/element in any pages you need to adjust the section spacing by giving margin or padding. Don't get panic if you messed up anything when you edit the template. We are always available to support our customer.

01Installation

Follow the steps below to setup your site template:

  1. Unzip the downloaded package and open the Template folder to find all the template files. You wil get Reland folder in there. You need to upload this folder to your hosting web server using FTP or cPanel in order to use it on your website.
  2. Below is the folder structure you will see in your website root directory:
    • reland/assets/css - Stylesheet files
    • reland/assets/fonts - Icon/fonts files
    • reland/assets/img - Image files
    • reland/assets/js - JS files
  3. You need to upload all or specific HTML files as per your need.
  4. And now you are ready to go to generate your website with this awesome template.

02HTML Structure

We are used Bootstrap Latest Version v5.1.3 framework in this template.
The general template structure is the same throughout the template. Here is the general structure.

    
    <!doctype html>
    <html class="no-js" lang="zxx">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="x-ua-compatible" content="ie=edge">
            <title>Reland - Real Estate Group HTML Template</title>
            <meta name="description" content="Reland - Real Estate Group HTML Template">
            <meta name="viewport" content="width=device-width, initial-scale=1">

            <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">
            <!-- Place favicon.ico in the root directory -->

            <!-- CSS here -->
            <link rel="stylesheet" href="assets/css/bootstrap.min.css">
            <link rel="stylesheet" href="assets/css/animate.min.css">
            <link rel="stylesheet" href="assets/css/magnific-popup.css">
            <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
            <link rel="stylesheet" href="assets/css/odometer.css">
            <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
            <link rel="stylesheet" href="assets/css/slick.css">
            <link rel="stylesheet" href="assets/css/spacing.css">
            <link rel="stylesheet" href="assets/css/flaticon.css">
            <link rel="stylesheet" href="assets/css/style.css">
            <link rel="stylesheet" href="assets/css/responsive.css">
        </head>
        <body>

            <!-- Preloader-start -->
            <div id="preloader">
                <div class="ta-preloader-block">
                    <div class="ta-spinner-eff">
                        <div class="ta-bar ta-bar-top"></div>
                        <div class="ta-bar ta-bar-right"></div>
                        <div class="ta-bar ta-bar-bottom"></div>
                        <div class="ta-bar ta-bar-left"></div>
                    </div>
                </div>
            </div>
            <!-- Preloader-start-end -->

            <!-- Scroll-top -->
            <button class="scroll-top scroll-to-target" data-target="html">
                <i class="fas fa-angle-up"></i>
            </button>
            <!-- Scroll-top-end-->


            <!-- main-area -->
            <main>


            </main>
            <!-- main-area-end -->



            <!-- JS here -->
            <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
            <script src="assets/js/bootstrap.min.js"></script>
            <script src="assets/js/jquery.magnific-popup.min.js"></script>
            <script src="assets/js/jquery.odometer.min.js"></script>
            <script src="assets/js/jquery.parallaxScroll.min.js"></script>
            <script src="assets/js/simpleParallax.min.js"></script>
            <script src="assets/js/slick-animation.min.js"></script>
            <script src="assets/js/swiper-bundle.min.js"></script>
            <script src="assets/js/jarallax.min.js"></script>
            <script src="assets/js/jarallax-video.min.js"></script>
            <script src="assets/js/jquery.appear.js"></script>
            <script src="assets/js/jquery.easing.js"></script>
            <script src="assets/js/slick.min.js"></script>
            <script src="assets/js/ajax-form.js"></script>
            <script src="assets/js/wow.min.js"></script>
            <script src="assets/js/main.js"></script>
        </body>
    </html>

03All Pages

Introduce Reland All Pages

04Favicon Settings

Favicon Will be found in <head> section.

    
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">

05Logo Settings

The Logo will be found in the <nav class="navbar"> tag.


        <div class="logo"><a href="index.html"><img src="img/logo/logo.png" alt="logo"></a></div>

You can replace any .jpg .png .svg logo. And set the width according to your logo size.

06Fonts Settings

In Reland we use Vidaloka for heading & Montserrat for body font.
You can change both fonts form assets/css/style.css file: 

        @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Vidaloka&display=swap');

08CSS Structure

The style.css file contains all of the specific stylings for the page. The file is separated into sections using:

09JavaScripts

10Credits

11Thanks

Once again thank you for purchasing one of our Templates

Best Regards

Themeadapt

12Changelog:

Dates are formatted in dd/mm/yy 

    ===============================
    ----- (02 December 2022) ------
    ===============================
    First Published