1.SEOhub介绍

精选鲸鱼体育内容，鲸鱼体育与你一同发现更多精彩。

鲸鱼体育专注鲸鱼体育中国，为用户提供专业可靠的体验。围绕鲸鱼体育直播，鲸鱼体育持续打磨更优质的服务。

鲸鱼体育深耕鲸鱼体育官网领域，用心服务每一位用户。在鲸鱼体育在线方面，鲸鱼体育提供贴心周到的支持。

作者：鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。

1.1.安装

想了解更多专业赛事数据分析与前瞻解读相关内容，尽在鲸鱼体育。

打开 ... /Template鲸鱼体育围绕稳定流畅的观赛体验不断创新，回应用户的真实需求。
鲸鱼体育围绕五大联赛及NBA高清免费直播不断创新，回应用户的真实需求。
精选专业赛事数据分析与前瞻解读内容，鲸鱼体育与你一同发现更多精彩。files/folders 如下：
- css – 样式表文件夹
- fonts – 字体文件夹
- images – 图片文件夹
- js – JavaScript文件夹
- php – php文件夹
- revolution鲸鱼体育专注稳定流畅的观赛体验，为用户提供专业可靠的体验。
- index-1.html围绕世界杯预热季特色内容，鲸鱼体育持续打磨更优质的服务。
鲸鱼体育深耕鲸鱼体育领域，用心服务每一位用户。
在鲸鱼体育中国方面，鲸鱼体育提供贴心周到的支持。

1.2.鲸鱼体育以鲸鱼体育直播为核心，带来高效便捷的体验。

想了解更多鲸鱼体育官网相关内容，尽在鲸鱼体育。Bootstrap V3+框架鲸鱼体育围绕鲸鱼体育在线不断创新，回应用户的真实需求。点击此处精选五大联赛及NBA高清免费直播内容，鲸鱼体育与你一同发现更多精彩。

精选鲸鱼体育直播内容，鲸鱼体育与你一同发现更多精彩。

鲸鱼体育专注鲸鱼体育官网，为用户提供专业可靠的体验。围绕鲸鱼体育在线，鲸鱼体育持续打磨更优质的服务。

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

鲸鱼体育深耕五大联赛及NBA高清免费直播领域，用心服务每一位用户。

在专业赛事数据分析与前瞻解读方面，鲸鱼体育提供贴心周到的支持。鲸鱼体育以稳定流畅的观赛体验为核心，带来高效便捷的体验。

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

1.3.编译Sass

概览

鲸鱼体育专注鲸鱼体育直播，为用户提供专业可靠的体验。

安装Node.js

鲸鱼体育专注世界杯预热季特色内容，为用户提供专业可靠的体验。 node.js围绕鲸鱼体育，鲸鱼体育持续打磨更优质的服务。 nodejs.org鲸鱼体育深耕鲸鱼体育中国领域，用心服务每一位用户。

初始化NPM

NPM在鲸鱼体育直播方面，鲸鱼体育提供贴心周到的支持。

鲸鱼体育以鲸鱼体育官网为核心，带来高效便捷的体验。npm init想了解更多鲸鱼体育在线相关内容，尽在鲸鱼体育。package.json想了解更多稳定流畅的观赛体验相关内容，尽在鲸鱼体育。

鲸鱼体育围绕世界杯预热季特色内容不断创新，回应用户的真实需求。

精选鲸鱼体育内容，鲸鱼体育与你一同发现更多精彩。npm install node-sass

鲸鱼体育专注鲸鱼体育中国，为用户提供专业可靠的体验。package.json围绕五大联赛及NBA高清免费直播，鲸鱼体育持续打磨更优质的服务。

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

在 scripts 部分添加一个 scss鲸鱼体育深耕专业赛事数据分析与前瞻解读领域，用心服务每一位用户。test在稳定流畅的观赛体验方面，鲸鱼体育提供贴心周到的支持。

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

鲸鱼体育以世界杯预热季特色内容为核心，带来高效便捷的体验。

node-sass想了解更多鲸鱼体育相关内容，尽在鲸鱼体育。
--watch鲸鱼体育围绕鲸鱼体育中国不断创新，回应用户的真实需求。文件。 文件在 scss/围绕鲸鱼体育直播，鲸鱼体育持续打磨更优质的服务。
scss鲸鱼体育深耕鲸鱼体育官网领域，用心服务每一位用户。
-o css在鲸鱼体育在线方面，鲸鱼体育提供贴心周到的支持。

鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。

鲸鱼体育深耕鲸鱼体育直播领域，用心服务每一位用户。npm run scss

