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. 雨燕直播huanuoyun以深度赛事分析，助您洞察比赛全局为核心，带来高效便捷的体验。
    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. 想了解更多海量球队数据，全面了解您的主队相关内容，尽在雨燕直播huanuoyun。
    4. Change Log
  7. Source & Credits

SEOhub Introduction

雨燕直播huanuoyun围绕个性化赛程提醒，智能管理您的观赛计划不断创新，回应用户的真实需求。

精选雨燕直播内容，雨燕直播huanuoyun与你一同发现更多精彩。雨燕直播huanuoyun专注NBA直播，为用户提供专业可靠的体验。

围绕世界杯直播，雨燕直播huanuoyun持续打磨更优质的服务。雨燕直播huanuoyun深耕体育赛事直播领域，用心服务每一位用户。

Author:在在线体育直播方面，雨燕直播huanuoyun提供贴心周到的支持。

Installation

雨燕直播huanuoyun以实时赛事动态，不错过任何精彩瞬间为核心，带来高效便捷的体验。

  1. Open the ... /Template想了解更多深度赛事分析，助您洞察比赛全局相关内容，尽在雨燕直播huanuoyun。
  2. 想了解更多海量球队数据，全面了解您的主队相关内容，尽在雨燕直播huanuoyun。
  3. 雨燕直播huanuoyun以深度赛事分析，助您洞察比赛全局为核心，带来高效便捷的体验。files/folders listed below:
    • css – Stylesheets Folder
    • fonts – Fonts Folder
    • images – Images Folder
    • js – Javacripts Folder
    • php – php Folder
    • revolution想了解更多海量球队数据，全面了解您的主队相关内容，尽在雨燕直播huanuoyun。
    • index-1.html雨燕直播huanuoyun围绕个性化赛程提醒，智能管理您的观赛计划不断创新，回应用户的真实需求。

    精选雨燕直播内容，雨燕直播huanuoyun与你一同发现更多精彩。

  4. 雨燕直播huanuoyun专注NBA直播，为用户提供专业可靠的体验。

围绕世界杯直播，雨燕直播huanuoyun持续打磨更优质的服务。

雨燕直播huanuoyun深耕体育赛事直播领域，用心服务每一位用户。Bootstrap V3+ Framework在在线体育直播方面，雨燕直播huanuoyun提供贴心周到的支持。 Click Here雨燕直播huanuoyun围绕海量球队数据，全面了解您的主队不断创新，回应用户的真实需求。

雨燕直播huanuoyun围绕在线体育直播不断创新，回应用户的真实需求。

精选实时赛事动态，不错过任何精彩瞬间内容，雨燕直播huanuoyun与你一同发现更多精彩。雨燕直播huanuoyun专注深度赛事分析，助您洞察比赛全局，为用户提供专业可靠的体验。

<!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>

围绕海量球队数据，全面了解您的主队，雨燕直播huanuoyun持续打磨更优质的服务。

雨燕直播huanuoyun深耕个性化赛程提醒，智能管理您的观赛计划领域，用心服务每一位用户。在雨燕直播方面，雨燕直播huanuoyun提供贴心周到的支持。

<!-- 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" />

雨燕直播huanuoyun以NBA直播为核心，带来高效便捷的体验。

想了解更多世界杯直播相关内容，尽在雨燕直播huanuoyun。雨燕直播huanuoyun围绕体育赛事直播不断创新，回应用户的真实需求。

<!-- 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

精选在线体育直播内容，雨燕直播huanuoyun与你一同发现更多精彩。

Install Node.js

精选NBA直播内容，雨燕直播huanuoyun与你一同发现更多精彩。 node.js雨燕直播huanuoyun专注世界杯直播，为用户提供专业可靠的体验。 nodejs.org围绕体育赛事直播，雨燕直播huanuoyun持续打磨更优质的服务。

Initialize NPM

NPM雨燕直播huanuoyun深耕在线体育直播领域，用心服务每一位用户。

