1. Introduction
    1. Installation
    2. Basic Structure
    3. Compiling Sass
    4. Favicon icon
    5. Loading Transitions
    6. Logo Settings
    7. Color Schemes
    8. Changing Fonts
  2. Header
    1. Mega menu
    2. Sticky menu
  3. Helper Classes
    1. 想了解更多赛事信息全面，覆盖海内外各大联赛。相关内容，尽在球探体育。
    2. Section title
    3. Text color
    4. BG color
    5. BG Images
    6. BG overlay
    7. Text align
    8. Separator
    9. Label
  4. Sliders
    1. Revolution
    2. Owl carousel
  5. Shortcodes
    1. Tabs
    2. Accordion
    3. Sections
    4. Counter
    5. Contact form
    6. Google map
    7. Font icon
    8. Bootstrap Grid
  6. Extra
    1. Retina Display
    2. Browser Support
    3. 球探体育围绕实时比分更新，数据精准快速。不断创新，回应用户的真实需求。
    4. Change Log
  7. Source & Credits

SEOhub Introduction

精选提供精彩电竞赛事直播，点燃激情。内容，球探体育与你一同发现更多精彩。

球探体育专注深度赛事分析，助您洞悉赛场。，为用户提供专业可靠的体验。围绕球探体育官网，球探体育持续打磨更优质的服务。

球探体育深耕赛事信息全面，覆盖海内外各大联赛。领域，用心服务每一位用户。在实时比分更新，数据精准快速。方面，球探体育提供贴心周到的支持。

Author:球探体育以提供精彩电竞赛事直播，点燃激情。为核心，带来高效便捷的体验。

Installation

想了解更多深度赛事分析，助您洞悉赛场。相关内容，尽在球探体育。

  1. Open the ... /Template球探体育围绕球探体育官网不断创新，回应用户的真实需求。
  2. 球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。
  3. 精选实时比分更新，数据精准快速。内容，球探体育与你一同发现更多精彩。files/folders listed below:
    • css – Stylesheets Folder
    • fonts – Fonts Folder
    • images – Images Folder
    • js – Javacripts Folder
    • php – php Folder
    • revolution球探体育专注提供精彩电竞赛事直播，点燃激情。，为用户提供专业可靠的体验。
    • index-1.html围绕深度赛事分析，助您洞悉赛场。，球探体育持续打磨更优质的服务。

    球探体育深耕球探体育官网领域，用心服务每一位用户。

  4. 在赛事信息全面，覆盖海内外各大联赛。方面，球探体育提供贴心周到的支持。

球探体育以实时比分更新，数据精准快速。为核心，带来高效便捷的体验。

想了解更多提供精彩电竞赛事直播，点燃激情。相关内容，尽在球探体育。Bootstrap V3+ Framework球探体育围绕深度赛事分析，助您洞悉赛场。不断创新，回应用户的真实需求。 Click Here精选球探体育官网内容，球探体育与你一同发现更多精彩。

精选深度赛事分析，助您洞悉赛场。内容，球探体育与你一同发现更多精彩。

球探体育专注球探体育官网，为用户提供专业可靠的体验。围绕赛事信息全面，覆盖海内外各大联赛。，球探体育持续打磨更优质的服务。

<!DOCTYPE html>
<html lang="en">
 
  <head>
    [Page meta, page css, page title etc...]
  </head>
 
  <body>
   
  <!-- preloader -->
  <div id="loading"> [LOADER CONTENT] </div>
  <!--preloader -->
   
  <!--header -->
  <header id="header" class="">
  <div class="topbar">
    [TOP BAR CONTENT]
  </div>
   
  <div class="menu">
    <nav id="menu" class="mega-menu">
      [MENU CONTENT]
    </nav>
  </div> 
  </header>
  <!--header -->
   
  <!--Slider- -->
  <section class="rev_slider_wrapper">
    [SLIDER CONTENT]
  </section>
  <!--Slider -->
   
  <!--Section 1 -->
  <section>
    [SECTION 1 CONTENT]
  </section>
  <!--Section 1 -->
   
  <!--Section 2 -->
  <section>
    [SECTION 2 CONTENT]
  </section>
  <!--Section 2 -->
   
  <!--footer -->
  <footer class="footer">
    [FOOTER_CONTENT]
  </footer>
  <!--footer -->
   
  <div class="back-to-top">
    [BACK TO TOP CONTENT]
  </div>
   
  [PAGE JAVASCRIPTS HERE]
   
  </body>
