Industry
Industry - Factory & Industrial Angular Template
This documentation is last updated on 11 August 2021.
Thank you for purchasing this Angular template.
If you like this template, Please support us by rating this template with 5 stars
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 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
- owl-testing
- 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
- app.component.css
- app.component.html
- app.component.spec.ts
- app.component.ts
- app.module.ts
- app-routing.module.ts
- blog
- app
-
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.
-
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.
-
tsconfig.json
TypeScript compiler configuration.
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
04 October 2021
- Updated in angular 12
- Resolve css bugs
19 September 2020
- New - Created & Upload Industry