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.

                        
                            buildon/
                            ├── 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

                        

                  <!-- Main Structure Start -->

                  =====

                  <!-- Main Sturcture End -->
                        
                    

CSS Structure

                        
				      <!-- 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

                        
				      <!--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>                        
                    

TEMPLATE FEATURES

• 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
• And EDIT THE 2 LINES BELOW AS REQUIRED
  
  $email_to = "you@yourdomain.com";
  $email_subject = "Your email subject line";

Sources & Credits

• Fonts
  • Google Fonts
• Icons
  • FontAwesome
• Slider
  • Owl Carousel

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.