Material - Material Design Bootstrap 4 UI Kit & Template

Welcome To Material Template Documentation.

Firstly, a huge thanks for purchasing this theme, your support is truly appreciated!

This document covers the installation and use of this theme and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to post your issue in our Support Forum

Material - Material Design Bootstrap 4 & HTML5 Template

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.
  3. Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.
  4. Once the files are done uploading go to www.yourdomainname.com/index.html

Homepage View

All other homepage section and Elements. Such as: About, Services, Portfolio, Counter, Team, Testimonial, Client Logo, Blog, and Contact Us

									
									

									  

									    

									      
									      

									        

									          
									          
Bootstrap 4

									          
Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.

									        

									      

									      
									      

									        

									          
									          
Material Design

									          
Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.

									        

									      

									      
									      

									        

									          
									          
Fast and Clean

									          
Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.

									        

									      

									      
									      

									        

									          
									          
Fully Responsive

									          
Excepteur sint occaecat cupidatat non proidt, sunt in culpa qui.

									        

									      

									    

									  

									

									

									
									

									  

									    

									      

									        

									          

									            
Create Stunning Websites in Easier and Effecient Way!

									            
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									            
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									          

									          

									            
							                  Know More
							                  

							                
									          

									        

									      

									      

									        

									          
									          

									            

									              

									                
									              

									            

									          

									        

									      

									    

									  

									

									

									
									

									  

									    

									      
									      

									        
Services

									      

									    

									    
									    

									      
									      

									        

									          

									            
									          

									          

									            
Discovery & Strategy

									            
Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt

									          

									        

									      

									      
									      

									        

									          

									            
									          

									          

									            
Interface Design

									            
Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt

									          

									        

									      

									      
									      

									        

									          

									            
									          

									          

									            
Branding

									            
Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt

									          

									        

									      

									      
									      

									        

									          

									            
									          

									          

									            
Communication

									            
Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt

									          

									        

									      

									      
									      

									        

									          

									            
									          

									          

									            
Multimedia Production

									            
Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt

									          

									        

									      

									      
									      

									        

									          

									            
									          

									          

									            
Development solutions

									            
Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt

									          

									        

									      

									    

									  

									

									

									
									

									  

									    

									      
									      

									        
Portfolio

									      

									      
									      

									        
									      

									      

									        
									        

									          

									            
									            

									              

									              
									                
A boat of hope

									              
									              
Istambul, Turkey

									            

									          

									        

									        
									        

									          

									            
									            

									              

									              
									                
Visit to moon

									              
									              
Nasa, USA

									            

									          

									        

									        
									        

									          

									            
									            

									              

									              
									                
Lighthouse of Cox

									              
									              
Chittagong, Bangladesh

									            

									          

									        

									        
									        

									          

									            
									            

									              

									              
									                
Bug of the day

									              
									              
Delhi, India

									            

									          

									        

									        
									        

									          

									            
									            

									              

									              
									                
Loard of the ring

									              
									              
Novel, USA

									            

									          

									        

									        
									        

									          

									            
									            

									              

									              
									                
Wings of paper

									              
									              
Venis, Italy

									            

									          

									        

									      

									    

									    

									      

									         Explore more work

									      

									    

									  

									

									

									
									

									  

									    

									      
									      

									        

									          

									          
