Gettree – Garden & Landscaping HTMl Template

  • Version: 1.0.0
  • Last Updated: 07/27/2021
  • Author: themesflat
Thank you so much for your interests. Your comments and ratings would be much appreciated. If you purchase this template, you will get support. We will update this template time by time and we want to hear your wishes for the future updates or for complete new templates. You need file PSD or images please contact via skyper:themesflat or email themesflat@gmail.com we will send this for you.

Template features:

  • HTML5 & CSS3
  • Responsive Template
  • Free icons used
  • Pixel Perfect
  • Clean & Unique Design
  • Easy to customize
  • Retina Ready
  • Unlimited Colors
  • Boxed or Wide layout
  • Ajax Contact Form
  • 2 Home Page
  • 2 Portfolio page
  • Parallax Effect
  • & much more...

HTML Structure

Gettree – Garden & Landscaping HTMl Template

Below is Gettree basic structure:

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <title>Gettree Template</title>

    <!-- Mobile Specific Metas -->

    <!-- Bootstrap  -->

    <!-- Theme Style -->

    <!-- Responsive -->

    <!-- colors -->    
   
    <!-- Animation Style -->    

    <!-- Favicon and touch icons  -->
</head>

<body>
	<!-- Header -->	

	<!-- Slider -->

    <!-- Section -->
    <section class="flat-row"> </section>

    <!-- Footer -->
    <footer class="footer"> </footer>

   	<!-- Bottom -->
   	<div class="bottom"> </bottom>

   	<!-- Go Top -->
    <a class="go-top">
     	<i class="fa fa-angle-up"></a>
    </a>
   
   <!-- Javascript -->
   <script type="text/javascript" src="assets/js/jquery.min.js"></script>
   <script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
   <script type="text/javascript" src="assets/js/jquery.easing.js"></script>
   <script type="text/javascript" src="assets/js/jquery-waypoints.js"></script>
   <script type="text/javascript" src="assets/js/owl.carousel.js"></script>
   <script type="text/javascript" src="assets/js/parallax.js"></script>
   <script type="text/javascript" src="assets/js/jquery.cookie.js"></script>   
   <script type="text/javascript" src="assets/js/switcher.js"></script>      
   <script type="text/javascript" src="assets/js/main.js"></script>
</body>

</html>

CSS System

The Autora CSS System contains 3 parts:
  • Template style
  • Shortcodes style
  • Responsive style
  • Javascript - Fonts - Animation - Bootstrap style

Style.css ( Template style )


/**
  *	Reset
  *	Repeatable Patterns
  *	Top
  * Repeatable Patterns
  * bootstrap resetting elements
  * link style
  * button style
  * root
  * font flobal
  * effect hover
  * header
  * main menu
  * submenu
  * page title
  * home2 slider
  * blog
  * blog detail
  * footer
  * mobile navigation
  * gotop
  * preloader
*/

Shortcodes.css ( Shortcodes - Elements style )

You can easily use the shortcodes to create your own page.


/* 
  *Font global
  *Column custom
  *Header style 1
  *Slider
  *features
  *about
  *services
  *team
  *team profolio
  *testimonials
  *about 2nd
  *subcribe
  *work process
  *contact
  *blog
  *features home2
  *why choose us
  *about home2
  *services home2
  *shop
  *counter
  *profolio home2
  *testimonial home2
  *news home2
  *services details
  *team page
  *case study
  *faq
  *footer style 2
  *contact
  *case details
*/

Javascript - Fonts - Animation - Bootstrap style


/**  
  * font-awesome.css

  * owl.carousel.css

  * animate.css
  * shortcodes.css

  * bootstrap.css 
  * revolution-slider.css
*/

Javascript Custom

Here you can modify any settings for ( Retina Logos, Animations, Testimonials, Sliders, & Progress bar and more..)

Main.js ( js/main.js )


/**
    * isMobile
    * responsiveMenu
    * ajaxContactForm
    * wow
    * ajaxSubscribe
    * owl carousel style
    * flatSpacer
    * inViewport
    * googleMap
    * flatCounter
    * headerFixed
    * flatAccordion
    * goTop
    * topSearch
    * removePreloader
    * retinaLogos
*/

Shortcodes System

You can easily use the shortcodes to create your own page.

    
/* 
  *Font global
  *Column custom
  *Header style 1
  *Slider
  *features
  *about
  *services
  *team
  *team profolio
  *testimonials
  *about 2nd
  *subcribe
  *work process
  *contact
  *blog
  *features home2
  *why choose us
  *about home2
  *services home2
  *shop
  *counter
  *profolio home2
  *testimonial home2
  *news home2
  *services details
  *team page
  *case study
  *faq
  *footer style 2
  *contact
  *case details
*/

Credits