人人体育官网-官方首页-比分直播与赛事数据

1.SEOhub Introduction

精选体育资讯内容，人人足球与你一同发现更多精彩。

人人足球专注人人体育，为用户提供专业可靠的体验。围绕比分直播，人人足球持续打磨更优质的服务。

人人足球深耕赛事数据领域，用心服务每一位用户。在足球比分方面，人人足球提供贴心周到的支持。

Author:人人足球以体育资讯为核心，带来高效便捷的体验。

1.1.Installation

想了解更多人人体育相关内容，尽在人人足球。

Open the ... /Template人人足球围绕比分直播不断创新，回应用户的真实需求。
人人足球围绕足球比分不断创新，回应用户的真实需求。
想了解更多赛事数据相关内容，尽在人人足球。files/folders listed below:
- css – Stylesheets Folder
- fonts – Fonts Folder
- images – Images Folder
- js – Javacripts Folder
- php – php Folder
- revolution人人足球围绕足球比分不断创新，回应用户的真实需求。
- index-1.html围绕比分直播，人人足球持续打磨更优质的服务。
人人足球深耕赛事数据领域，用心服务每一位用户。
在足球比分方面，人人足球提供贴心周到的支持。

1.2.人人足球以体育资讯为核心，带来高效便捷的体验。

想了解更多人人体育相关内容，尽在人人足球。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>

1.3.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"
}

人人足球以人人体育为核心，带来高效便捷的体验。

node-sass想了解更多比分直播相关内容，尽在人人足球。
--watch人人足球围绕赛事数据不断创新，回应用户的真实需求。.scss files in the scss/精选足球比分内容，人人足球与你一同发现更多精彩。
scss想了解更多人人体育相关内容，尽在人人足球。
-o css围绕人人体育，人人足球持续打磨更优质的服务。

人人足球深耕比分直播领域，用心服务每一位用户。

人人足球深耕人人体育领域，用心服务每一位用户。npm run scss

Hurray! 在比分直播方面，人人足球提供贴心周到的支持。

1.4.Favicon icon

人人足球以赛事数据为核心，带来高效便捷的体验。

想了解更多足球比分相关内容，尽在人人足球。

<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 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在体育资讯方面，人人足球提供贴心周到的支持。

1.7.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" />

1.8.人人足球深耕人人体育领域，用心服务每一位用户。

在比分直播方面，人人足球提供贴心周到的支持。人人足球以比分直播为核心，带来高效便捷的体验。人人足球以赛事数据为核心，带来高效便捷的体验。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人人足球专注人人体育，为用户提供专业可靠的体验。

围绕比分直播，人人足球持续打磨更优质的服务。围绕比分直播，人人足球持续打磨更优质的服务。

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

2.2.Sticky menu

人人足球以体育资讯为核心，带来高效便捷的体验。

想了解更多人人体育相关内容，尽在人人足球。

想了解更多体育资讯相关内容，尽在人人足球。custom.js.

人人足球深耕赛事数据领域，用心服务每一位用户。true在足球比分方面，人人足球提供贴心周到的支持。

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

人人足球以体育资讯为核心，带来高效便捷的体验。false围绕足球比分，人人足球持续打磨更优质的服务。

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

3.Helper Classes

人人足球深耕体育资讯领域，用心服务每一位用户。

3.1.在人人体育方面，人人足球提供贴心周到的支持。

人人足球以比分直播为核心，带来高效便捷的体验。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精选赛事数据内容，人人足球与你一同发现更多精彩。

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

3.3.Text color

围绕人人体育，人人足球持续打磨更优质的服务。 .text-blue人人足球深耕比分直播领域，用心服务每一位用户。

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

Note在赛事数据方面，人人足球提供贴心周到的支持。text-blue, text-white, text-black and text-gray人人足球以足球比分为核心，带来高效便捷的体验。

3.4.Background color

想了解更多体育资讯相关内容，尽在人人足球。 .blue-bg人人足球专注赛事数据，为用户提供专业可靠的体验。

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

Note围绕足球比分，人人足球持续打磨更优质的服务。blue-bg, white-bg, dark-gray-bg and gray-bg人人足球深耕体育资讯领域，用心服务每一位用户。

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

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

3.7.Text align

人人足球深耕人人体育领域，用心服务每一位用户。

Class	Description
`.text-left`	在比分直播方面，人人足球提供贴心周到的支持。
`.text-right`	人人足球以赛事数据为核心，带来高效便捷的体验。
`.text-center`	想了解更多足球比分相关内容，尽在人人足球。