768

									          
Project Delivered

									        

									      

									      
									      

									        

									          

									          
900

									          
Working Hours

									        

									      

									      
									      

									        

									          

									          
215

									          
Work Station

									        

									      

									      
									      

									        

									          

									          
553

									          
International Clients

									        

									      

									    

									  

									

									

									
									

									  

									    

									      
									      

									        
Our Team

									      

									    

									    

									      
									      

									        

									          
									          

									            

									              

									            

									            
Rob Percy

									            
Co-Founder

									            
									          

									        

									      

									      
									      

									        

									          
									          

									            

									              

									            

									            
Jennifer L.

									            
Graphic Designer

									            
									          

									        

									      

									      
									      

									        

									          
									          

									            

									              

									            

									            
Tom Hanks.

									            
SEO Speacialist

									            
									          

									        

									      

									      
									      

									        

									          
									          

									            

									              

									            

									            
Emma Watson

									            
Head Of Ideas

									            
									          

									        

									      

									    

									  

									

									

									
									

									  

									    

									      
									      

									        

									          

									            

									              
									            

									            

									              
Adam Schwartz

									              Software Articulate, Google
									              
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									            

									          

									        

									        

									          

									            

									              
									            

									            

									              
Clark Brown

									              Brand Managerr
									              
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									            

									          

									        

									        

									          

									            

									              
									            

									            

									              
Ana Blunt

									              Creative Director
									              
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									            

									          

									        

									      

									    

									  

									

									

									
									

									  

									    

									      
									    

									  

									

									

									
									

									  

									    

									      
									      

									        
Our Stories

									      

									    


									    

									      
									      

									        

									          
									          

									            
		                            
		                        	
									          

									          
									          

									            
									            
									              
MUSIC for refreshment

									            
									            
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									          

									          

									             24 Comments
									            
									            

									          

									        

									      

									      
									      

									        

									          
									          

									            
			                          
			                        
									          

									          
									          

									            
									            
									              
We support your custom

									            
									            
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									          

									          

									             24 Comments
									            
									            

									          

									        

									      

									      
									      

									        

									          
									          

									            
		                            
		                        	
									          

									          
									          

									            
									            
									              
We love photography

									            
									            
AYX Games 爱游戏中文版获取与安装说明（中国区适用）整合下载指南、安装流程、功能配置及操作提示，分部分说明各环节操作步骤和注意事项，信息条理清楚，用户在下载安装及使用平台时体验顺畅自然，操作高效便捷，确保快速上手使用。

									          

									          

									             24 Comments
									            
									            

									          

									        

									      

									    

									    

									      
									      

									         Explore More Stories

									      

									    

									  

									

									

									
									

									  

									    

									      
									      

									        
Contact Us

									      

									    

									    

									      
									      

									        

									          4435 Berkshire Circle Knoxville
									        

									        

									           + 879-890-9767
									        

									        

									           support@matrl.com
									        

									        

									           Mon to Sat: 09:30 AM - 10.30 PM

CSS Files and Structure

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

Google Web Fonts

By default, the template loads this font from Google Web Font Services, you can change the font with the one that suits you best.

		                
						
						@import url("https://fonts.googleapis.com/css?family=Rubik:500,700|Roboto:400,600");

Fontface Fonts

By default, the template loads this font from from local for heading texts, you can change the font with the one that suits you best.

You can change fonts from main.css

             body {
			    background: #fff;
			    font-size: 14px;
			    font-weight: 400;
			    font-family: 'Roboto', sans-serif;
			    -webkit-box-sizing: border-box;
			    -moz-box-sizing: border-box;
			    box-sizing: border-box;
			    -webkit-font-smoothing: subpixel-antialiased;
			    color: #333;
			    line-height: 25px;
			    -webkit-backface-visibility: hidden;
			    backface-visibility: hidden;
			    overflow-x: hidden;
			}
			h1, h2, h3, h4{
			  font-family: 'Rubik', sans-serif;
			}
			a{

				-webkit-transition: all 0.2s linear;
				-moz-transition: all 0.2s linear;
				-o-transition: all 0.2s linear;
				transition: all 0.2s linear;
				&:hover{text-decoration: none;}
				a:focus{
				outline: none;
				}
			}

Javascript Files and Structure

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

Changing The Default Color Preset of Template

Material comes with multiple color presets you can check color preset files from assets->css->colors folder

You can change default color preset by adding color css file in head area like:

Configuring Contact Form

open form-process.php file from ASSETS->php folder of template and configure mailer function parameters to get it worked

                  
                  $EmailTo = "email@gmail.com";

Google Map Settings

Just replace the iframe code

Source and Credit