Documentation

Introduction Files Structure HTML CSS & SCSS Javascript Features Credits & Resources Customization Faq Support

Introduction

Homfind - Real Estate HTML5 Template

Homfind-powerful and incredible looking HTML Template.Homfind is perfect for Real Estate Agency, Agents companies, property, real estate, rental, Houses, apartments.Homfind is Real Estate HTML5 format completely stacked with marvelous features.Intended for progress, Homfind has all the adaptability you want to give the best client experience.Homfind Layout is a top-quality Format, from its simplicity of customization to its customization expansions.Awesome project styles, clean look, an approaching coming soon page all this and significantly more to work with.The entire layout is made with magnificent responsiveness.Homfind it's an extremely complete and profoundly adaptable HTML format that will assist you with building your own site formats.

created: 11/10/2022 latest update: 28/04/2024 by: ThemesLand

Thank you for your purchase !.

Files Structure

        
                 Homfind/
                ├──  assets/
                │   └──  css/
                │       └──  All css files
                │   └──  fonts/
                │       └──  All fonts files
                │   └──  img/
                │       └──  All images files
                │   └──  js
                │       └──  All javascript files
                |    
                └── *.html
                    └──  Index HTML files
        
                 Documentation/
                    └── index.html - Index file for documentation.

Html

                <!-- category area -->

        <div class="category-area py-120">

            <div class="container">

                <div class="row">

                    <div class="col-lg-6 mx-auto wow fadeInDown" data-wow-duration="1s" data-wow-delay=".25s">

                        <div class="site-heading text-center">

                            <span class="site-title-tagline">Category</span>

                            <h2 class="site-title">Choose Your Category</h2>

                        </div>

                    </div>

                </div>

                <div class="row">

                    <div class="col-6 col-md-4 col-lg-2">

                        <div class="category-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".25s">

                            <a href="#">

                                <div class="category-icon">

                                    <i class="flaticon-apartment"></i>

                                </div>

                                <div class="category-content">

                                    <h4 class="category-title">Apartment</h4>

                                    <span class="category-property">20</span>

                                </div>

                            </a>

                        </div>

                    </div>

                    <div class="col-6 col-md-4 col-lg-2">

                        <div class="category-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".50s">

                            <a href="#">

                                <div class="category-icon">

                                    <i class="flaticon-business-and-trade"></i>

                                </div>

                                <div class="category-content">

                                    <h4 class="category-title">Offices</h4>

                                    <span class="category-property">15</span>

                                </div>

                            </a>

                        </div>

                    </div>

                    <div class="col-6 col-md-4 col-lg-2">

                        <div class="category-item wow fadeInUp" data-wow-duration="1s" data-wow-delay=".75s">

                            <a href="#">

                                <div class="category-icon">

                                    <i class="flaticon-home"></i>

                                </div>

                                <div class="category-content">

                                    <h4 class="category-title">My House</h4>

                                    <span class="category-property">18</span>

                                </div>

                            </a>

                        </div>

                    </div>

                    <div class="col-6 col-md-4 col-lg-2">

                        <div class="category-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">

                            <a href="#">

                                <div class="category-icon">

                                    <i class="flaticon-villa"></i>

                                </div>

                                <div class="category-content">

                                    <h4 class="category-title">Villas</h4>

                                    <span class="category-property">12</span>

                                </div>

                            </a>

                        </div>

                    </div>

                    <div class="col-6 col-md-4 col-lg-2">

                        <div class="category-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.25s">

                            <a href="#">

                                <div class="category-icon">

                                    <i class="flaticon-living-room"></i>

                                </div>

                                <div class="category-content">

                                    <h4 class="category-title">Rooms</h4>

                                    <span class="category-property">10</span>

                                </div>

                            </a>

                        </div>

                    </div>

                    <div class="col-6 col-md-4 col-lg-2">

                        <div class="category-item wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.50s">

                            <a href="#">

                                <div class="category-icon">

                                    <i class="flaticon-houses"></i>

                                </div>

                                <div class="category-content">

                                    <h4 class="category-title">Garage</h4>

                                    <span class="category-property">25</span>

                                </div>

                            </a>

                        </div>

                    </div>

                </div>

            </div>

        </div>

        <!-- category area end -->

