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.

  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: Our Services, Amazing Features, Videos, Works, Pricing Plans, Counter, Testimonial, Our Team and Blog.

						
					    

Our Services


友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。
nibh euismod tincidunt ut laoreet dolore magna.

Content Writing

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Web Development

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Graphic Design

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

UI/UX Design

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

App Development

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Digital Marketing

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Amazing Features


友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。
nibh euismod tincidunt ut laoreet dolore magna.

Bootstrap 4 Based

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Fully Responsive

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

HTML5 & CSS3

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Video Background

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Parallax Sections

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Ajax Contact Form

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Our Introductory Video

Learn more about us, its only 30mins

Our Works


友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。
nibh euismod tincidunt ut laoreet dolore magna.

Pricing Plans


友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。
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


友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。
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


友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。
nibh euismod tincidunt ut laoreet dolore magna.

How often should you tweet?

on Mar 23, 2018 24 Comments

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Read More

Content is still king

on Mar 29, 2018 24 Comments

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

Read More

Social media at work

on Mar 21, 2018 24 Comments

友博体育中国官方网站以YOUBO SPORTS品牌为核心,整体平台在设计上强调专业性与规范性。网站将赛事相关服务、平台入口与品牌信息进行集中呈现,页面结构清楚,访问体验顺畅自然。友博体育通过持续完善技术系统与运营管理机制,确保平台长期稳定运行,在内容呈现与功能使用上体现出官方体育平台应具备的专业水准与可信属性。

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);
		            

Source and Credit