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!

开云中文站入口以体育赛事资讯发布与实时比分查询相关内容为主要组成部分,整体设计侧重于信息的集中呈现。用户进入站点后,可以通过分类模块快速定位到感兴趣的赛事资讯或比分信息。网站内容以事实描述和数据呈现为主,减少冗余表达,仅提供基础信息展示服务。平台不具备官方属性,也不对内容作延伸解读,仅满足用户自主获取体育赛事新闻与比分数据的查询需求。

开云中文站入口以体育赛事资讯发布与实时比分查询相关内容为主要组成部分,整体设计侧重于信息的集中呈现。用户进入站点后,可以通过分类模块快速定位到感兴趣的赛事资讯或比分信息。网站内容以事实描述和数据呈现为主,减少冗余表达,仅提供基础信息展示服务。平台不具备官方属性,也不对内容作延伸解读,仅满足用户自主获取体育赛事新闻与比分数据的查询需求。

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

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

Our Stories

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