CSS & SCSS

Homfind has used most popular technologies in now days like CSS3 and SCSS.

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

File	Description
`assets/css/bootstrap.min.css`	This file contains bootstrap css.
`assets/css/all-fontawesome.min.css`	This file contains fontawesome css.
`assets/css/animate.min.css`	This file contains animate css.
`assets/css/magnific-popup.min.css`	This file contains magnific-popup css.
`assets/css/owl.carousel.min.css`	This file contains owl.carousel css.
`assets/css/style.css`	This file contains custom css.

Javascript

Homfind has used latest version of jQuery, Bootstrap and some others open source third-party plugins according to our need. you can also used other third-party plugins as per your need.

File	Description
`assets/js/jquery-3.6.0.min.js`	This is a core jquery js file.
`assets/js/modernizr.min.js`	This file contains modernizr js.
`assets/js/bootstrap.bundle.min.js`	This is a bootstrap js file.
`assets/js/imagesloaded.pkgd.min.js`	This file contains imagesloaded js.
`assets/js/jquery.magnific-popup.min.js`	This file contains magnific-popup js.
`assets/js/isotope.pkgd.min.js`	This file contains isotope js.
`assets/js/jquery.appear.min.js`	This file contains appear js.
`assets/js/jquery.easing.min.js`	This file contains easing js.
`assets/js/owl.carousel.min.js`	This file contains owl.carousel js.
`assets/js/counter-up.js`	This file contains counter-up js.
`assets/js/wow.min.js`	This file contains wow js.
`assets/js/main.js`	This file contains custom js.

Features

We have added following features.

100% Responsive
Clean Code
Creative Design With Latest Trends.
Working PHP AJAX Contact Form
Clean & Commented Code
Bootstrap 5.x
Awesome & Modern Design
Fast, Lightweight & Powerful
Smooth Transition Effects
Flexible Layout
Flat, modern and clean design
Easy Customization
Clean Design
Beautiful mobile menu
SEO Optimized
Unique Effects and Functionality
Well Commented & Quality Code
All Browser Support

Credits & Resources

We have used the following open source plugins.

jQuery
Bootstrap
Google Font
Font Awesome
Easing
Appear
Magnific-popup
Modernizr
Isotope
Wow
Owl Carousel
Imagesloaded
Animate Css

Customization

1) How To Change Favicons ?

Answer: Open your index.html file then go to code no 16 then change the href with your icon or image link as you want.

                        <!-- favicon -->

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

2) How To Change logo ?

Answer: Open your index.html file then go to code no 87 then change the image source file as you want.

                    <a class="navbar-brand" href="index.html">

                    <img src="assets/img/logo/logo.png" alt="logo">

                </a>

3) How To Change Copy Right ?

Answer: Open your index.html file then go to code no 1962 then change the Copy Right as you want.

                        <p class="copyright-text">

                            &copy; Copyright <span id="date"></span> <a href="#"> HOMFIND </a> All Rights Reserved.

                        </p>

4) How To Change Contact Form Email ?

Answer: Open your Homfind/assets/php/contact.php file then go to code no 17,18 then change the email as you want.

	 $to = "contact@example.com"; //Replace your real receiving email address

	 $header = "From:info@example.com "; //Replace with your real web master email

4) How To Change Google Map Api Key ?

Answer:First go https://console.cloud.google.com/ then create your own google map api key. Then Open your grid-map.html,list-map.html,classical-map.html file then go to bottom of code then change the key.

                        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAAz77U5XQuEME6TpftaMdX0bBelQxXRlM"></script>

Faq

Absolutely. We always try to make better versions of our products and we provide related updates to our customers for FREE.

We are working from 10AM-6PM (+05:30 GMT) from Monday – Friday. We tend to answer queries in less than 24 hours on working days.

If you are creating products that charge end users than you should purchase Extended Licence. You should also purchase extended licence if you wish to use the same product for multiple domains.

We have successfully tested it on most of trending web browsers which includes Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer(version11 & later).

Support

We thank you once again for your purchase. Be Happy to connect with us regarding any Issue/Query. If you have any suggestions regarding new features or functions that we can implement, Do let us know. We will surely try to add them in our next Version/Update.

Have a Great Day. Peace!

- Team ThemesLand

Homfind