buildon - Construction bootstrap Template

This is Clean Construction Bootstrap template.

Created: 29 May 2020
Latest Update: 29 May 2020

Thank you for purchasing our theme. buildon Construction bootstrap 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 "buildon" folder.
You will find the index.html , thanks.html file on the root that will be edited.
There are 1 directory called "assets".
Also you will see 4 directories under assets directory "css, js, fonts, img".
In the css 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.

                            ├── assets/css/
                            │   ├── animate.min.css
                            │   ├── bootstrap.min.css
                            │   ├── jquery.animatedheadline.css
                            │   ├── font-awesome.min.css
                            │   ├── magnific-popup.css
                            │   ├── style.css
                            │   └── responsive.css
                            │   └── owl.carousel.min.css
                            │   └── owl.theme.default.min.css
                            ├── assets/fonts
                            ├── assets/img
                            ├── assets/js/
                            │   ├── bootstrap.min.js
                            │   ├── custom-isotop.js
                            │   ├── jquery.animatedheadline.min.js
                            │   ├── jquery.magnific-popup.min.js
                            │   ├── isotope.js
                            │   ├── portfolio-filter.js
                            │   ├── jquery-3.0.0.min.js
                            │   ├── scrollIt.min.js
                            │   ├── main.js
                            │   ├── waypoints-min.js
                            │   ├── owl.carousel.min.s
                            ├── index.html
                            ├── thanks.html

HTML Structure

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

                  <!-- Main Structure Start -->


                  <!-- Main Sturcture End -->

CSS Structure

The base structure was organized by row, col-** class
				      <!-- Favicon -->
				      <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicon/favicon-32x32.png">
				      <!--Bootstrap css-->
				      <link rel="stylesheet" href="assets/css/bootstrap.min.css">
				      <!--Font Awesome css-->
				      <link rel="stylesheet" href="assets/css/font-awesome.min.css">
				      <!--Animatedheadline css-->
				      <link rel="stylesheet" href="assets/css/jquery.animatedheadline.css">
				      <!--Animate css-->
				      <link rel="stylesheet" href="assets/css/animate.min.css">
				      <!--Popup css-->
				      <link rel="stylesheet" href="assets/css/magnific-popup.css">
				      <!--Owl Carousel css-->
				      <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
				      <!--Owl Carousel css-->
				      <link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
				      <!--Site Main Style css-->
				      <link rel="stylesheet" href="assets/css/style.css">
				      <!--Responsive css-->
				      <link rel="stylesheet" href="assets/css/responsive.css">                        

JavaScript Structure

The base structure was organized by row, col-** class
				      <!--Jquery js-->
				      <script src="assets/js/jquery-3.0.0.min.js"></script>
				      <!--Bootstrap js-->
				      <script src="assets/js/bootstrap.min.js"></script>
				      <!--ScrollIt js-->
				      <script src="assets/js/scrollIt.min.js"></script>
				      <!--Animatedheadline js-->
				      <script src="assets/js/jquery.animatedheadline.min.js"></script>
				      <!--Magnific popup js-->
				      <script src="assets/js/jquery.magnific-popup.min.js"></script>
				      <script src="assets/js/isotope.js"></script>
				      <!--Portfolio js-->
				      <script src="assets/js/portfolio-filter.js"></script>
				      <!--Wow js-->
				      <script src="assets/js/wow.min.js"></script>
				      <!--Counter js-->
				      <script src="assets/js/jquery.waypoints.js"></script>
				      <!--Init js-->
				      <script src="assets/js/init.js"></script>
				      <!--Owl Carousel js-->
				      <script src="assets/js/owl.carousel.min.js"></script>
				      <!--Main js-->
				      <script src="assets/js/main.js"></script>                        


  • Valid HTML5 & CSS3
  • Build on Bootstrap 4.4.1
  • Advance Framework
  • Responsive Design
  • Clean & Optimized Code
  • Crossbrowser Compatible with IE10+, Firefox, Safari, Opera, Chrome
  • Awesome Customized Slider
  • Font Awesome Icon Fonts
  • Google Fonts
  • Awesome Support

Installing Template (FTP Install)

  • Unzip the archive downloaded from your account
  • Open your FTP manager and login to your hosting.
  • Browse the required directory (Normally public_html)
  • Upload the files inside buildon folder.

Email Send Process

  • Open send_form_email.php

    $email_to = "";
    $email_subject = "Your email subject line";

Sources & Credits


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.