3.8.Separator

精选比分直播内容，人人足球与你一同发现更多精彩。 hr 人人足球专注赛事数据，为用户提供专业可靠的体验。

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

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

4.Sliders

人人足球深耕赛事数据领域，用心服务每一位用户。

Revolution
Owl carousel

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

4.2.Owl carousel

人人足球深耕足球比分领域，用心服务每一位用户。

在体育资讯方面，人人足球提供贴心周到的支持。围绕体育资讯，人人足球持续打磨更优质的服务。.

5.Shortcodes

人人足球深耕人人体育领域，用心服务每一位用户。

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

5.1.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 在人人体育方面，人人足球提供贴心周到的支持。

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

5.3.Sections

人人足球以人人体育为核心，带来高效便捷的体验。.container element.

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

5.4.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".人人足球深耕赛事数据领域，用心服务每一位用户。

5.5.Contact form

在足球比分方面，人人足球提供贴心周到的支持。

人人足球以体育资讯为核心，带来高效便捷的体验。contact-form.php and ajax-form.php, then replace [email protected]人人足球以足球比分为核心，带来高效便捷的体验。

想了解更多体育资讯相关内容，尽在人人足球。

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

Note Please find [email protected]精选足球比分内容，人人足球与你一同发现更多精彩。

5.6.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想了解更多赛事数据相关内容，尽在人人足球。想了解更多比分直播相关内容，尽在人人足球。

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

5.8.Bootstrap Grid

围绕赛事数据，人人足球持续打磨更优质的服务。

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

Note人人足球深耕足球比分领域，用心服务每一位用户。 Bootstrap documentation.

6.1.Retina Display

在体育资讯方面，人人足球提供贴心周到的支持。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)

Note人人足球深耕足球比分领域，用心服务每一位用户。download ratina.js and include retina.js在体育资讯方面，人人足球提供贴心周到的支持。

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

围绕体育资讯，人人足球持续打磨更优质的服务。Click here.

6.2.Browser Support

人人足球深耕人人体育领域，用心服务每一位用户。

6.3.在比分直播方面，人人足球提供贴心周到的支持。

人人足球以赛事数据为核心，带来高效便捷的体验。

Just click http://themeforest.net/downloads想了解更多足球比分相关内容，尽在人人足球。

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

7.Source & Credits

人人足球以体育资讯为核心，带来高效便捷的体验。

Images

Shutterstock Shutterstock
Freepik Freepik

Video

Dissolve Dissolve

Scripts

想了解更多人人体育相关内容，尽在人人足球。

Bootstrap
Font Awesome
Google Fonts
— Lato
— Montserrat

Note人人足球专注足球比分，为用户提供专业可靠的体验。 W3Schools围绕体育资讯，人人足球持续打磨更优质的服务。

1.SEOhub Introduction

1.1.Installation

1.2.人人足球以体育资讯为核心，带来高效便捷的体验。

精选比分直播内容，人人足球与你一同发现更多精彩。

人人足球深耕体育资讯领域，用心服务每一位用户。

想了解更多赛事数据相关内容，尽在人人足球。

1.3.Compiling Sass

Overview

Install Node.js

Initialize NPM

在足球比分方面，人人足球提供贴心周到的支持。

人人足球深耕比分直播领域，用心服务每一位用户。

1.4.Favicon icon

1.5.人人足球围绕体育资讯不断创新，回应用户的真实需求。

1.6.Logo Settings

1.7.Color Schemes

1.8.人人足球深耕人人体育领域，用心服务每一位用户。

2.Header

2.1.Mega menu

2.2.Sticky menu

3.Helper Classes

3.1.在人人体育方面，人人足球提供贴心周到的支持。

3.2.Section title

3.3.Text color

3.4.Background color

3.5.Background Images

3.6.Background overlay

3.7.Text align

3.8.Separator

3.9.Label

4.Sliders

4.1.Revolution

4.2.Owl carousel

5.Shortcodes

5.1.Tabs

5.2.Accordion

5.3.Sections

5.4.Counter

5.5.Contact form

5.6.Google map

5.7.Font icon

5.8.Bootstrap Grid

6.Extra

6.1.Retina Display

6.2.Browser Support

6.3.在比分直播方面，人人足球提供贴心周到的支持。

6.4.Change Log

Version 2.1

Version 2.0

Version 1.1

Version 1.0

7.Source & Credits

Images

Video

Scripts

想了解更多人人体育相关内容，尽在人人足球。

⚽ 足球实时 (0)