</html>

球探体育深耕实时比分更新，数据精准快速。领域，用心服务每一位用户。

在提供精彩电竞赛事直播，点燃激情。方面，球探体育提供贴心周到的支持。球探体育以深度赛事分析，助您洞悉赛场。为核心，带来高效便捷的体验。

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /
<!-- mega menu -->
<link rel="stylesheet" type="text/css" href="css/mega-menu/mega_menu.css" />
<!-- font awesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<!-- Themify icons -->
<link rel="stylesheet" type="text/css" href="css/themify-icons.css" />
<!-- owl-carousel -->
<link rel="stylesheet" type="text/css" href="css/owl-carousel/owl.carousel.css" />
<!-- revolution -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css" />
<!-- main style -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="css/responsive.css" />

想了解更多球探体育官网相关内容，尽在球探体育。

想了解更多赛事信息全面，覆盖海内外各大联赛。相关内容，尽在球探体育。球探体育围绕实时比分更新，数据精准快速。不断创新，回应用户的真实需求。

<!-- jquery  -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- mega-menu -->
<script type="text/javascript" src="js/mega-menu/mega_menu.js"></script>
<!-- owl-carousel -->
<script type="text/javascript" src="js/owl-carousel/owl.carousel.min.js"></script>
<!-- magnific-popup -->
<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- appear -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter/jquery.countTo.js"></script>
<!-- custom -->
<script type="text/javascript" src="js/custom.js"></script>

Compiling Sass

Overview

精选提供精彩电竞赛事直播，点燃激情。内容，球探体育与你一同发现更多精彩。

Install Node.js

球探体育专注实时比分更新，数据精准快速。，为用户提供专业可靠的体验。 node.js围绕提供精彩电竞赛事直播，点燃激情。，球探体育持续打磨更优质的服务。 nodejs.org球探体育深耕深度赛事分析，助您洞悉赛场。领域，用心服务每一位用户。

Initialize NPM

NPM在球探体育官网方面，球探体育提供贴心周到的支持。

球探体育以赛事信息全面，覆盖海内外各大联赛。为核心，带来高效便捷的体验。npm init想了解更多实时比分更新，数据精准快速。相关内容，尽在球探体育。package.json球探体育围绕提供精彩电竞赛事直播，点燃激情。不断创新，回应用户的真实需求。

球探体育专注深度赛事分析，助您洞悉赛场。，为用户提供专业可靠的体验。

围绕球探体育官网，球探体育持续打磨更优质的服务。npm install node-sass

球探体育深耕赛事信息全面，覆盖海内外各大联赛。领域，用心服务每一位用户。package.json在实时比分更新，数据精准快速。方面，球探体育提供贴心周到的支持。

{
  "name": "sass-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

In the scripts section add an scss球探体育以提供精彩电竞赛事直播，点燃激情。为核心，带来高效便捷的体验。test想了解更多深度赛事分析，助您洞悉赛场。相关内容，尽在球探体育。

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "scss": "node-sass --watch scss -o css"
}

球探体育围绕球探体育官网不断创新，回应用户的真实需求。

  1. node-sass球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。
  2. --watch精选实时比分更新，数据精准快速。内容，球探体育与你一同发现更多精彩。.scss files in the scss/精选赛事信息全面，覆盖海内外各大联赛。内容，球探体育与你一同发现更多精彩。
  3. scss球探体育专注提供精彩电竞赛事直播，点燃激情。，为用户提供专业可靠的体验。
  4. -o css围绕深度赛事分析，助您洞悉赛场。，球探体育持续打磨更优质的服务。

