Industry
Industry - Factory & Industrial Angular Template
This documentation is last updated on 24 May 2024
Thank you for purchasing this HTML template.
Getting started -
Before you begin, make sure you have Node and an npm package manager. installed on your computer.
Download node nodejs.org.
Check your node version, run node -v
Angular Setup -
Open terminal and run npm install -g @angular/cli
Angular CLI Doc: https://cli.angular.io
Serve and build
Use terminal and navigate to project root.Then run npm install
Development server
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Build for Production
Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.
Folder Directories -
-
angular.json
Used for configuration of project specific settings. You can add external styles and scripts, change the output folder, add assets, add environment files and more.
-
e2e
Will be used for end-to-end tests to ensure functionality for users before deploying.
-
node_modules
All external modules used are here. Do not mess with this folder, as it is auto-generated by using npm install.
-
package.json
Contains all dependencies used for production and development.
-
src
Contains all Angular Typescript code, assets and basically everything the end user will have access to.
-
tslint.json
Angular-CLI includes an automatic Typescript-Linter, which can be configured with this file.
Folder Structure -
- src
- app
- blog
- grid2
- grid2-sidebar
- grid2-sidebar-left
- grid3
- grid3-sidebar
- grid3-sidebar-left
- grid4
- half-image
- half-image-sidebar
- half-image-sidebar-left
- large-image
- large-image-sidebar
- large-image-sidebar-left
- single
- single-sidebar
- single-sidebar-left
- elements
- banners
- banner1
- banner2
- banner5
- blog
- blog1
- blog2
- blog3
- blog4
- blog5
- blog6
- blog7
- blog8
- call-to-action
- call-to-action1
- call-to-action2
- call-to-action3
- call-to-action4
- call-to-action5
- call-to-action6
- call-to-action7
- call-to-action8
- clients
- client1
- client2
- client3
- comments
- comments1
- content-box
- content1
- content2
- content3
- content4
- content5
- content6
- content7
- content8
- content9
- content10
- content11
- content12
- content13
- content14
- content15
- content16
- content17
- counter
- counter1
- counter2
- counter3
- counter4
- counter5
- footer
- footer1
- footer2
- footer3
- footer4
- footer5
- footer6
- footer7
- footer8
- footer9
- footer10
- footer11
- footer12
- footer13
- footer14
- footer15
- footer16
- footer17
- footer18
- footer19
- footer20
- footer21
- forms
- comment-form1
- form1
- newsletter1
- query-form1
- query-form2
- query-form3
- search-form1
- search-form3
- gallery
- gallery1
- gallery2
- gallery3
- gallery4
- gallery5
- gallery6
- gallery7
- gallery8
- gallery9
- header
- header-dark1
- header-dark2
- header-dark3
- header-dark4
- header-dark5
- header-dark6
- header-light1
- header-light2
- header-light3
- header-light4
- header-light5
- header-light6
- header-light7
- header-light8
- header-light9
- header-light10
- header-light11
- header-light12
- header-light13
- header-light14
- header-light15
- header-light16
- header-light17
- header-light18
- header-light19
- header-light20
- icon-box
- icon-box1
- icon-box2
- icon-box3
- icon-box4
- icon-box5
- navigation
- navigation1
- newsletter
- newsletter1
- newsletter2
- newsletter3
- price_table
- price-table1
- projects
- projects1
- rev-slider
- slider1
- slider2
- slider3
- slider4
- slider5
- slider6
- slider7
- slider8
- slider9
- slider10
- slider11
- slider12
- slider13
- services
- services-element1
- services-element2
- services-element3
- services-element4
- services-element5
- services-element6
- services-element7
- services-element8
- services-element9
- services-element10
- services-element11
- services-element12
- services-element13
- services-element14
- services-element15
- services-element16
- services-element17
- services-element18
- services-element19
- sliders
- owl-slider1
- owl-slider2
- owl-slider3
- owl-slider4
- owl-slider5
- owl-slider6
- owl-slider7
- owl-slider8
- owl-slider9
- owl-slider10
- owl-slider11
- owl-slider12
- owl-slider13
- owl-slider14
- owl-slider15
- team
- team3
- team4
- team5
- team6
- team7
- team8
- team9
- team10
- team11
- team12
- team13
- team14
- team15
- team16
- testimonial
- testimonial1
- testimonial2
- testimonial3
- testimonial4
- testimonial5
- testimonial6
- testimonial7
- testimonial8
- testimonial9
- testimonial10
- testimonial11
- testimonial12
- testimonial13
- testimonial14
- widgets
- category-list1
- our-gallery1
- recent-posts1
- tag-list1
- banners
- features
- footer-style1
- footer-style2
- footer-style3
- footer-style4
- footer-style5
- footer-style6
- footer-style7
- footer-style8
- footer-style9
- footer-style10
- footer-style11
- footer-style12
- footer-style13
- footer-style14
- footer-style15
- header-style1
- header-style2
- header-style3
- header-style4
- header-style5
- header-style6
- header-style-dark1
- header-style-dark2
- header-style-dark3
- header-style-dark4
- header-style-dark5
- header-style-dark6
- home-agriculture
- home-beer-factory
- home-car-industry
- home-construct
- home-factory
- home-food-industry
- home-leather-industry
- home-mining-industry
- home-nuclear-plant
- home-oil-plant
- home-plastic-industry
- home-ship-industry
- home-solar-plant
- home-steel-plant
- index
- pages
- about-us1
- about-us2
- contact-us1
- contact-us2
- contact-us3
- contact-us4
- error403
- error404
- error405
- faq1
- faq2
- help-desk
- portfolio-details
- portfolio-grid2
- portfolio-grid3
- portfolio-grid4
- privacy-policy
- services1
- services2
- services-details
- team1
- team2
- shop
- shop
- shop-cart
- shop-checkout
- shop-login
- shop-product-details
- shop-register
- shop-sidebar
- shop-wishlist
- blog
- app
Css Files -
These all file import in styles.css
-
plugins
This css include all css
-
style.css
Main Style CSS file is globally used
-
templete.css
This CSS used in particular/some pages
Skin Css
-
skin-1.css
-
skin-2.css
-
skin-3.css
-
skin-4.css
-
skin-5.css
-
skin-6.css
-
skin-7.css
-
skin-8.css
-
skin-9.css
-
skin-10.css
Our Products -
Do You Need Help To Customization
After Purchase A Template...
You Will Start Customizing According Your Requirement
BUT What If You Don't Know
SOLUTION IS HIRE DexignZone
Hire Same Team For Quality Customization
- We Will Customize Template According To Your Requirement
- We Will Upload On Server And Make Sure Your Website is Live
Version History - #back to top
v1.2 - 24 May 2024
-
Update
- Updated Angular in the latest v17.2.0 for better features and performance.
- Resolve Typescript bugs
- Resolve css bugs
-
Bug Fixed
- Design issues resolved for consistent, polished visuals.
- Addressed Firefox scrolling for a smoother browsing experience.
v1.1 - 04 October 2021
-
Release
- Updated in angular 12
- Resolve css bugs
v1.0 - 19 September 2020
-
New
- New - Created & Upload Industry