Dustrian- Factory & Industrial HTML Template

  • Template Name : Dustrian
  • Version : 1.0.0
  • Last Updated On : 20 September 2020
  • Author : Capricorn_Theme

Thank you so much for choosing this template. Your comments and ratings would be highly appreciated. You have purchased this template so, you will get full support from us. We will update this template time to time and we want to hear from you for the future updates or for complete new templates. If you have any questions that are beyond the scope of this document, feel free to email at capricorn_theme2020@gmail.com

Template Features

  • Flat, Modern & Clean Design
  • Valid HTML5 & Best CSS Code
  • Total 16 HTML Files
  • 03 Home Pages
  • Build on Bootstrap 4
  • Pixel Perfect Design
  • Animation Effect
  • Cross Browser compatible
  • Well formatted and commented Code
  • Used LineAwesome & Flaticon icon fonts
  • jQuery Effects and Script
  • Google Font Used
  • Isotop Filtering

Installing Template.

  1. After unzip the download pack, you'll found a Template Folder with all the files.
  2. You can view this Template in any browser, you can display or edit the Template without an internet connection (May not work fonts).
  3. Now go to your c-panel or open your FTP Client (like Filezilla) and upload the content of the Template on your server's root directory.
  4. Once the files are done uploading go to www.yourdomainname.com/index.html

Template Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of Home page (index.html).

		              	
                        

CSS Files and Structure

These are the css files that are loaded into templates in Head Section.


              		
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					
					

			

Javascript Files and Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.


   					 	
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						
						

		            

main.js File Structure

This is a js file to activate different animations and functionality of this template


            		  01. Mobile Menu 
					  02. Owl Carousel
							- Hero Area Slider
							- Testimonial Carousel
							- Service Slider 
							- Project Slider
							- Client Carousel
					  03. Sticky Area
					  04. Progress Bar 
					  05. Counter Up 
					  06. Isotope 
					  07. Wow Animation 
					  08. Scroll to the Top
					  09. Active & Remove Class
					  10. Menu Active Color
					  11. Preloader 

		            

Template Customization

You can customize this template with your own content. Here are some basic changes you need.

Logo Change

Just replace the images with your own images in the img folder


                
		    

Menu Items Customize

You need to change the menu items text in the code to change the menu. Change the text Home, About, Services, Projects, Blog, Contact (if you want)


          				
		            

Change The Background Image

To change the background, you can simply change image file name in style.css code and replace the image with your own image in the img folder:


                      .single-slide-item {
						background-image: url(../img/slider/slide-1.jpg);
						}	            		
		            
To change the image in the following command line, for example:

		             .single-slide-item {
						background-image: url(../img/slider/your-image.jpg);
						}
		            

Footer Copyright Change

Just change the copyright text in the code

					
		            

Source and Credit

Note:

  • While images and illustration are not included in the download package – but if you need the images and illustration please feel free to contact with us.
  • This Template is not WordPress Theme, and can’t be installed in WordPress.