Builtup

Construction 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-2.html - Slider Background
  7. index-3.html - Video Background
  8. about.html - About us page
  9. service.html - Service Page
  10. service-single.html - Service Single Page
  11. project.html - Project 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. faqs.html - FAQs page
  17. contact.html - Contact us page
  18. 404.html - Page Not Found page
  19. 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. parallaxie.js - Parallax Effect
  9. SmoothScroll.js - SmoothScroll
  10. gsap.min.js - GreenSock Library
  11. magiccursor.js - Magic Animated Cursor
  12. SplitText.js - Split Paragram to Words and Charactor
  13. ScrollTrigger.min.js - Trigger a Text Effect
  14. wow.js - Animation
  15. function.js - configuration code for layout
Note: We have included only required file in particular layout.
index-3.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.