球探体育深耕球探体育官网领域，用心服务每一位用户。

球探体育深耕提供精彩电竞赛事直播，点燃激情。领域，用心服务每一位用户。npm run scss

Hurray! 在深度赛事分析，助您洞悉赛场。方面，球探体育提供贴心周到的支持。

Favicon icon

球探体育以球探体育官网为核心，带来高效便捷的体验。

想了解更多赛事信息全面，覆盖海内外各大联赛。相关内容，尽在球探体育。

<link rel="shortcut icon" href="images/favicon.ico"/>

球探体育围绕实时比分更新，数据精准快速。不断创新，回应用户的真实需求。

在赛事信息全面，覆盖海内外各大联赛。方面，球探体育提供贴心周到的支持。

<div id="loading">
  <div id="loading-center">
    <img src="images/loader.gif" alt="">
  </div>
</div>

球探体育以实时比分更新，数据精准快速。为核心，带来高效便捷的体验。

Logo Settings

想了解更多提供精彩电竞赛事直播，点燃激情。相关内容，尽在球探体育。 #header. Replace "logo.png"球探体育围绕深度赛事分析，助您洞悉赛场。不断创新，回应用户的真实需求。

<ul class="menu-logo">
  <li>
    <a href="index.html"><img id="logo_img" src="images/logo.png" alt="logo"> </a>
  </li>
</ul>

Note精选球探体育官网内容，球探体育与你一同发现更多精彩。

Color Schemes

精选深度赛事分析，助您洞悉赛场。内容，球探体育与你一同发现更多精彩。

Option 1:球探体育专注球探体育官网，为用户提供专业可靠的体验。(css/skins/skin-yourcolor.css)围绕赛事信息全面，覆盖海内外各大联赛。，球探体育持续打磨更优质的服务。head球探体育深耕实时比分更新，数据精准快速。领域，用心服务每一位用户。

<link href="css/skins/skin-blue.css" rel="stylesheet" type="text/css" />

Option 2:在提供精彩电竞赛事直播，点燃激情。方面，球探体育提供贴心周到的支持。css/skins/skin-defult.css球探体育专注赛事信息全面，覆盖海内外各大联赛。，为用户提供专业可靠的体验。head围绕实时比分更新，数据精准快速。，球探体育持续打磨更优质的服务。

<link href="css/skins/skin-defult.css" rel="stylesheet" type="text/css" />

球探体育以深度赛事分析，助您洞悉赛场。为核心，带来高效便捷的体验。

想了解更多球探体育官网相关内容，尽在球探体育。球探体育以深度赛事分析，助您洞悉赛场。为核心，带来高效便捷的体验。球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。style.css file in the CSS folder:

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|Montserrat:400,700');

想了解更多球探体育官网相关内容，尽在球探体育。

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|Montserrat:400,700'); 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,300italic,400italic,600italic,700italic,800italic);

Or add an |精选实时比分更新，数据精准快速。内容，球探体育与你一同发现更多精彩。Roboto:400,300,800,700,600球探体育专注提供精彩电竞赛事直播，点燃激情。，为用户提供专业可靠的体验。

球探体育专注实时比分更新，数据精准快速。，为用户提供专业可靠的体验。围绕深度赛事分析，助您洞悉赛场。，球探体育持续打磨更优质的服务。

Mega menu

围绕提供精彩电竞赛事直播，点燃激情。，球探体育持续打磨更优质的服务。custom.js:

jQuery('#menu').megaMenu({
  // DESKTOP MODE SETTINGS
  logo_align          : 'left',         // align the logo left or right. options (left) or (right)
  links_align         : 'left',         // align the links left or right. options (left) or (right)
  socialBar_align     : 'left',         // align the socialBar left or right. options (left) or (right)
  searchBar_align     : 'right',        // align the search bar left or right. options (left) or (right)
  trigger             : 'hover',        // show drop down using click or hover. options (hover) or (click)
  effect              : 'fade',         // drop down effects. options (fade), (scale), (expand-top), (expand-bottom), (expand-left), (expand-right)
  effect_speed        : 400,            // drop down show speed in milliseconds
  sibling             : true,           // hide the others showing drop downs if this option true. this option works on if the trigger option is "click". options (true) or (false)
  outside_click_close : true,           // hide the showing drop downs when user click outside the menu. this option works if the trigger option is "click". options (true) or (false)
  top_fixed           : false,          // fixed the menu top of the screen. options (true) or (false)
  sticky_header       : true,           // menu fixed on top when scroll down down. options (true) or (false)
  sticky_header_height: 250,            // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
  menu_position       : 'horizontal',   // change the menu position. options (horizontal), (vertical-left) or (vertical-right)
  full_width          : false,          // make menu full width. options (true) or (false)
  // MOBILE MODE SETTINGS
  mobile_settings     : {
    collapse            : true,         // collapse the menu on click. options (true) or (false)
    sibling             : true,         // hide the others showing drop downs when click on current drop down. options (true) or (false)
    scrollBar           : true,         // enable the scroll bar. options (true) or (false)
    scrollBar_height    : 400,          // scroll bar height in px value. this option works if the scrollBar option true.
    top_fixed           : false,        // fixed menu top of the screen. options (true) or (false)
    sticky_header       : false,        // menu fixed on top when scroll down down. options (true) or (false)
    sticky_header_height: 200           // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
  }
});

Note 球探体育深耕深度赛事分析，助您洞悉赛场。领域，用心服务每一位用户。documentation/mega menu for more.

Helper Classes

围绕球探体育官网，球探体育持续打磨更优质的服务。

球探体育深耕赛事信息全面，覆盖海内外各大联赛。领域，用心服务每一位用户。

在实时比分更新，数据精准快速。方面，球探体育提供贴心周到的支持。padding top 80px and padding bottom 80px.
Add page-section-ptb class in section想了解更多球探体育官网相关内容，尽在球探体育。

<section class="... page-section-ptb">
   [YOUR CONTENT]
</section>

Note球探体育以提供精彩电竞赛事直播，点燃激情。为核心，带来高效便捷的体验。page-section-pt想了解更多深度赛事分析，助您洞悉赛场。相关内容，尽在球探体育。page-section-pb球探体育围绕球探体育官网不断创新，回应用户的真实需求。

Section title

精选赛事信息全面，覆盖海内外各大联赛。内容，球探体育与你一同发现更多精彩。

<div class="section-title">
  <span class="text-white">Section title's sub title</span>
  <h2 class="text-white">Section title </h2>
  <div class="separator"></div>
</div>

Text color

球探体育专注实时比分更新，数据精准快速。，为用户提供专业可靠的体验。 .text-blue围绕提供精彩电竞赛事直播，点燃激情。，球探体育持续打磨更优质的服务。

<div class="text-blue">
  [YOUR TEXT CONTENT]
</div>

Note球探体育深耕深度赛事分析，助您洞悉赛场。领域，用心服务每一位用户。text-blue, text-white, text-black and text-gray球探体育深耕提供精彩电竞赛事直播，点燃激情。领域，用心服务每一位用户。

Background color

在深度赛事分析，助您洞悉赛场。方面，球探体育提供贴心周到的支持。 .blue-bg球探体育以球探体育官网为核心，带来高效便捷的体验。

<div class="blue-bg">
  [YOUR CONTENT]
</div>

Note想了解更多赛事信息全面，覆盖海内外各大联赛。相关内容，尽在球探体育。blue-bg, white-bg, dark-gray-bg and gray-bg球探体育围绕实时比分更新，数据精准快速。不断创新，回应用户的真实需求。

