Industing

Industry & Factory Business HTML5 Template

Industing - Responsive HTML5 Template exclusively built for manufacture, industry, factory, laboratory, gas, oil or construction company websites. Well-structured code and easy to use documentation help you to get a great business website. Develop with most predominant features, outstanding pre-designed demos, responsive page layouts, SEO optimization, mobile-friendly interface, premium slider and much more.

Installation

In Industing package you will find 2 Zip file. One is Documentation and other one is industing.zip. There industing.zip is the main file. Unzip it in your server. There you will able to see lots of files and folders. The unzip file structure should look like this one:

Lets describe folder first:

  1. ajax -> PHP file store here for mailing.
  2. css -> Store all custom css files and libraries.
  3. fonts -> Store all fonts. Mainly icon fonts are stored here.
  4. images -> All images are available here.
  5. js -> Store all custom js and libraries.

Now we are talking about all files.

  1. 404.html -> Used for Page not found page.
  2. aboutus.html -> About us page. Details about your company.
  3. cart.html -> Used for Shopping cart.
  4. checkout.html -> Used for checkout page.
  5. contact_us_1.html & contact_us_2.html -> 2 Variation of contact page.
  6. index.html & index_2.html -> 2 Variation of Home page.
  7. news_details_1.html & news_details_2.html & news_details_3.html -> 3 Variation of Blog Details page.
  8. news_list_1.html & news_list_2.html -> 2 Variation of Blog listing page.
  9. project_1.html & project_2.html & project_3.html & project_4.html -> 4 Variation of Project Listing page.
  10. project_details_1.html & project_details_2.html -> 2 Variation of Project Details page.
  11. service_1.html & service_2.html & service_3.html -> 3 Variation of Service Listing page.
  12. service_details.html -> 1 Variation of Service details page.
  13. shop_1.html & shop_2.html -> 2 Variation of Product Listing page.
  14. shop_details.html -> 1 Variation of Product Details page.
  15. team.html -> 1 Variation of Team page.

 

Now we will setup our home page. Choose your home page version and renamed that file to index.html. Refresh your url. Hope all will work fine. If you need any kind of help please contact us via email.

HTML Customization

Its easy to customize Industing. All files are well commented. Please follow steps are noted bellow:

Color Scheme ->

Industing has 15 default accent color. You can choose any one of them. Or you can create onec by yourself. We will show you how to create it under CSS section. Now we are going to show you how to setup color scheme. Edit each of your html files with any editor. You will able to see this kind of code:

You just need to change the name of accent color css file. By default we use color1.css. If you want to use color15 then just edit 'color1.css' to 'color15.css'.

 

Head Part ->

In heade part you can able to change site Title, Favicon, Meta & CSS files.

 

Header & Menu ->

In Industing we used 2 header version. Logo, Menu, Search & Popup menu will editable in header part.
Header 1:

Header 2:

Hope that makes clear. Please let us know if you need any more help.

 

Preloader ->

Each html file contain preloader code by default. If you want to remove or edit please edit your targeted html files and find out 'Preloader' section. Do what you want

 

Revolution Slider ->

Here is one rev slider structure

For more details about Revolution slider please visit this link.

 

Footer ->

In Industing we use 2 version of footer. Here those are:

Footer 1:

Footer 2:

 

Industing is fully customizable html template. Well commented and structured. If you want to build your custom home with existing content of Industing then please follow the process are noted bellow.

  1. Create File -> Create a new HTML file with your given name. Asume that you want to create a page "test.html". 
  2. Open your about.html file with any editor. You can use Notepad++. And please open one existing html file.
  3. Now you just need to copy your choosen sections and paste it to your new about. html.

CSS

We'r using three CSS files in this template. The first one is a generic reset file preset.css. Many browser interpret the default behavior of html elements differently. By using a general preset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

Path: css/preset.css

 

The second file contains all of the specific stylings for the page named theme.css. The file is separated into sections using comment.

Path: css/theme.css

 

And third file is for maintain responsiveness of the theme named responsive.css. The file separated with media queries.

Path: css/responsive.css

JS

We used losts of JS third party plugins. Here in industing we write custom script in one file named theme.js. File locate under js/ folder. We are going to show you some important part of our theme.js file.

 

Revolution Slider ->

 

Fun Fact ->

 

Skill Bar ->

Credits

First of all we wanna thanks all of those autor who make our task easy. 

 

CSS Credits ->

  1. Bootstrap
  2. Animate CSs

JS Credits ->

  1. DL Menu
  2. Magnific Popup
  3. Owl Carousel
  4. JQuery Appear
  5. Slick Slider

Thanks

Once again, thank you so much for purchasing this product. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme.  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.