This Construx template come with 10 different version of Construx landing page layouts. This template easily customization and fully responsive and support all modern browser and device.
Construx – HTML5 Construction & Business Template designed specifically for architecture html5, building company html, Building Materials, construction business html5, construction portfolio, Construction Template, contractor, electrician html, handyman services html, industry responsive, painter artist, plumber, real estate agency, repair shop, tiler etc. The Template comes with a awesome unique design also we ensure you can easily design your website just how you like it.
The layout looks beautiful at any size, be it a laptop screen, iPad, iPhone, Android Mobile or tablets. Plus, Construct includes detailed document for customization options that allows you to change the visual style of any elements.
Extract the zip file you received after purchase and you would find the exact below files and folders:
├── html
├── src directory
├── assets
├── fonts
├── images
├── js
└── scss
├── custom
├── _variables.scss
├── _variables-dark.scss
├── app.scss
└── bootstrap.scss
├── partials
├── body.html
├── head-css.html
├── main.html
├── page-title.html
├── title-meta.html
├── vendor-scripts.html
└── head-css.html
└── all html pages
└── contact.php
├── gulpfile.js
├── package.json
└── yarn.lock
You can boost your development with Construx on:
We are using gulp which allows to have complete automatation for build flow. In case if you don't know - Gulp is a gulp is a toolkit for automating painful or time-consuming tasks in development workflow, so you can stop messing around and build something. You can read it more about it here.
Please follow below steps to install and setup all prerequisites:
Make sure to have Node.js installed & running on your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 18. We suggest you to use LTS version of Node.js.
Make sure to have the Yarn installed & running on your computer.If you already have installed Yarn on your computer, you can skip this step. We suggest you use Yarn instead of NPM.
Make sure to have the Gulp installed & running on your computer. If you already have installed gulp on run command npm install -g gulp from your terminal.
Make sure to have Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.
After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory of the project to run the project locally or build for production use:
To setup Template, follow below mentioned steps:
Make sure to have all above prerequisites installed & running in your computer
After you finished with above steps, you can run the following commands to run project locally or build for production use:
| Command | Description |
|---|---|
yarn install |
This would install all the required dependencies in the node_modules folder. |
gulp |
Runs the project locally, starts the development server and watches for any changes in your code, including your HTML, javascript, sass, etc. The development server is accessible at http://localhost:3000. |
gulp build |
Generates a /dist directory with all the production files. |
We extend our heartfelt gratitude to the ingenious creators behind the exceptional products and plugins that serve as alternatives in the Construx project.
| Plugins | Url |
|---|---|
| Bootstrap | http://getbootstrap.com/ |
| Bootstrap Validator | https://github.com/1000hz/bootstrap-validator |
| imagesLoaded | https://imagesloaded.desandro.com/ |
| Isotope Layout | https://isotope.metafizzy.co/ |
| Isotope Layout | https://isotope.metafizzy.co/ |
| jQuery | https://jquery.com/ |
| jQuery Backstretch | https://github.com/jquery-backstretch/jquery-backstretch |
| Parallax.js | https://github.com/pixelcog/parallax.js/ |
| jquery.mb.YTPlayer | https://github.com/pupunzi/jquery.mb.YTPlayer |
| Simple Text Rotator | https://github.com/peachananr/simple-text-rotator |
| Magnific Popup | https://dimsemenov.com/plugins/magnific-popup/ |
| Owl Carousel | https://owlcarousel2.github.io/OwlCarousel2/ |
| Particles JS | https://github.com/VincentGarreau/particles.js |
| Remix Icon | https://remixicon.com/ |
| Typed JS | https://github.com/mattboldt/typed.js |
Once again thank you for your purchase. We'll be happy to answer the the questions you have related to the template. In case if you have any suggestion or feature, request please feel free to contact us, We'll try to implement it and will release as part of future updates.
Thanks for purchasing template and for supporting our work. If we fail here in this documentation, please e-mail us imbulltheme@gmail.com. If you have a spare time, please go and rate my template. We will appreciate that.
Stay Awesome!
- BullTheme