Construction
Construction Company, Building Company Template
- Version: 1.0
- Last Updated: 11/01/2016
- Author: BlogWP
Template features:
- Multi-Page and One-Page Template
- Cross-Browser Compatibility: Chrome, FireFox, Safari, IE9+, Opera
- Built with HTML5 and CSS3 - W3C Validate Code
- Fully Responsive Design
- Retina Ready
- SlideShow and Parallax Background Effect
- Animation Element Supporting
- Working Contact Form with Ajax jQuery Validator
- Muiti-Styles Portfolio
- Fully Integrated Font Awesome Icons
- Detailed Documentation
- and much more...
HTML Structure
Construction is built with Clean and Smart Design. Construction has a full responsive layout, look very good on all devices (desktops, tablets, and phones) which you can easily adjust the rows and columns. Moreover, you can dispose of elements on page to build your own homepage. Below is the structure of Home pages:
<!DOCTYPE html>
<head>
</head>
<body>
<!-- wrapper -->
<!-- page -->
<!-- Content go here... -->
<!-- /#page -->
<!-- /#wrapper -->
<!-- Javascript -->
</body>
</html>
CSS System
The Construction's CSS System contains:
Main style (style.css)
/**
* Reset Browsers
* General
* Elements
* Form
* Typography
* Extra classes
* Layout
* Grid
* Top Bar
* Header
* Featured Title
* Blog
* Blog Single
* Widgets
* Bottom Bar
* Pagination & Arrows
* Scroll Top Button
* Media Queries
* Retina Devices
*/
Javascript Main
Main.js ( assets/js/main.js ), by edit this file, you can modify any settings for template as Counter, Google Map, Animations, Ajax Contact Form...
Contact Form
To edit the contact form to send mails to your email box, you can look for the contact-process.php. You need to edit yourname@yourdomain.com to your email.
contact-process.php ( includes/contact/contact-process.php )
define("WEBMASTER_EMAIL", 'your-email@domain.com');
Photoshop files included
You can easily use layered photoshop file in PSD folder.
Credits
-
Photos
- The images used on the demo site are for demonstration purposes only and are not included in the download file.
-
Fonts & Icons
- Font Awesome Icons (http://fontawesome.io/icons/)
- Lato Google Font (https://www.google.com/fonts/specimen/lato)
- Montserrat Google Font (https://www.google.com/fonts/specimen/montserrat)
-
Javascript
- jQuery (http://jquery.com/)
- Easing (http://gsgd.co.uk/sandbox/jquery/easing/)
- matchMedia (https://github.com/paulirish/matchMedia.js/)
- WayPoints (http://imakewebthings.com/jquery-waypoints/)
- FitVids (http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/)
- Vegas (http://vegas.jaysalvat.com/)
- FitText (http://daverupert.com)
- Animsition (http://blivesta.github.io/animsition)
- countTo (https://github.com/mhuggins/jquery-countTo)
- Gmap3 (http://gmap3.net)
- animsition (http://blivesta.github.io/animsition)
- Cubeportfolio (http://codecanyon.net/item/cube-portfolio-responsive-jquery-grid-plugin/6372959)
- Sticky (http://labs.anthonygarand.com/sticky)
- jquery validate (https://github.com/jzaefferer/jquery-validation)
- Parallax (http://www.ianlunn.co.uk/plugins/jquery-parallax/)