Treker- Travel & Trip HTML-5 Template

Created: 27 April 2022
Latest Update: 27 April 2022
By: Themebuzs
Email: support@Themebuzs.com

Thank you for purchasing our theme. Treker - Business Consulting Agency HTML-5 Template. If you have any question, please feel free to contact us.

Main File Structure

All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open "Treker" folder.
You will see 4 directories, css, fonts, images and js.
In the first folder Content you will find style.css and other styling files the all the other files expect the htmls.
Js folder contain only the jquery library. Fonts folder contain essetial font files for fonts.

                
                    Tracker Main /
                    |    ├── css/
                    |    |    └── animate.css
                    |    |    └── bootstrap.css
                    |    |    └── custom-animate.css
                    |    |    └── font-awesome.min.css
                    |    |    └── jquery.bootstrap-touchspin.css
                    |    |    └── jquery.fancybox.min.css
                    |    |    └── jquery-ui.css
                    |    |    └── odometer-theme-default.css
                    |    |    └── owl.css
                    |    |    └── responsive.css
                    |    |    └── simple-line-icons.css
                    |    |    └── style.css
                    |    |
                    |    ├── fonts
                    |    |    └── fa-brands-400.eot
                    |    |    └── fa-brands-400.svg
                    |    |    └── fa-brands-400.ttf
                    |    |    └── fa-brands-400.woff
                    |    |    └── fa-brands-400.woff2
                    |    |    └── fa-regular-400.eot
                    |    |    └── fa-regular-400.svg
                    |    |    └── fa-regular-400.ttf
                    |    |    └── fa-regular-400.woff
                    |    |    └── fa-regular-400.woff2
                    |    |    └── fa-solid-900.eot
                    |    |    └── fa-solid-900.svg
                    |    |    └── fa-solid-900.ttf
                    |    |    └── fa-solid-900.woff
                    |    |    └── fa-solid-900.woff2
                    |    |    └── FontAwesome.otf
                    |    |    └── flaticon.eot
                    |    |    └── flaticon.svg
                    |    |    └── flaticon.ttf
                    |    |    └── flaticon.woff
                    |    |    └── flaticon.woff2
                    |    |
                    |    ├── js/
                    |         └── appear.js
                    |         └── bootstrap.min.js
                    |         └── bxslider.js
                    |         └── countdown.js
                    |         └── custom-script.js
                    |         └── isotope.js
                    |         └── jquery.fancybox.js
                    |         └── jquery.js
                    |         └── jquery-ui.js
                    |         └── mixitup.js
                    |         └── odometer.js
                    |         └── owl.js
                    |         └── popper.min.js
                    |         └── touchspin.js
                    |         └── wow.js
                    │
                    ├── about.html
                    ├── activities.html
                    ├── blog.htmlblog-2.html
                    ├── blog-2.html
                    ├── blog-single.html
                    ├── booking.html
                    ├── checkout.html
                    ├── contact.html
                    ├── destinations.html
                    ├── destinations-2.html
                    ├── error-page.html
                    ├── faq.html
                    ├── gallery.html
                    ├── index.html
                    ├── index-2.html
                    ├── login.html
                    ├── packages.html
                    ├── packages-2.html
                    ├── product-single.html
                    ├── reset-password.html
                    ├── shop.html
                    ├── shopping-cart.html
                    ├── signup.html
                    ├── team.html
                    ├── team-member.html
                    ├── terms-conditions.html
                    ├── tours.html
                    ├── trekking.html
                    ├── wishlist.html
                    └──
                
                

Customization

How to Change Site Title And Favicon Icon

How to Change Logo

How to Change Your Menu Title

How to Change Slider Image and Text

How to Change Phone Number, E-Mail Address and Address

How to Change Copyright Text

HTML Structure

The base structure was organized by row, col-** class


   <!-- Main Header-->
    <header class="main-header">
        <div class="header-top">
            <div class="auto-container">
                <div class="inner clearfix">
                    <div class="top-left clearfix">
                        <ul class="info clearfix">
                            <li><i class="icon fa fa-envelope"></i> <a href="mailto:INFO@TREKER.COM">INFO@TREKER.COM</a></li>
                            <li><i class="icon fa fa-phone-circle"></i> <a href="tel:+11256326501">+11 256 3265 01</a></li>
                        </ul>
                    </div>
                    <div class="top-right clearfix">
                        <div class="lang-box">
                            <div class="lang-btn clearfix"><span class="img far fa-globe-americas"></span><span class="txt">Eng</span><span class="icon far fa-angle-down"></span></div>
                            <ul class="lang-list">
                                <li><a href="#">Tur</a></li>
                                <li><a href="#">Esp</a></li>
                                <li><a href="#">Rus</a></li>
                            </ul>
                        </div>
                        <div class="login"><i class="icon fa fa-user"></i> <a href="#">SIGN IN</a></div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Upper -->


CSS Structure

The base structure was organized by row, col-** class
                
                    ====================================================================
                                            Default Form Style
                    ====================================================================

                    form{
                    position:relative;
                    }

                    /* Default Form Style */

                    .default-form{
                    position: relative;
                    }

                    form .form-group{
                    position:relative;
                    margin-bottom: 20px;
                    }

                    form .row{
                    margin: 0 -15px;
                    }

                    form .row .form-group{
                    position:relative;
                    padding: 0 15px;
                    margin-bottom: 30px;
                    }

                    form .field-inner{
                    position: relative;
                    display: block;
                    }

                    form .field-inner .alt-icon{
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    margin-top: -15px;
                    line-height: 30px;
                    font-size: 16px;
                    color: #1DC5CE;
                    z-index: 1;
                    pointer-events: none;
                    }

                
            

Supports

Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.

Themebuzs