- After unzip the download pack, you'll found a Template Folder with all the files.
- You can view this Template in any browser, you can display or edit the Template without an internet connection.
- Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.
- Once the files are done uploading go to www.yourdomainname.com/index.html
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.
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
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
Our Team
Contact Us
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