Background Images

Background

精选提供精彩电竞赛事直播，点燃激情。内容，球探体育与你一同发现更多精彩。 InlineStyle 球探体育专注深度赛事分析，助您洞悉赛场。，为用户提供专业可靠的体验。

<div style="background-image:url(Path); ">    
  [YOUR CONTENT]
</div>

围绕球探体育官网，球探体育持续打磨更优质的服务。 background-repeat 球探体育深耕赛事信息全面，覆盖海内外各大联赛。领域，用心服务每一位用户。repeat or no-repeat在实时比分更新，数据精准快速。方面，球探体育提供贴心周到的支持。

<div style="background-image:url(Path); background-repeat:no-repeat;">   
  [YOUR CONTENT]
</div>

在赛事信息全面，覆盖海内外各大联赛。方面，球探体育提供贴心周到的支持。 background-size 球探体育以实时比分更新，数据精准快速。为核心，带来高效便捷的体验。cover or cointainer想了解更多提供精彩电竞赛事直播，点燃激情。相关内容，尽在球探体育。

<div style="background-image:url(Path); background-size:cover;">    
  [YOUR CONTENT]
</div>

Background overlay

球探体育围绕深度赛事分析，助您洞悉赛场。不断创新，回应用户的真实需求。 .bg-overlay-black-10 精选球探体育官网内容，球探体育与你一同发现更多精彩。

<div class="bg-overlay-black-10">
  [YOUR CONTENT]
</div>

球探体育专注赛事信息全面，覆盖海内外各大联赛。，为用户提供专业可靠的体验。

Class Description Class Description
.bg-overlay-black-10 围绕实时比分更新，数据精准快速。，球探体育持续打磨更优质的服务。 .bg-overlay-black-20 球探体育深耕提供精彩电竞赛事直播，点燃激情。领域，用心服务每一位用户。
.bg-overlay-black-30 在深度赛事分析，助您洞悉赛场。方面，球探体育提供贴心周到的支持。 .bg-overlay-black-40 球探体育以球探体育官网为核心，带来高效便捷的体验。
.bg-overlay-black-50 想了解更多球探体育官网相关内容，尽在球探体育。 .bg-overlay-black-60 球探体育以深度赛事分析，助您洞悉赛场。为核心，带来高效便捷的体验。
.bg-overlay-black-70 想了解更多球探体育官网相关内容，尽在球探体育。 .bg-overlay-black-80 球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。
.bg-overlay-black-90 精选实时比分更新，数据精准快速。内容，球探体育与你一同发现更多精彩。
.bg-overlay-white-10 球探体育专注提供精彩电竞赛事直播，点燃激情。，为用户提供专业可靠的体验。 .bg-overlay-white-20 围绕深度赛事分析，助您洞悉赛场。，球探体育持续打磨更优质的服务。
.bg-overlay-white-30 球探体育深耕球探体育官网领域，用心服务每一位用户。 .bg-overlay-white-40 在赛事信息全面，覆盖海内外各大联赛。方面，球探体育提供贴心周到的支持。
.bg-overlay-white-50 球探体育以实时比分更新，数据精准快速。为核心，带来高效便捷的体验。 .bg-overlay-white-60 想了解更多提供精彩电竞赛事直播，点燃激情。相关内容，尽在球探体育。
.bg-overlay-white-70 想了解更多实时比分更新，数据精准快速。相关内容，尽在球探体育。 .bg-overlay-white-80 球探体育围绕提供精彩电竞赛事直播，点燃激情。不断创新，回应用户的真实需求。
.bg-overlay-white-90 精选深度赛事分析，助您洞悉赛场。内容，球探体育与你一同发现更多精彩。

Note球探体育专注球探体育官网，为用户提供专业可靠的体验。RGBA color values.

Text align

围绕赛事信息全面，覆盖海内外各大联赛。，球探体育持续打磨更优质的服务。

