Florax

Gardening and Landscape HTML Template


 

Features

Template folders and files are divided as following.

  1. css - contains css files
  2. webfonts - contains fonts files
  3. images - contains images
  4. js - contains javascript files
  5. index.html - Main landing page
  6. index-video.html - Hero Video Background
  7. index-slider.html - Hero Slider Layout
  8. about.html - About us page
  9. service.html - Service Page
  10. service-single.html - Service Single Page
  11. project.html - Project List page
  12. project-single.html - Project Single page
  13. blog.html - Blog Archive page
  14. blog-single.html - Blog Single page
  15. team.html - Team page
  16. pricing.html - Pricing page
  17. contact.html - Contact us page
  18. faqs.html - FAQ page
  19. 404.html - Page Not Found page
  20. form-process.php - contact form process file

We have used following CSS files to create different layout.

  1. bootstrap.min.css - Framework
  2. slicknav.min.css - Responsive Slick Menu
  3. swiper-bundle.min.css - Swiper carousel
  4. all.css - Font icons font-awesome
  5. animate.css - animated css
  6. mousecursor.css - Mouse cursor css
  7. magnific-popup.css - popup for screenshot, images & video
  8. custom.css - Css file for layout

We have used following Javascript files to create different layout.

  1. jquery-3.7.1.min.js - Javascript library
  2. bootstrap.min.js - Bootstrap framework
  3. validator.min.js - Contact form validation
  4. jquery.slicknav.js - Responsive Menu
  5. swiper-bundle.min.js - Swiper carousel
  6. jquery.waypoints.min.js - Trigger a function when you scroll to an element
  7. jquery.counterup.min.js - Animates a number from zero (counting up towards it)
  8. jquery.magnific-popup.min.js - Magnific popup
  9. isotope.min.js - Isotope filter
  10. parallaxie.js - Parallax Effect
  11. SmoothScroll.js - SmoothScroll
  12. gsap.min.js - GreenSock Library
  13. magiccursor.js - Magic Animated Cursor
  14. SplitText.js - Split Paragram to Words and Charactor
  15. ScrollTrigger.min.js - Trigger a Text Effect
  16. jquery.mb.YTPlayer.min.js - Youtube video background
  17. wow.js - Animation
  18. function.js - configuration code for layout
Note: We have included only required file in particular layout.
index-video.html - Default is self hosted video background.

To use Youtube video open the file index-video.html in editor after that remove the selfhosted code and uncomment the Youtube code See the below screenshot

form-process.php - is used for sending an email 
 
You need to add your email, please open "form-process.php" file and edit variable $EmailTo.
$EmailTo = "info@yourdomain.com";

font library

  1. fontawesome : Here you can see icon cheatsheet https://fontawesome.com/search
Twitter Bootstrap framework:
 
 
Icons:
 
 
Images in preview are used from:
 
Note : The images used in the template are not included in the main download file, they are only for the preview purpose.