- 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
Crystal - Bootstrap Template
Welcome To Crystal 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 to post your issue in our Support Forum
Crystal - Video Background Multi-purpose Bootstrap 4 & HTML5 Template
Installing Template.
Homepage View
All other homepage section and Elements. Such as: Our Services, Amazing Features, Videos, Works, Pricing Plans, Counter, Testimonial, Our Team and Blog.
Our Services
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
nibh euismod tincidunt ut laoreet dolore magna.Content Writing
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Web Development
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Graphic Design
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
UI/UX Design
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
App Development
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Digital Marketing
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Amazing Features
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
nibh euismod tincidunt ut laoreet dolore magna.Bootstrap 4 Based
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Fully Responsive
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
HTML5 & CSS3
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
![]()
Video Background
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Parallax Sections
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Ajax Contact Form
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Our Works
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
nibh euismod tincidunt ut laoreet dolore magna.Pricing Plans
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
nibh euismod tincidunt ut laoreet dolore magna.Starter Plan
- Consectetur adipiscing
- Nunc luctus nulla et tellus
- Suspendisse quis metus
- Vestibul varius fermentum erat
Popular Plan
$3.99
- Consectetur adipiscing
- Nunc luctus nulla et tellus
- Suspendisse quis metus
- Vestibul varius fermentum erat
Premium Plan
$9.50
- Consectetur adipiscing
- Nunc luctus nulla et tellus
- Suspendisse quis metus
- Vestibul varius fermentum erat
100%
Faster
700
Cup of Coffee
10000+
Active Clients
1689
Peoples Love
Download Our App
Our Team
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
nibh euismod tincidunt ut laoreet dolore magna.![]()
Jhon Doe
Apps Developer
![]()
Jhon Doe
Apps Developer
![]()
Jhon Doe
Apps Developer
![]()
Jhon Doe
Apps Developer
![]()
![]()
![]()
![]()
![]()
![]()
Latest Blogs
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
nibh euismod tincidunt ut laoreet dolore magna.How often should you tweet?
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Read MoreContent is still king
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Read MoreSocial media at work
开云中文版节点详情页面聚焦系统功能和节点分布说明,总览节点管理、性能监控、数据访问及操作指引,分部分呈现页面结构和功能用途,信息布局合理完整,用户在访问和操作节点时体验流畅自然,操作便捷高效,为日常管理提供可靠支持。
Read More
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=Roboto:300,400,500');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,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{
font-family: 'Roboto', sans-serif;
color: #333;
font-size: 14px;
font-weight: 400;
background: #fff;
overflow-x: hidden;
}
img {
max-width: 100%;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Raleway', sans-serif;
font-size: 40px;
font-weight: 100;
letter-spacing: 1px;
}
p{
font-size: 14px;
line-height: 26px;
}
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
Crystal comes with multiple color presets you can check color preset files from 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 php folder of template and configure mailer function parameters to get it worked
$EmailTo = "email@gmail.com";
Google Map Settings
open conact page goto JS library section and change the latitude/longitude values
var defult = new google.maps.LatLng(44.2072183, -101.3681486);