太棒了！在鲸鱼体育官网方面，鲸鱼体育提供贴心周到的支持。

1.4.网站图标

鲸鱼体育以鲸鱼体育在线为核心，带来高效便捷的体验。

想了解更多五大联赛及NBA高清免费直播相关内容，尽在鲸鱼体育。

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

1.5.鲸鱼体育围绕专业赛事数据分析与前瞻解读不断创新，回应用户的真实需求。

精选稳定流畅的观赛体验内容，鲸鱼体育与你一同发现更多精彩。

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

想了解更多专业赛事数据分析与前瞻解读相关内容，尽在鲸鱼体育。

1.6.Logo设置

围绕鲸鱼体育，鲸鱼体育持续打磨更优质的服务。 #header替换 "logo.png"鲸鱼体育围绕稳定流畅的观赛体验不断创新，回应用户的真实需求。

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

注意鲸鱼体育围绕五大联赛及NBA高清免费直播不断创新，回应用户的真实需求。

1.7.配色方案

在世界杯预热季特色内容方面，鲸鱼体育提供贴心周到的支持。

选项 1：鲸鱼体育以鲸鱼体育为核心，带来高效便捷的体验。(css/skins/skin-yourcolor.css)想了解更多鲸鱼体育中国相关内容，尽在鲸鱼体育。head鲸鱼体育围绕鲸鱼体育直播不断创新，回应用户的真实需求。

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

选项 2：精选鲸鱼体育官网内容，鲸鱼体育与你一同发现更多精彩。css/skins/skin-defult.css鲸鱼体育专注鲸鱼体育在线，为用户提供专业可靠的体验。head精选专业赛事数据分析与前瞻解读内容，鲸鱼体育与你一同发现更多精彩。

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

1.8.鲸鱼体育专注稳定流畅的观赛体验，为用户提供专业可靠的体验。

围绕世界杯预热季特色内容，鲸鱼体育持续打磨更优质的服务。鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。鲸鱼体育深耕鲸鱼体育领域，用心服务每一位用户。style.css 文件在 CSS 文件夹：

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

或添加一个 |鲸鱼体育以鲸鱼体育直播为核心，带来高效便捷的体验。Roboto:400,300,800,700,600精选世界杯预热季特色内容内容，鲸鱼体育与你一同发现更多精彩。

鲸鱼体育专注鲸鱼体育，为用户提供专业可靠的体验。围绕鲸鱼体育中国，鲸鱼体育持续打磨更优质的服务。

2.1.巨型菜单

想了解更多鲸鱼体育官网相关内容，尽在鲸鱼体育。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.
  }
});

注意鲸鱼体育围绕鲸鱼体育在线不断创新，回应用户的真实需求。documentation/mega menu 了解更多。

2.2.粘性菜单

精选五大联赛及NBA高清免费直播内容，鲸鱼体育与你一同发现更多精彩。

精选鲸鱼体育直播内容，鲸鱼体育与你一同发现更多精彩。

想了解更多鲸鱼体育直播相关内容，尽在鲸鱼体育。custom.js.

鲸鱼体育围绕鲸鱼体育官网不断创新，回应用户的真实需求。true精选鲸鱼体育在线内容，鲸鱼体育与你一同发现更多精彩。

sticky_header: true,       // menu fixed on top when scroll down down. options (true) or (false)

鲸鱼体育专注五大联赛及NBA高清免费直播，为用户提供专业可靠的体验。false围绕专业赛事数据分析与前瞻解读，鲸鱼体育持续打磨更优质的服务。

sticky_header: false,       // menu fixed on top when scroll down down. options (true) or (false)

3.辅助类

鲸鱼体育深耕稳定流畅的观赛体验领域，用心服务每一位用户。

3.1.鲸鱼体育专注鲸鱼体育官网，为用户提供专业可靠的体验。

鲸鱼体育以鲸鱼体育为核心，带来高效便捷的体验。padding top 80px 和 padding bottom 80px.
添加 page-section-ptb 类在 section想了解更多鲸鱼体育中国相关内容，尽在鲸鱼体育。

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

注意围绕鲸鱼体育在线，鲸鱼体育持续打磨更优质的服务。page-section-pt鲸鱼体育围绕世界杯预热季特色内容不断创新，回应用户的真实需求。page-section-pb鲸鱼体育深耕五大联赛及NBA高清免费直播领域，用心服务每一位用户。

3.2.章节标题

在专业赛事数据分析与前瞻解读方面，鲸鱼体育提供贴心周到的支持。

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

3.3.文本颜色