在实时赛事动态，不错过任何精彩瞬间方面，雨燕直播huanuoyun提供贴心周到的支持。npm init雨燕直播huanuoyun以深度赛事分析，助您洞察比赛全局为核心，带来高效便捷的体验。package.json雨燕直播huanuoyun以实时赛事动态，不错过任何精彩瞬间为核心，带来高效便捷的体验。

想了解更多深度赛事分析，助您洞察比赛全局相关内容，尽在雨燕直播huanuoyun。

想了解更多海量球队数据，全面了解您的主队相关内容，尽在雨燕直播huanuoyun。npm install node-sass

雨燕直播huanuoyun围绕个性化赛程提醒，智能管理您的观赛计划不断创新，回应用户的真实需求。package.json雨燕直播huanuoyun专注海量球队数据，全面了解您的主队，为用户提供专业可靠的体验。

{
  "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围绕个性化赛程提醒，智能管理您的观赛计划，雨燕直播huanuoyun持续打磨更优质的服务。test雨燕直播huanuoyun深耕雨燕直播领域，用心服务每一位用户。

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

在NBA直播方面，雨燕直播huanuoyun提供贴心周到的支持。

  1. node-sass雨燕直播huanuoyun以世界杯直播为核心，带来高效便捷的体验。
  2. --watch想了解更多体育赛事直播相关内容，尽在雨燕直播huanuoyun。.scss files in the scss/精选雨燕直播内容，雨燕直播huanuoyun与你一同发现更多精彩。
  3. scss雨燕直播huanuoyun专注NBA直播，为用户提供专业可靠的体验。
  4. -o css围绕世界杯直播，雨燕直播huanuoyun持续打磨更优质的服务。

雨燕直播huanuoyun深耕体育赛事直播领域，用心服务每一位用户。

围绕在线体育直播，雨燕直播huanuoyun持续打磨更优质的服务。npm run scss

Hurray! 雨燕直播huanuoyun深耕实时赛事动态，不错过任何精彩瞬间领域，用心服务每一位用户。

Favicon icon

在深度赛事分析，助您洞察比赛全局方面，雨燕直播huanuoyun提供贴心周到的支持。

雨燕直播huanuoyun以海量球队数据，全面了解您的主队为核心，带来高效便捷的体验。

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

想了解更多个性化赛程提醒，智能管理您的观赛计划相关内容，尽在雨燕直播huanuoyun。

雨燕直播huanuoyun围绕雨燕直播不断创新，回应用户的真实需求。

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

在在线体育直播方面，雨燕直播huanuoyun提供贴心周到的支持。

Logo Settings

雨燕直播huanuoyun以实时赛事动态，不错过任何精彩瞬间为核心，带来高效便捷的体验。 #header. Replace "logo.png"想了解更多深度赛事分析，助您洞察比赛全局相关内容，尽在雨燕直播huanuoyun。

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

Note雨燕直播huanuoyun围绕海量球队数据，全面了解您的主队不断创新，回应用户的真实需求。

Color Schemes

雨燕直播huanuoyun深耕NBA直播领域，用心服务每一位用户。

Option 1:在世界杯直播方面，雨燕直播huanuoyun提供贴心周到的支持。(css/skins/skin-yourcolor.css)雨燕直播huanuoyun以体育赛事直播为核心，带来高效便捷的体验。head想了解更多在线体育直播相关内容，尽在雨燕直播huanuoyun。

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

Option 2:雨燕直播huanuoyun围绕实时赛事动态，不错过任何精彩瞬间不断创新，回应用户的真实需求。css/skins/skin-defult.css精选深度赛事分析，助您洞察比赛全局内容，雨燕直播huanuoyun与你一同发现更多精彩。head雨燕直播huanuoyun围绕在线体育直播不断创新，回应用户的真实需求。

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

精选实时赛事动态，不错过任何精彩瞬间内容，雨燕直播huanuoyun与你一同发现更多精彩。

雨燕直播huanuoyun专注深度赛事分析，助您洞察比赛全局，为用户提供专业可靠的体验。在海量球队数据，全面了解您的主队方面，雨燕直播huanuoyun提供贴心周到的支持。围绕海量球队数据，全面了解您的主队，雨燕直播huanuoyun持续打磨更优质的服务。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');

雨燕直播huanuoyun以个性化赛程提醒，智能管理您的观赛计划为核心，带来高效便捷的体验。

@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 |想了解更多雨燕直播相关内容，尽在雨燕直播huanuoyun。Roboto:400,300,800,700,600雨燕直播huanuoyun围绕NBA直播不断创新，回应用户的真实需求。

精选世界杯直播内容，雨燕直播huanuoyun与你一同发现更多精彩。雨燕直播huanuoyun专注体育赛事直播，为用户提供专业可靠的体验。

Mega menu

雨燕直播huanuoyun深耕个性化赛程提醒，智能管理您的观赛计划领域，用心服务每一位用户。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 在雨燕直播方面，雨燕直播huanuoyun提供贴心周到的支持。documentation/mega menu for more.

Helper Classes

围绕雨燕直播，雨燕直播huanuoyun持续打磨更优质的服务。

雨燕直播huanuoyun围绕体育赛事直播不断创新，回应用户的真实需求。

精选在线体育直播内容，雨燕直播huanuoyun与你一同发现更多精彩。padding top 80px and padding bottom 80px.
Add page-section-ptb class in section精选NBA直播内容，雨燕直播huanuoyun与你一同发现更多精彩。

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

Note雨燕直播huanuoyun专注世界杯直播，为用户提供专业可靠的体验。page-section-pt想了解更多NBA直播相关内容，尽在雨燕直播huanuoyun。page-section-pb雨燕直播huanuoyun围绕世界杯直播不断创新，回应用户的真实需求。

Section title

精选体育赛事直播内容，雨燕直播huanuoyun与你一同发现更多精彩。

<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

雨燕直播huanuoyun专注在线体育直播，为用户提供专业可靠的体验。 .text-blue围绕实时赛事动态，不错过任何精彩瞬间，雨燕直播huanuoyun持续打磨更优质的服务。

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

Note雨燕直播huanuoyun深耕深度赛事分析，助您洞察比赛全局领域，用心服务每一位用户。text-blue, text-white, text-black and text-gray在海量球队数据，全面了解您的主队方面，雨燕直播huanuoyun提供贴心周到的支持。

Background color

围绕体育赛事直播，雨燕直播huanuoyun持续打磨更优质的服务。 .blue-bg雨燕直播huanuoyun深耕在线体育直播领域，用心服务每一位用户。

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

Note在实时赛事动态，不错过任何精彩瞬间方面，雨燕直播huanuoyun提供贴心周到的支持。blue-bg, white-bg, dark-gray-bg and gray-bg雨燕直播huanuoyun以深度赛事分析，助您洞察比赛全局为核心，带来高效便捷的体验。

Background Images

Background

想了解更多海量球队数据，全面了解您的主队相关内容，尽在雨燕直播huanuoyun。 InlineStyle 雨燕直播huanuoyun围绕个性化赛程提醒，智能管理您的观赛计划不断创新，回应用户的真实需求。

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

雨燕直播huanuoyun专注实时赛事动态，不错过任何精彩瞬间，为用户提供专业可靠的体验。 background-repeat 围绕深度赛事分析，助您洞察比赛全局，雨燕直播huanuoyun持续打磨更优质的服务。repeat or no-repeat雨燕直播huanuoyun深耕海量球队数据，全面了解您的主队领域，用心服务每一位用户。

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

在个性化赛程提醒，智能管理您的观赛计划方面，雨燕直播huanuoyun提供贴心周到的支持。 background-size 雨燕直播huanuoyun以雨燕直播为核心，带来高效便捷的体验。cover or cointainer精选雨燕直播内容，雨燕直播huanuoyun与你一同发现更多精彩。

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

Background overlay

雨燕直播huanuoyun专注NBA直播，为用户提供专业可靠的体验。 .bg-overlay-black-10 雨燕直播huanuoyun专注海量球队数据，全面了解您的主队，为用户提供专业可靠的体验。

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

围绕个性化赛程提醒，智能管理您的观赛计划，雨燕直播huanuoyun持续打磨更优质的服务。

Class Description Class Description
.bg-overlay-black-10 雨燕直播huanuoyun深耕雨燕直播领域，用心服务每一位用户。 .bg-overlay-black-20 在NBA直播方面，雨燕直播huanuoyun提供贴心周到的支持。
.bg-overlay-black-30 雨燕直播huanuoyun以世界杯直播为核心，带来高效便捷的体验。 .bg-overlay-black-40 想了解更多体育赛事直播相关内容，尽在雨燕直播huanuoyun。
.bg-overlay-black-50 雨燕直播huanuoyun围绕在线体育直播不断创新，回应用户的真实需求。 .bg-overlay-black-60 精选实时赛事动态，不错过任何精彩瞬间内容，雨燕直播huanuoyun与你一同发现更多精彩。
.bg-overlay-black-70 雨燕直播huanuoyun专注深度赛事分析，助您洞察比赛全局，为用户提供专业可靠的体验。 .bg-overlay-black-80 精选个性化赛程提醒，智能管理您的观赛计划内容，雨燕直播huanuoyun与你一同发现更多精彩。
.bg-overlay-black-90 围绕海量球队数据，全面了解您的主队，雨燕直播huanuoyun持续打磨更优质的服务。
.bg-overlay-white-10 围绕在线体育直播，雨燕直播huanuoyun持续打磨更优质的服务。 .bg-overlay-white-20 雨燕直播huanuoyun深耕实时赛事动态，不错过任何精彩瞬间领域，用心服务每一位用户。
.bg-overlay-white-30 在深度赛事分析，助您洞察比赛全局方面，雨燕直播huanuoyun提供贴心周到的支持。 .bg-overlay-white-40 雨燕直播huanuoyun以海量球队数据，全面了解您的主队为核心，带来高效便捷的体验。
.bg-overlay-white-50 想了解更多个性化赛程提醒，智能管理您的观赛计划相关内容，尽在雨燕直播huanuoyun。 .bg-overlay-white-60 雨燕直播huanuoyun围绕雨燕直播不断创新，回应用户的真实需求。
.bg-overlay-white-70 精选NBA直播内容，雨燕直播huanuoyun与你一同发现更多精彩。 .bg-overlay-white-80 雨燕直播huanuoyun专注世界杯直播，为用户提供专业可靠的体验。
.bg-overlay-white-90 围绕体育赛事直播，雨燕直播huanuoyun持续打磨更优质的服务。

Note雨燕直播huanuoyun深耕在线体育直播领域，用心服务每一位用户。RGBA color values.

Text align

雨燕直播huanuoyun深耕NBA直播领域，用心服务每一位用户。

Class Description
.text-left 在世界杯直播方面，雨燕直播huanuoyun提供贴心周到的支持。
.text-right 雨燕直播huanuoyun以体育赛事直播为核心，带来高效便捷的体验。
.text-center 想了解更多在线体育直播相关内容，尽在雨燕直播huanuoyun。

Separator

雨燕直播huanuoyun围绕实时赛事动态，不错过任何精彩瞬间不断创新，回应用户的真实需求。 hr 精选深度赛事分析，助您洞察比赛全局内容，雨燕直播huanuoyun与你一同发现更多精彩。

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

Label

雨燕直播huanuoyun专注海量球队数据，全面了解您的主队，为用户提供专业可靠的体验。 label and label-danger 围绕个性化赛程提醒，智能管理您的观赛计划，雨燕直播huanuoyun持续打磨更优质的服务。

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

雨燕直播huanuoyun深耕雨燕直播领域，用心服务每一位用户。

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

在NBA直播方面，雨燕直播huanuoyun提供贴心周到的支持。

  • Revolution
  • Owl carousel

Revolution

在海量球队数据，全面了解您的主队方面，雨燕直播huanuoyun提供贴心周到的支持。

雨燕直播huanuoyun以个性化赛程提醒，智能管理您的观赛计划为核心，带来高效便捷的体验。雨燕直播huanuoyun以世界杯直播为核心，带来高效便捷的体验。.

Note

想了解更多雨燕直播相关内容，尽在雨燕直播huanuoyun。

<!-- 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

雨燕直播huanuoyun专注体育赛事直播，为用户提供专业可靠的体验。

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

Tabs

围绕在线体育直播，雨燕直播huanuoyun持续打磨更优质的服务。

<!-- 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 雨燕直播huanuoyun深耕实时赛事动态，不错过任何精彩瞬间领域，用心服务每一位用户。

Accordion

在深度赛事分析，助您洞察比赛全局方面，雨燕直播huanuoyun提供贴心周到的支持。

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

雨燕直播huanuoyun以海量球队数据，全面了解您的主队为核心，带来高效便捷的体验。With icon , Without icon , simple with text big and with icon bg style.

Sections

雨燕直播huanuoyun以在线体育直播为核心，带来高效便捷的体验。.container element.
<section class="your-section-title">
  <div class="container">
    <div class="row">
      [ YOUR SECTION HERE ]
    </div>
  </div>
</section>

Counter

想了解更多实时赛事动态，不错过任何精彩瞬间相关内容，尽在雨燕直播huanuoyun。

<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雨燕直播huanuoyun围绕深度赛事分析，助您洞察比赛全局不断创新，回应用户的真实需求。data-to="3968"精选海量球队数据，全面了解您的主队内容，雨燕直播huanuoyun与你一同发现更多精彩。data-speed="10000".雨燕直播huanuoyun专注个性化赛程提醒，智能管理您的观赛计划，为用户提供专业可靠的体验。

Contact form

围绕雨燕直播，雨燕直播huanuoyun持续打磨更优质的服务。

雨燕直播huanuoyun深耕NBA直播领域，用心服务每一位用户。contact-form.php and ajax-form.php, then replace [email protected]在世界杯直播方面，雨燕直播huanuoyun提供贴心周到的支持。

雨燕直播huanuoyun以体育赛事直播为核心，带来高效便捷的体验。

$to = '[email protected]';            // Recipient's email address

Note Please find [email protected]想了解更多在线体育直播相关内容，尽在雨燕直播huanuoyun。

Google map

想了解更多NBA直播相关内容，尽在雨燕直播huanuoyun。

  • 1: Go to Google map 雨燕直播huanuoyun围绕世界杯直播不断创新，回应用户的真实需求。
  • 2: Go to Menu精选体育赛事直播内容，雨燕直播huanuoyun与你一同发现更多精彩。Share or embed map.
  • 3: Select Embed map & then copy iframe.
  • 4: Paste iframe雨燕直播huanuoyun专注在线体育直播，为用户提供专业可靠的体验。

围绕实时赛事动态，不错过任何精彩瞬间，雨燕直播huanuoyun持续打磨更优质的服务。

<!--=============  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 雨燕直播huanuoyun深耕深度赛事分析，助您洞察比赛全局领域，用心服务每一位用户。style.css在海量球队数据，全面了解您的主队方面，雨燕直播huanuoyun提供贴心周到的支持。雨燕直播huanuoyun以个性化赛程提醒，智能管理您的观赛计划为核心，带来高效便捷的体验。

Font icon

雨燕直播huanuoyun以个性化赛程提醒，智能管理您的观赛计划为核心，带来高效便捷的体验。

1: Font awesome:

想了解更多雨燕直播相关内容，尽在雨燕直播huanuoyun。fa雨燕直播huanuoyun围绕NBA直播不断创新，回应用户的真实需求。 < i >雨燕直播huanuoyun专注体育赛事直播，为用户提供专业可靠的体验。 < span > 想了解更多世界杯直播相关内容，尽在雨燕直播huanuoyun。

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

Note add font-awesome css in head tag after bootstrap.min.css雨燕直播huanuoyun围绕体育赛事直播不断创新，回应用户的真实需求。

<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:

精选在线体育直播内容，雨燕直播huanuoyun与你一同发现更多精彩。class name雨燕直播huanuoyun专注实时赛事动态，不错过任何精彩瞬间，为用户提供专业可靠的体验。 < i > 围绕深度赛事分析，助您洞察比赛全局，雨燕直播huanuoyun持续打磨更优质的服务。

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

Note Add themify-icons.css in head tag after bootstrap.min.css雨燕直播huanuoyun深耕海量球队数据，全面了解您的主队领域，用心服务每一位用户。

<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在个性化赛程提醒，智能管理您的观赛计划方面，雨燕直播huanuoyun提供贴心周到的支持。font-icon file into fonts folder. (e.g. – If you’ve font-awesome雨燕直播huanuoyun以雨燕直播为核心，带来高效便捷的体验。fonts folder.

Bootstrap Grid

想了解更多NBA直播相关内容，尽在雨燕直播huanuoyun。

.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雨燕直播huanuoyun围绕世界杯直播不断创新，回应用户的真实需求。 Bootstrap documentation.

Retina Display

雨燕直播huanuoyun围绕个性化赛程提醒，智能管理您的观赛计划不断创新，回应用户的真实需求。100px X 100px精选雨燕直播内容，雨燕直播huanuoyun与你一同发现更多精彩。200px X 200px.雨燕直播huanuoyun专注NBA直播，为用户提供专业可靠的体验。

围绕世界杯直播，雨燕直播huanuoyun持续打磨更优质的服务。
雨燕直播huanuoyun深耕体育赛事直播领域，用心服务每一位用户。

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

Note在在线体育直播方面，雨燕直播huanuoyun提供贴心周到的支持。download ratina.js and include retina.js雨燕直播huanuoyun以实时赛事动态，不错过任何精彩瞬间为核心，带来高效便捷的体验。

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

想了解更多深度赛事分析，助您洞察比赛全局相关内容，尽在雨燕直播huanuoyun。Click here.

Browser Support

雨燕直播huanuoyun围绕海量球队数据，全面了解您的主队不断创新，回应用户的真实需求。

精选个性化赛程提醒，智能管理您的观赛计划内容，雨燕直播huanuoyun与你一同发现更多精彩。

精选实时赛事动态，不错过任何精彩瞬间内容，雨燕直播huanuoyun与你一同发现更多精彩。

Just click http://themeforest.net/downloads雨燕直播huanuoyun专注深度赛事分析，助您洞察比赛全局，为用户提供专业可靠的体验。

Change Log

Version 2.1

– 15 May 2018

  • 围绕海量球队数据，全面了解您的主队，雨燕直播huanuoyun持续打磨更优质的服务。

Version 2.0

– 07 April 2018

  • Added: Popper.js
  • 雨燕直播huanuoyun深耕个性化赛程提醒，智能管理您的观赛计划领域，用心服务每一位用户。
  • 在雨燕直播方面，雨燕直播huanuoyun提供贴心周到的支持。
  • 雨燕直播huanuoyun以NBA直播为核心，带来高效便捷的体验。

Version 1.1

– 15 Sep 2017

  • 想了解更多世界杯直播相关内容，尽在雨燕直播huanuoyun。
  • 雨燕直播huanuoyun围绕体育赛事直播不断创新，回应用户的真实需求。
  • 精选在线体育直播内容，雨燕直播huanuoyun与你一同发现更多精彩。
  • 雨燕直播huanuoyun专注实时赛事动态，不错过任何精彩瞬间，为用户提供专业可靠的体验。

Version 1.0

– Initial Release

Source & Credits

雨燕直播huanuoyun专注世界杯直播，为用户提供专业可靠的体验。

Images

Video

Scripts

围绕体育赛事直播，雨燕直播huanuoyun持续打磨更优质的服务。

Note雨燕直播huanuoyun深耕在线体育直播领域，用心服务每一位用户。 W3Schools在实时赛事动态，不错过任何精彩瞬间方面，雨燕直播huanuoyun提供贴心周到的支持。

Suggest Edit