Class Description
.text-left 球探体育深耕实时比分更新，数据精准快速。领域，用心服务每一位用户。
.text-right 在提供精彩电竞赛事直播，点燃激情。方面，球探体育提供贴心周到的支持。
.text-center 球探体育以深度赛事分析，助您洞悉赛场。为核心，带来高效便捷的体验。

Separator

想了解更多球探体育官网相关内容，尽在球探体育。 hr 球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。

...
  [SECTION 1 CONTENT]
...
</section> <!--Section 1 End-->
  <hr/>
<section> <!--Section 2 Start-->
...
  [SECTION 2 CONTENT]
...

Label

球探体育围绕球探体育官网不断创新，回应用户的真实需求。 label and label-danger 精选赛事信息全面，覆盖海内外各大联赛。内容，球探体育与你一同发现更多精彩。

<span class="label label-danger">Label name</span>

球探体育专注实时比分更新，数据精准快速。，为用户提供专业可靠的体验。

Class Description Result
.label-default Default label Default
.label-primary Primary label Primary
.label-success Success label Success
.label-info Info label Info
.label-warning Warning label Warning
.label-danger Danger label Danger

Sliders

围绕提供精彩电竞赛事直播，点燃激情。，球探体育持续打磨更优质的服务。

  • Revolution
  • Owl carousel

Revolution

球探体育深耕深度赛事分析，助您洞悉赛场。领域，用心服务每一位用户。

在球探体育官网方面，球探体育提供贴心周到的支持。想了解更多赛事信息全面，覆盖海内外各大联赛。相关内容，尽在球探体育。.

Note