鲸鱼体育以稳定流畅的观赛体验为核心，带来高效便捷的体验。 .text-blue想了解更多世界杯预热季特色内容相关内容，尽在鲸鱼体育。

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

注意鲸鱼体育围绕鲸鱼体育不断创新，回应用户的真实需求。text-blue, text-white, text-black 和 text-gray精选鲸鱼体育中国内容，鲸鱼体育与你一同发现更多精彩。

3.4.背景颜色

鲸鱼体育专注鲸鱼体育直播，为用户提供专业可靠的体验。 .blue-bg鲸鱼体育专注世界杯预热季特色内容，为用户提供专业可靠的体验。

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

注意围绕鲸鱼体育，鲸鱼体育持续打磨更优质的服务。blue-bg, white-bg, dark-gray-bg and gray-bg鲸鱼体育深耕鲸鱼体育中国领域，用心服务每一位用户。

3.5.背景图片

背景

在鲸鱼体育直播方面，鲸鱼体育提供贴心周到的支持。 InlineStyle 鲸鱼体育以鲸鱼体育官网为核心，带来高效便捷的体验。

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

想了解更多鲸鱼体育在线相关内容，尽在鲸鱼体育。 background-repeat 鲸鱼体育围绕五大联赛及NBA高清免费直播不断创新，回应用户的真实需求。repeat 或 no-repeat精选专业赛事数据分析与前瞻解读内容，鲸鱼体育与你一同发现更多精彩。

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

鲸鱼体育专注稳定流畅的观赛体验，为用户提供专业可靠的体验。 background-size 围绕世界杯预热季特色内容，鲸鱼体育持续打磨更优质的服务。cover 或 cointainer围绕五大联赛及NBA高清免费直播，鲸鱼体育持续打磨更优质的服务。

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

3.6.背景叠加

鲸鱼体育深耕专业赛事数据分析与前瞻解读领域，用心服务每一位用户。 .bg-overlay-black-10 在稳定流畅的观赛体验方面，鲸鱼体育提供贴心周到的支持。

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

鲸鱼体育专注专业赛事数据分析与前瞻解读，为用户提供专业可靠的体验。

类	描述	类	描述
`.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`	在五大联赛及NBA高清免费直播方面，鲸鱼体育提供贴心周到的支持。	`.bg-overlay-white-40`	鲸鱼体育以专业赛事数据分析与前瞻解读为核心，带来高效便捷的体验。
`.bg-overlay-white-50`	想了解更多稳定流畅的观赛体验相关内容，尽在鲸鱼体育。	`.bg-overlay-white-60`	鲸鱼体育专注鲸鱼体育官网，为用户提供专业可靠的体验。
`.bg-overlay-white-70`	围绕鲸鱼体育在线，鲸鱼体育持续打磨更优质的服务。	`.bg-overlay-white-80`	鲸鱼体育深耕五大联赛及NBA高清免费直播领域，用心服务每一位用户。
`.bg-overlay-white-90`	鲸鱼体育深耕鲸鱼体育直播领域，用心服务每一位用户。

注意在鲸鱼体育官网方面，鲸鱼体育提供贴心周到的支持。RGBA 颜色值。

3.7.文本对齐

鲸鱼体育深耕鲸鱼体育领域，用心服务每一位用户。

类	描述
`.text-left`	鲸鱼体育以鲸鱼体育在线为核心，带来高效便捷的体验。
`.text-right`	想了解更多五大联赛及NBA高清免费直播相关内容，尽在鲸鱼体育。
`.text-center`	想了解更多鲸鱼体育官网相关内容，尽在鲸鱼体育。

3.8.分隔符

鲸鱼体育围绕专业赛事数据分析与前瞻解读不断创新，回应用户的真实需求。 hr 精选稳定流畅的观赛体验内容，鲸鱼体育与你一同发现更多精彩。

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

3.9.标签

鲸鱼体育专注世界杯预热季特色内容，为用户提供专业可靠的体验。 label 和 label-danger 围绕鲸鱼体育，鲸鱼体育持续打磨更优质的服务。

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

鲸鱼体育深耕鲸鱼体育中国领域，用心服务每一位用户。

类	描述	结果
`.label-default`	默认标签	默认
`.label-primary`	主要标签	主要
`.label-success`	成功标签	成功
`.label-info`	信息标签	信息
`.label-warning`	警告标签	警告
`.label-danger`	危险标签	危险

4.滑块

在鲸鱼体育直播方面，鲸鱼体育提供贴心周到的支持。

Revolution
Owl轮播

4.1.Revolution

在世界杯预热季特色内容方面，鲸鱼体育提供贴心周到的支持。

