Z-Builder | Construction Elementor HTML Template

A) Introduction – top

Z-Builder HTML5 website template is a custom design package that is a visually stunning and professionally designed tool for construction companies & architects to showcase their work and help clients envision their dream spaces. The template is built on a modern and minimalist aesthetic, with clean lines and spacious layouts that put the focus on the images of the designer’s work. The template includes multiple sections to showcase different areas of the expertise, including services, projects, teams, and more. With its sleek and modern design, high-quality images, and easy-to-use contact form, the template is sure to impress and inspire clients looking to create beautiful, functional, and personalized living spaces. It has a modern, clean, creative & unique design based on the latest technology.

It contains 03 Home Page layouts and 02 About Page Layouts and 05+ valid HTML5 page templates designs and different Blog styles. Z-Builder template features are coded with Bootstrap v4.0, HTML5 & CSS3 and unlimited color schemes. It’s compatible with all modern browsers and search engine friendly. So showcase your artworks and services with this awesome template!

How to Edit HTML Files? – top

We have included 08+ custom HTML templates like multiple Home Page styles, multiple about styles and project page style and different Blog pages Styles etc. Please open any HTML files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want.

C) How to Edit CSS Files? – top

We have included some custom CSS styles like style.css (default). Please open any CSS files with a text editor like Dreamweaver, Notepad or Notepad++ and edit any lines what you want. For example if you want to edit your banner images open style.css and look at “.banner-sec::after” for banner image and change your styles.

D) How to use Color Schemes? – top

Please open super-classes.css file from zbuilder/assets/css folder with a text editor and build your own colors. #FFF this is our primary color, you can search and replace all to your new color code.

E) How to use On Load Animation? – top

We are wow.js on load animation for our website. you can edit them by simply adding or changeing the predefined classes name.

jQuery Files

• assets/js/jquery-3.6.0.min.js
• assets/js/bootstrap.min.js
• js/popper.min.js
• js/wow.js

Photos

• Enveto Elements
• Freepik Photos

Icons:

• Font-Awesome

font:

• Syne

G) Resources Used – top

Global

Colors:

1. Primary: #ffffff
2. Secondary: #1f1f1f
3. Text: #45455d

Font Sizes:

h1 >> 80px

h2 >> 48px

h3 >> 27px

h4 >> 24px

h5 >> 20px

h6 >> 18px

P >> 20px

Image Links:

• https://elements.envato.com/construction-flat-monoline-icon-WWJKTR
• https://elements.envato.com/two-construction-workers-discussing-project-6HPMVMU/preview
• JNDLH7R/preview”>https://elements.envato.com/construction-engineers-discussion-with-architects-JNDLH7R/preview
• https://elements.envato.com/construction-site-C5FMYBF/preview
• https://elements.envato.com/construction-unique-web-line-icons-pack-4CMK22K
• VL4PG24”>https://elements.envato.com/team-of-construction-engineers-architects-working-VL4PG24
• https://elements.envato.com/frame-construction-worker-7RCMX4H
• https://elements.envato.com/builder-dressed-in-orange-work-vest-and-helmet-use-QUE45RM/preview
• https://elements.envato.com/crane-and-building-construction-site-on-background-4NGF9LK/preview
• P9Z23PE/preview”>https://elements.envato.com/crane-and-building-construction-site-against-blue-P9Z23PE/preview
• https://elements.envato.com/construction-worker-planning-constractor-developer-P7BDNXT/preview
• https://elements.envato.com/man-working-on-construction-site-BET3VNY
• https://elements.envato.com/professional-architect-woman-standing-outdoors-N23UU8T
• https://elements.envato.com/building-contractor-at-construction-site-96LPSTP
• https://elements.envato.com/handsome-young-man-outside-promoting-his-local-bus-VGZMLB9
• https://elements.envato.com/office-building-AYPCABQ
• https://elements.envato.com/portrait-of-smiling-female-builder-wearing-hard-ha-MD47W97
• WTGMDX5”>https://elements.envato.com/portrait-of-smiling-male-builder-wearing-hard-hat-WTGMDX5
• WRSLZBQ”>https://elements.envato.com/construction-engineers-discussion-with-architects-WRSLZBQ
• https://elements.envato.com/building-construction-site-CC8CVSS
• https://elements.envato.com/office-building-V8PMTKH
• https://elements.envato.com/building-skyscapers-in-london-PZR7CVG
• https://elements.envato.com/at-construction-site-TWS6LGH
• https://elements.envato.com/young-woman-architect-construction-engineer-at-a-c-H35KT6E
• Q6R7XW3”>https://elements.envato.com/construction-engineers-discussion-with-architects-Q6R7XW3
• https://elements.envato.com/construction-worker-portrait-YHBW2R5
• https://elements.envato.com/steel-building-contractor-MD9J8VK
• https://elements.envato.com/construction-site-job-NRPVD3B
• https://elements.envato.com/managing-construction-process-GQ7F9NX
• https://elements.envato.com/construction-crane-P9EMTD8
• https://elements.envato.com/lifting-crane-and-building-in-construction-site-KALC95Q
• https://elements.envato.com/contact-icons-M7M4DG

Freepik

• https://www.freepik.com/free-photo/view-downtown-raleigh-north-carolina-from-street-level-hdr-image_1242704.htm#page=2&query=Building&position=17
• https://www.freepik.com/free-photo/front-view-worker-construction-wearing-protection-gear_11503632.htm#page=1&query=Construction%20Man&position=8

Note: All images are used for preview purposes only. They are not part of the template and hence, not included in the final purchase files.

Once again, thank you so much for purchasing this template. As I said at the beginning, I’d be glad to help you if you have any questions relating to this template. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes and templates on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team

Go To Table of Contents

Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Designing Media Team