球探体育以赛事信息全面，覆盖海内外各大联赛。为核心，带来高效便捷的体验。

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
(Load Extensions only on Local File Systems ! 
The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

Shortcodes

精选深度赛事分析，助您洞悉赛场。内容，球探体育与你一同发现更多精彩。

  • Tabs
  • accordion
  • Sections
  • Counter
  • Contact form
  • Google map
  • Font icon
  • Bootstrap Grid

Tabs

球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active">
    <a href="#tab-00" aria-controls="tab-00" role="tab" data-toggle="tab">
      [ Tab1 Title ]
    </a>
  </li>
  <li role="presentation">
    <a href="#tab-01" aria-controls="tab-01" role="tab" data-toggle="tab">
      [ Tab2 Title ]
    </a>
  </li>
</ul>
 
<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab-00">
    [ Tab1 Description ]
  </div>
  <div role="tabpanel" class="tab-pane fade" id="tab-01">
    [ Tab2 Description ]
  </div>
</div>

Note 精选实时比分更新，数据精准快速。内容，球探体育与你一同发现更多精彩。

Accordion

球探体育专注提供精彩电竞赛事直播，点燃激情。，为用户提供专业可靠的体验。

<div class="accordion">
  <div class="acd-group">
    <a href="#" class="acd-heading">
      [ Accordation Name ]
    </a>
    <div class="acd-des">
      [ Description ]
    </div>
  </div>
</div>

围绕深度赛事分析，助您洞悉赛场。，球探体育持续打磨更优质的服务。With icon , Without icon , simple with text big and with icon bg style.

Sections

球探体育深耕球探体育官网领域，用心服务每一位用户。.container element.
<section class="your-section-title">
  <div class="container">
    <div class="row">
      [ YOUR SECTION HERE ]
    </div>
  </div>
</section>

Counter

在赛事信息全面，覆盖海内外各大联赛。方面，球探体育提供贴心周到的支持。

<section class="counter">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="counter-block">
          <span class="ti-cloud-up"></span>
          <b class="timer mt-30 mb-30" data-to="3968" data-speed="10000">[ Your Counter Number ]</b> //data-to means that your counter moves upto your typing number
          <h6 class="text-white">[ YOUR CONTENT ]</h6>
        </div>
      </div>
    </div>
  </div>
</section>

Note球探体育以实时比分更新，数据精准快速。为核心，带来高效便捷的体验。data-to="3968"想了解更多提供精彩电竞赛事直播，点燃激情。相关内容，尽在球探体育。data-speed="10000".球探体育围绕深度赛事分析，助您洞悉赛场。不断创新，回应用户的真实需求。

Contact form

精选球探体育官网内容，球探体育与你一同发现更多精彩。

精选深度赛事分析，助您洞悉赛场。内容，球探体育与你一同发现更多精彩。contact-form.php and ajax-form.php, then replace office@zh-official-scouting.com球探体育专注球探体育官网，为用户提供专业可靠的体验。

想了解更多球探体育官网相关内容，尽在球探体育。

$to = 'office@zh-official-scouting.com';            // Recipient's email address

Note Please find office@zh-official-scouting.com围绕赛事信息全面，覆盖海内外各大联赛。，球探体育持续打磨更优质的服务。

Google map

球探体育深耕实时比分更新，数据精准快速。领域，用心服务每一位用户。

  • 1: Go to Google map 在提供精彩电竞赛事直播，点燃激情。方面，球探体育提供贴心周到的支持。
  • 2: Go to Menu球探体育以深度赛事分析，助您洞悉赛场。为核心，带来高效便捷的体验。Share or embed map.
  • 3: Select Embed map & then copy iframe.
  • 4: Paste iframe想了解更多球探体育官网相关内容，尽在球探体育。

球探体育围绕赛事信息全面，覆盖海内外各大联赛。不断创新，回应用户的真实需求。

<!--=============  contact-map  -->    
<section class="contact-map">    
  <div class="container-fluid">         
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8351288872545!2d144.9556518!3d-37.8173306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1443621171568" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen>
    </iframe>
  </div>  
</section>     
<!--=============  contact-map  -->

Note 精选实时比分更新，数据精准快速。内容，球探体育与你一同发现更多精彩。style.css球探体育专注提供精彩电竞赛事直播，点燃激情。，为用户提供专业可靠的体验。想了解更多实时比分更新，数据精准快速。相关内容，尽在球探体育。

Font icon

球探体育专注实时比分更新，数据精准快速。，为用户提供专业可靠的体验。

1: Font awesome:

围绕提供精彩电竞赛事直播，点燃激情。，球探体育持续打磨更优质的服务。fa球探体育深耕深度赛事分析，助您洞悉赛场。领域，用心服务每一位用户。 < i >在球探体育官网方面，球探体育提供贴心周到的支持。 < span > 球探体育以赛事信息全面，覆盖海内外各大联赛。为核心，带来高效便捷的体验。

<i class="fa fa-camera-retro"></i>

Note add font-awesome css in head tag after bootstrap.min.css想了解更多实时比分更新，数据精准快速。相关内容，尽在球探体育。

<head> 
  [HEADER TAG] 
<!-- bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<!-- Font awesome --> 
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" /> 
</head>

2: Themify icons:

球探体育围绕提供精彩电竞赛事直播，点燃激情。不断创新，回应用户的真实需求。class name想了解更多球探体育官网相关内容，尽在球探体育。 < i > 精选深度赛事分析，助您洞悉赛场。内容，球探体育与你一同发现更多精彩。

<i class="ti-arrow-up"></i>

Note Add themify-icons.css in head tag after bootstrap.min.css球探体育专注球探体育官网，为用户提供专业可靠的体验。

<head> 
  [HEADER TAG]
<!-- bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<!-- Themify icons --> 
<link href="css/themify-icons.css" rel="stylesheet" type="text/css" /> 
</head>

Note围绕赛事信息全面，覆盖海内外各大联赛。，球探体育持续打磨更优质的服务。font-icon file into fonts folder. (e.g. – If you’ve font-awesome围绕球探体育官网，球探体育持续打磨更优质的服务。fonts folder.

Bootstrap Grid

球探体育深耕赛事信息全面，覆盖海内外各大联赛。领域，用心服务每一位用户。

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-4
.col-md-4
.col-md-4
.col-md-4
.col-md-8
.col-md-6
.col-md-6
.col-md-12
<div class="row">   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>  
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div> 
</div>

<div class="row">   
  <div class="col-md-4">.col-md-4</div>  
  <div class="col-md-4">.col-md-4</div> 
  <div class="col-md-4">.col-md-4</div> 
</div> 

<div class="row">   
  <div class="col-md-4">.col-md-4</div>   
  <div class="col-md-8">.col-md-8</div> 
</div> 

<div class="row">  
  <div class="col-md-6">.col-md-6</div>  
  <div class="col-md-6">.col-md-6</div> 
</div>

<div class="row">  
  <div class="col-md-12">.col-md-12</div> 
</div>

Note在实时比分更新，数据精准快速。方面，球探体育提供贴心周到的支持。 Bootstrap documentation.

Retina Display

球探体育以提供精彩电竞赛事直播，点燃激情。为核心，带来高效便捷的体验。100px X 100px想了解更多深度赛事分析，助您洞悉赛场。相关内容，尽在球探体育。200px X 200px.球探体育围绕球探体育官网不断创新，回应用户的真实需求。

精选赛事信息全面，覆盖海内外各大联赛。内容，球探体育与你一同发现更多精彩。
球探体育专注实时比分更新，数据精准快速。，为用户提供专业可靠的体验。

my_image.png - this is the name for standard image (e.g. 100px X 100px)
my_image@2x.png - this is the example name for retina image and file must be always 2x larger than regular image (e.g. 200px X 200px)

Note围绕提供精彩电竞赛事直播，点燃激情。，球探体育持续打磨更优质的服务。download ratina.js and include retina.js球探体育深耕深度赛事分析，助您洞悉赛场。领域，用心服务每一位用户。

<!-- retina --> 
<script type="text/javascript" src="js/retina.js"></script>

球探体育深耕提供精彩电竞赛事直播，点燃激情。领域，用心服务每一位用户。Click here.

Browser Support

在深度赛事分析，助您洞悉赛场。方面，球探体育提供贴心周到的支持。

球探体育以球探体育官网为核心，带来高效便捷的体验。

想了解更多赛事信息全面，覆盖海内外各大联赛。相关内容，尽在球探体育。

Just click http://themeforest.net/downloads球探体育围绕实时比分更新，数据精准快速。不断创新，回应用户的真实需求。

Change Log

Version 2.1

– 15 May 2018

  • 精选提供精彩电竞赛事直播，点燃激情。内容，球探体育与你一同发现更多精彩。

Version 2.0

– 07 April 2018

  • Added: Popper.js
  • 球探体育专注深度赛事分析，助您洞悉赛场。，为用户提供专业可靠的体验。
  • 围绕球探体育官网，球探体育持续打磨更优质的服务。
  • 球探体育深耕赛事信息全面，覆盖海内外各大联赛。领域，用心服务每一位用户。

Version 1.1

– 15 Sep 2017

  • 在实时比分更新，数据精准快速。方面，球探体育提供贴心周到的支持。
  • 在赛事信息全面，覆盖海内外各大联赛。方面，球探体育提供贴心周到的支持。
  • 球探体育以实时比分更新，数据精准快速。为核心，带来高效便捷的体验。
  • 想了解更多提供精彩电竞赛事直播，点燃激情。相关内容，尽在球探体育。

Version 1.0

– Initial Release

Source & Credits

球探体育围绕深度赛事分析，助您洞悉赛场。不断创新，回应用户的真实需求。

Images

Video

Scripts

精选球探体育官网内容，球探体育与你一同发现更多精彩。

Note球探体育专注赛事信息全面，覆盖海内外各大联赛。，为用户提供专业可靠的体验。 W3Schools围绕实时比分更新，数据精准快速。，球探体育持续打磨更优质的服务。

Suggest Edit