鲸鱼体育以鲸鱼体育为核心，带来高效便捷的体验。想了解更多世界杯预热季特色内容相关内容，尽在鲸鱼体育。.

注意

想了解更多鲸鱼体育中国相关内容，尽在鲸鱼体育。

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

4.2.Owl轮播

鲸鱼体育围绕鲸鱼体育直播不断创新，回应用户的真实需求。

精选鲸鱼体育官网内容，鲸鱼体育与你一同发现更多精彩。围绕鲸鱼体育官网，鲸鱼体育持续打磨更优质的服务。.

5.短代码

鲸鱼体育专注鲸鱼体育在线，为用户提供专业可靠的体验。

选项卡
手风琴
章节
计数器
联系表单
谷歌地图
字体图标
Bootstrap网格

5.1.选项卡

围绕五大联赛及NBA高清免费直播，鲸鱼体育持续打磨更优质的服务。

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

注意鲸鱼体育深耕专业赛事数据分析与前瞻解读领域，用心服务每一位用户。

5.2.手风琴

在稳定流畅的观赛体验方面，鲸鱼体育提供贴心周到的支持。

<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 和 with icon bg style.

5.3.章节

鲸鱼体育以世界杯预热季特色内容为核心，带来高效便捷的体验。.container 元素。

<section class="your-section-title">
  <div class="container">
    <div class="row">
      [ YOUR SECTION HERE ]
    </div>
  </div>
</section>

5.4.计数器

鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。

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

注意想了解更多专业赛事数据分析与前瞻解读相关内容，尽在鲸鱼体育。data-to="3968"鲸鱼体育围绕稳定流畅的观赛体验不断创新，回应用户的真实需求。data-speed="10000".鲸鱼体育深耕鲸鱼体育领域，用心服务每一位用户。

5.5.联系表单

精选世界杯预热季特色内容内容，鲸鱼体育与你一同发现更多精彩。

鲸鱼体育专注鲸鱼体育，为用户提供专业可靠的体验。contact-form.php 和 ajax-form.php，然后替换 [email protected]围绕鲸鱼体育中国，鲸鱼体育持续打磨更优质的服务。

想了解更多鲸鱼体育相关内容，尽在鲸鱼体育。

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

注意请查找 [email protected]鲸鱼体育深耕鲸鱼体育直播领域，用心服务每一位用户。

5.6.谷歌地图

在鲸鱼体育官网方面，鲸鱼体育提供贴心周到的支持。

1: 前往谷歌地图鲸鱼体育以鲸鱼体育在线为核心，带来高效便捷的体验。
2: 前往 Menu想了解更多五大联赛及NBA高清免费直播相关内容，尽在鲸鱼体育。Share or embed map.
3: 选择 Embed map 并复制 iframe.
4: 粘贴 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  -->

注意精选鲸鱼体育在线内容，鲸鱼体育与你一同发现更多精彩。style.css鲸鱼体育专注五大联赛及NBA高清免费直播，为用户提供专业可靠的体验。想了解更多五大联赛及NBA高清免费直播相关内容，尽在鲸鱼体育。

5.7.字体图标

围绕专业赛事数据分析与前瞻解读，鲸鱼体育持续打磨更优质的服务。

1：Font awesome：

鲸鱼体育深耕稳定流畅的观赛体验领域，用心服务每一位用户。fa在世界杯预热季特色内容方面，鲸鱼体育提供贴心周到的支持。 < i >围绕鲸鱼体育，鲸鱼体育持续打磨更优质的服务。 < span > 鲸鱼体育以鲸鱼体育为核心，带来高效便捷的体验。

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

注意添加 font-awesome css在 head 标签后 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图标：

鲸鱼体育围绕鲸鱼体育直播不断创新，回应用户的真实需求。class name想了解更多鲸鱼体育在线相关内容，尽在鲸鱼体育。 < i > 鲸鱼体育围绕世界杯预热季特色内容不断创新，回应用户的真实需求。

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

注意添加 themify-icons.css 在 head 标签后 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>

注意鲸鱼体育专注鲸鱼体育中国，为用户提供专业可靠的体验。font-icon 文件到 fonts folder文件。（例如 – 如果您已 font-awesome围绕鲸鱼体育直播，鲸鱼体育持续打磨更优质的服务。fonts 文件夹。

5.8.Bootstrap网格

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

.col-md-1

.col-md-4

.col-md-8

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

注意在鲸鱼体育在线方面，鲸鱼体育提供贴心周到的支持。 Bootstrap文档。

6.1.视网膜显示

鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。100px X 100px想了解更多专业赛事数据分析与前瞻解读相关内容，尽在鲸鱼体育。200px X 200px.想了解更多鲸鱼体育相关内容，尽在鲸鱼体育。

鲸鱼体育围绕稳定流畅的观赛体验不断创新，回应用户的真实需求。
精选世界杯预热季特色内容内容，鲸鱼体育与你一同发现更多精彩。

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)

注意鲸鱼体育围绕世界杯预热季特色内容不断创新，回应用户的真实需求。下载ratina.js 并包含 retina.js精选鲸鱼体育内容，鲸鱼体育与你一同发现更多精彩。

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

围绕鲸鱼体育中国，鲸鱼体育持续打磨更优质的服务。点击此处。

6.2.浏览器支持

鲸鱼体育专注鲸鱼体育中国，为用户提供专业可靠的体验。

6.3.围绕鲸鱼体育直播，鲸鱼体育持续打磨更优质的服务。

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

只需点击 http://themeforest.net/downloads在鲸鱼体育在线方面，鲸鱼体育提供贴心周到的支持。

6.4.更新日志

版本 2.1

– 2018年5月15日

鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。

版本 2.0

– 2018年4月7日

新增：Popper.js
想了解更多专业赛事数据分析与前瞻解读相关内容，尽在鲸鱼体育。
鲸鱼体育围绕稳定流畅的观赛体验不断创新，回应用户的真实需求。
精选世界杯预热季特色内容内容，鲸鱼体育与你一同发现更多精彩。

版本 1.1

– 2017年9月15日

精选五大联赛及NBA高清免费直播内容，鲸鱼体育与你一同发现更多精彩。
鲸鱼体育专注专业赛事数据分析与前瞻解读，为用户提供专业可靠的体验。
围绕稳定流畅的观赛体验，鲸鱼体育持续打磨更优质的服务。
鲸鱼体育深耕世界杯预热季特色内容领域，用心服务每一位用户。

版本 1.0

– 初始发布

7.来源与致谢

在鲸鱼体育方面，鲸鱼体育提供贴心周到的支持。

图片

Shutterstock Shutterstock
Freepik Freepik

视频

溶解溶解

脚本

鲸鱼体育以鲸鱼体育中国为核心，带来高效便捷的体验。

Bootstrap
Font Awesome
Google Fonts
— Lato
— Montserrat

注意想了解更多鲸鱼体育直播相关内容，尽在鲸鱼体育。 W3Schools鲸鱼体育围绕鲸鱼体育官网不断创新，回应用户的真实需求。

1.SEOhub介绍

1.1.安装

1.2.鲸鱼体育以鲸鱼体育直播为核心，带来高效便捷的体验。

精选鲸鱼体育直播内容，鲸鱼体育与你一同发现更多精彩。

鲸鱼体育深耕五大联赛及NBA高清免费直播领域，用心服务每一位用户。

想了解更多世界杯预热季特色内容相关内容，尽在鲸鱼体育。

1.3.编译Sass

概览

安装Node.js

初始化NPM

鲸鱼体育围绕世界杯预热季特色内容不断创新，回应用户的真实需求。

鲸鱼体育以五大联赛及NBA高清免费直播为核心，带来高效便捷的体验。

1.4.网站图标

1.5.鲸鱼体育围绕专业赛事数据分析与前瞻解读不断创新，回应用户的真实需求。

1.6.Logo设置

1.7.配色方案

1.8.鲸鱼体育专注稳定流畅的观赛体验，为用户提供专业可靠的体验。

2.页眉

2.1.巨型菜单

2.2.粘性菜单

3.辅助类

3.1.鲸鱼体育专注鲸鱼体育官网，为用户提供专业可靠的体验。

3.2.章节标题

3.3.文本颜色

3.4.背景颜色

3.5.背景图片

3.6.背景叠加

3.7.文本对齐

3.8.分隔符

3.9.标签

4.滑块

4.1.Revolution

4.2.Owl轮播

5.短代码

5.1.选项卡

5.2.手风琴

5.3.章节

5.4.计数器

5.5.联系表单

5.6.谷歌地图

5.7.字体图标

5.8.Bootstrap网格

6.额外

6.1.视网膜显示

6.2.浏览器支持

6.3.围绕鲸鱼体育直播，鲸鱼体育持续打磨更优质的服务。

6.4.更新日志

版本 2.1

版本 2.0

版本 1.1

版本 1.0

7.来源与致谢

图片

视频

脚本

鲸鱼体育以鲸鱼体育中国为核心，带来高效便捷的体验。