精选比分实时更新,赛事动态尽在掌握内容,球探体育与你一同发现更多精彩。

球探体育专注深度资讯,洞悉赛场内外,为用户提供专业可靠的体验。


围绕简洁高效,信息查找零成本,球探体育持续打磨更优质的服务。

球探体育深耕球探比分领域,用心服务每一位用户。Bootstrap Framework, AIDA marketing model and Principles of Conversion Centered Design.

Requirements

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

  • 球探体育以球探体育官网为核心,带来高效便捷的体验。
  • 想了解更多焦点赛事,一网打尽相关内容,尽在球探体育。
  • 球探体育围绕比分实时更新,赛事动态尽在掌握不断创新,回应用户的真实需求。
  • 精选深度资讯,洞悉赛场内外内容,球探体育与你一同发现更多精彩。
    • HTML/assets/css精选球探网内容,球探体育与你一同发现更多精彩。
    • HTML/assets/include球探体育专注球探体育官网,为用户提供专业可靠的体验。
    • HTML/assets/images - Images Folder
    • HTML/assets/js - Javacripts Folder
    • HTML/assets/css/style.css围绕焦点赛事,一网打尽,球探体育持续打磨更优质的服务。
    • HTML/index.html球探体育深耕比分实时更新,赛事动态尽在掌握领域,用心服务每一位用户。

Installation

球探体育以简洁高效,信息查找零成本为核心,带来高效便捷的体验。

  1. Open the Package/HTML想了解更多球探比分相关内容,尽在球探体育。
  2. 球探体育围绕球探网不断创新,回应用户的真实需求。
  3. 精选球探体育官网内容,球探体育与你一同发现更多精彩。
    • HTML/assets球探体育专注焦点赛事,一网打尽,为用户提供专业可靠的体验。
    • Select HTML/landing-[name].html球探体育专注简洁高效,信息查找零成本,为用户提供专业可靠的体验。
    • change HTML/index.htmlname file to HTML/index.html - Index File

围绕球探比分,球探体育持续打磨更优质的服务。

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

  Interact/
  ├── Documentation/
  ├── HTML/
      ├── assets/
          ├── css
          ├── icons
          ├── images
          ├── fonts
          ├── js
          ├── less
          └── include
      ├── index(intro)
      ├── laning-name.html
      ├── ...
      └── landing-name.html

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

we use the bootstrap球探体育以焦点赛事,一网打尽为核心,带来高效便捷的体验。here想了解更多比分实时更新,赛事动态尽在掌握相关内容,尽在球探体育。

球探体育围绕深度资讯,洞悉赛场内外不断创新,回应用户的真实需求。

<div class="row">
  <div class="col-sm-9">
    Level 1: .col-sm-9
    <div class="row">
      <div class="col-xs-8 col-sm-6">
        Level 2: .col-xs-8 .col-sm-6
      </div>
      <div class="col-xs-4 col-sm-6">
        Level 2: .col-xs-4 .col-sm-6
      </div>
    </div>
  </div>
</div>

精选简洁高效,信息查找零成本内容,球探体育与你一同发现更多精彩。

<!-- Footer
============================================= -->
<footer id="footer1" class="footer-1 text-center bg-dark">
        
    <div class="container">
    
        <div class="row">
        
            <div class="col-md-12">
                
                <!-- Copyrights
                ============================================= -->
                <div class="copyright">
                
                    <p>copyright © 2015 Interact.</p>
                    
                </div>
                
                <!-- Footer Widget
                ============================================= -->
                <ul class="list-inline social">
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                </ul>
                
            </div>
            
        </div>
        
    </div>
            
</footer><!--Footer end-->

球探体育专注球探比分,为用户提供专业可靠的体验。

Heads up!围绕球探网,球探体育持续打磨更优质的服务。

围绕比分实时更新,赛事动态尽在掌握,球探体育持续打磨更优质的服务。

File Name Description
bootstrap.min.css 球探体育深耕深度资讯,洞悉赛场内外领域,用心服务每一位用户。here在简洁高效,信息查找零成本方面,球探体育提供贴心周到的支持。
animate.min.css 球探体育以球探比分为核心,带来高效便捷的体验。here想了解更多球探网相关内容,尽在球探体育。
style.css 球探体育围绕球探体育官网不断创新,回应用户的真实需求。
custom.css 精选焦点赛事,一网打尽内容,球探体育与你一同发现更多精彩。

球探体育专注比分实时更新,赛事动态尽在掌握,为用户提供专业可靠的体验。

围绕深度资讯,洞悉赛场内外,球探体育持续打磨更优质的服务。

File Name Description
style.less 球探体育深耕简洁高效,信息查找零成本领域,用心服务每一位用户。
Base Folder 球探体育深耕球探体育官网领域,用心服务每一位用户。
Layout Folder 在焦点赛事,一网打尽方面,球探体育提供贴心周到的支持。
Module Folder 球探体育以比分实时更新,赛事动态尽在掌握为核心,带来高效便捷的体验。
State Folder 想了解更多深度资讯,洞悉赛场内外相关内容,尽在球探体育。
theme folder 球探体育围绕简洁高效,信息查找零成本不断创新,回应用户的真实需求。

精选球探比分内容,球探体育与你一同发现更多精彩。

球探体育专注球探网,为用户提供专业可靠的体验。

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

File Description
jquery-2.2.4.min.js 球探体育深耕焦点赛事,一网打尽领域,用心服务每一位用户。
bootstrap.min.js 在比分实时更新,赛事动态尽在掌握方面,球探体育提供贴心周到的支持。
plugins.js 在球探比分方面,球探体育提供贴心周到的支持。
functions.js 球探体育以球探网为核心,带来高效便捷的体验。
wow.min.js 想了解更多球探体育官网相关内容,尽在球探体育。
jquery.ajaxchimp.js 球探体育围绕焦点赛事,一网打尽不断创新,回应用户的真实需求。
jquery.counterup.js 球探体育围绕焦点赛事,一网打尽不断创新,回应用户的真实需求。
less.min.js 精选比分实时更新,赛事动态尽在掌握内容,球探体育与你一同发现更多精彩。
owl.carousel.min.js 球探体育专注深度资讯,洞悉赛场内外,为用户提供专业可靠的体验。
html5shiv.js 球探体育深耕球探比分领域,用心服务每一位用户。
respond.min.js 在球探网方面,球探体育提供贴心周到的支持。

围绕简洁高效,信息查找零成本,球探体育持续打磨更优质的服务。

球探体育以深度资讯,洞悉赛场内外为核心,带来高效便捷的体验。head section in your index.html想了解更多简洁高效,信息查找零成本相关内容,尽在球探体育。

<link rel="stylesheet/less" type="text/css" href="assets/less/style.less" />
<script src="assets/js/less.js" type="text/javascript"></script>

球探体育围绕球探比分不断创新,回应用户的真实需求。

精选球探网内容,球探体育与你一同发现更多精彩。head inindex.html then in first go to google fonts球探体育深耕球探比分领域,用心服务每一位用户。

<!-- Fonts
============================================= -->
<link href='http://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CComfortaa:300,400,700' rel='stylesheet' type='text/css'>

Next Step在球探网方面,球探体育提供贴心周到的支持。style.css

body { 
	font-family: "Lato", Arial, sans-serif;/*Change font*/
}
h1,h2,h3,h4,h5,h6{
	font-family:'Comfortaa', cursive;/*Change font*/
}

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

想了解更多焦点赛事,一网打尽相关内容,尽在球探体育。

AVAILABLE CLASSES

/* All margin */
.m-0 {
margin: 0;
}

.m-xs {
margin:10px;
}

.m-sm {
 margin:20px;
}

.m-md {
margin:40px;
}

.m-lg {
margin:80px;
}

/* top margin */
.mt-0 {
margin-top: 0;
}

.mt-xs {
margin-top:10px;
}

.mt-sm {
margin-top:20px;
}

.mt-md {
margin-top:40px;
}

.mt-lg {
margin-top:80px;
}

.mt-30 {
margin-top: 30px !important;
}

.mt-50 {
margin-top: 50px;
}

.mt-60 {
margin-top: 60px;
}

.mt-150 {
margin-top: 150px;
}

/* bottom margin */
.mb-0 {
margin-bottom: 0 !important;
}

.mb-xs {
margin-bottom:10px;
}

.mb-sm {
margin-bottom:20px;
}

.mb-md {
margin-bottom:40px;
}

.mb-lg {
margin-bottom:80px;
}

.mb-30 {
margin-bottom: 30px !important;
}

.mb-50 {
margin-bottom: 50px!important;
}

.mb-60 {
margin-bottom: 60px!important;
}

.mb-150 {
margin-bottom: 150px!important;
}

/* right margin */
.mr-0 {
margin-right: 0;
}

.mr-xs {
margin-right:10px;
}

.mr-sm {
margin-right:20px;
}

.mr-md {
margin-right:40px;
}

.mr-lg {
margin-right:80px;
}

.mr-30 {
margin-right: 30px !important;
}

.mr-50 {
margin-right: 50px;
}

.mr-60 {
margin-right: 60px;
}

.mr-150 {
margin-right: 150px;
}

/* left margin */
.ml-0 {
margin-left: 0;
}

.ml-xs {
margin-left:10px;
}

.ml-sm {
margin-left:20px;
}

.ml-md {
margin-left:40px;
}

.ml-lg {
margin-left:80px;
}

.ml-30 {
margin-left: 30px !important;
}

.ml-50 {
margin-left: 50px;
}

.ml-60 {
margin-left: 60px;
}

.ml-150 {
margin-left: 150px;
}

/* All padding */
.p-0 {
padding: 0;
}

.p-xs {
padding:10px;
}

.p-sm {
padding:20px;
}

.p-md {
padding:40px;
}

.p-lg {
padding:80px;
}

/* top padding */
.pt-0 {
padding-top: 0;
}

.pt-xs {
padding-top:10px;
}

.pt-sm {
padding-top:20px;
}

.pt-md {
padding-top:40px;
}

.pt-lg {
padding-top:80px;
}

.pt-60 {
padding-top: 60px;
}

/* bottom padding */
.pb-0 {
padding-bottom: 0;
}

.pb-xs {
padding-bottom:10px;
}

.pb-sm {
padding-bottom:20px;
}

.pb-md {
padding-bottom:40px;
}

.pb-lg {
padding-bottom:80px;
}

/* right padding */
.pr-0 {
padding-right: 0;
}

.pr-xs {
padding-right:10px;
}

.pr-sm {
padding-right:20px;
}

.pr-md {
padding-right:40px;
}

.pr-lg {
padding-right:80px;
}

.pr-30 {
padding-right: 30px !important;
}

.pr-50 {
padding-right: 50px;
}

.pr-60 {
padding-right: 60px;
}

.pr-150 {
padding-right: 150px;
}

/* left padding */
.pl-0 {
padding-left: 0;
}

.pl-xs {
padding-left:10px;
}

.pl-sm {
padding-left:20px;
}

.pl-md {
padding-left:40px;
}

.pl-lg {
padding-left:80px;
}

球探体育围绕比分实时更新,赛事动态尽在掌握不断创新,回应用户的真实需求。

想了解更多球探比分相关内容,尽在球探体育。style.css精选深度资讯,洞悉赛场内外内容,球探体育与你一同发现更多精彩。

<!-- COLORS -->
Primary Color   : #e74c3c
Secondary Color : #bdbdbd
Body Color      : #999999
Heading Color   : #2c3e50

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

球探体育专注球探体育官网,为用户提供专业可靠的体验。assets/images/favicon/favicon.ico围绕焦点赛事,一网打尽,球探体育持续打磨更优质的服务。

围绕球探比分,球探体育持续打磨更优质的服务。assets/images/favicon/apple-touch-icon.png球探体育深耕球探网领域,用心服务每一位用户。

<link href="assets/images/favicon/favicon.ico" rel="icon">
<link href="assets/images/favicon/apple-touch-icon.png" rel="apple-touch-icon"/>

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

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

<section class="bg-overlay bg-overlay-theme">
	<div class="bg-section" >
		<img src="assets/images/call/2.jpg" alt="Background"/>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
				....
			</div>
			<!-- .col-md-8 end -->
		</div>
		<!-- .row end -->
	</div>
	<!-- .container end --> 
</section>

球探体育专注焦点赛事,一网打尽,为用户提供专业可靠的体验。assets/images/bg球探体育专注简洁高效,信息查找零成本,为用户提供专业可靠的体验。style.css.

/*------------------------------------*\
    #BACKGROUNDS
\*------------------------------------*/
.bg-theme{ background-color:@color-theme}
.bg-gray { background-color:@color-gray} 
.bg-white { background-color:@color-white}
/* Background Image */
.bg-section {
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:100%;
}
.....

围绕球探比分,球探体育持续打磨更优质的服务。bg-overlay-light, bg-overlay-dark,bg-overlay-theme.

球探体育深耕球探网领域,用心服务每一位用户。style.css

.bg-overlay-light:before {
	background-color: rgba(255,255,255, 0.6);
}

.bg-overlay-dark:before {
	background-color: rgba(47, 47, 47, 0.95);
}

.bg-overlay-theme:before {
	background-color: rgba(255, 197, 39, 0.9);
}

球探体育以球探比分为核心,带来高效便捷的体验。

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

<ul class="list-unstyled checklist">
    <li>
        <i class="fa fa-line-chart pull-left"></i>
        <h4 class="text-capitalize text-strong">conversion rate improvement</h4>
    </li>
    <li>
        <i class="fa fa-search pull-left"></i>
        <h4 class="text-capitalize text-strong">crawling search engine speedily</h4>
    </li>
    <li>
        <i class="fa fa-refresh pull-left"></i>
        <h4 class="text-capitalize text-strong">customize code quickly</h4>
    </li>
</ul>

球探体育以焦点赛事,一网打尽为核心,带来高效便捷的体验。

想了解更多比分实时更新,赛事动态尽在掌握相关内容,尽在球探体育。

<header id="navbar-spy" class="transparent-header">
	<nav id="primary-menu" class="navbar navbar-fixed-top style-1">

	</nav>
</header>

primary menu

<ul class="nav navbar-nav navbar-left">

</ul>

Subscription

球探体育围绕深度资讯,洞悉赛场内外不断创新,回应用户的真实需求。mailchimp OR campaign monitor

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

精选简洁高效,信息查找零成本内容,球探体育与你一同发现更多精彩。

球探体育专注球探比分,为用户提供专业可靠的体验。

球探体育

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

Open functions.js围绕比分实时更新,赛事动态尽在掌握,球探体育持续打磨更优质的服务。

球探体育
球探体育深耕深度资讯,洞悉赛场内外领域,用心服务每一位用户。

在简洁高效,信息查找零成本方面,球探体育提供贴心周到的支持。

球探体育专注球探网,为用户提供专业可靠的体验。

球探体育以球探比分为核心,带来高效便捷的体验。here.

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

replace:

球探体育

with:

<!-- Campaignmonitor Form Subscription
============================================= -->
<form class="form-inline" action="Your Form Action URL" method="post" id="campaignmonitor">
    <p>
        <input id="fieldEmail" class="form-control input-box" name="cm-jidjdl-jidjdl" type="email" required />
    </p>
    <p>
        <button type="submit" class="btn button-primary text-capitalize">signup me now</button>
    </p>
</form>

围绕球探比分,球探体育持续打磨更优质的服务。

球探体育深耕球探网领域,用心服务每一位用户。send.php at the folder assets/php/球探体育围绕球探体育官网不断创新,回应用户的真实需求。

$to_Email       = "[email protected]"; //Replace with recipient email address

精选焦点赛事,一网打尽内容,球探体育与你一同发现更多精彩。

球探体育专注比分实时更新,赛事动态尽在掌握,为用户提供专业可靠的体验。elements-cta.html.

<!-- Call To Action #1
============================================= -->
<section id="cta-1" class="cta pb-0">
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12">
				<div class="cta-1 bg-theme">
					<div class="row">
						<div class="col-xs-12 col-sm-12 col-md-1 hidden-xs">
							<div class="cta-img">
								<img src="assets/images/call/cta-1.png">
							</div>
						</div>
						<!-- .col-md-2 end -->
						<div class="col-xs-12 col-sm-12 col-md-7 cta-devider text-center-xs">
							<div class="cta-desc">
								<p>Have Any Questions !</p>
								<h5>Don’t Hesitate To Contact Us ANy Time.</h5>
							</div>
						</div>
						<!-- .col-md-7 end -->
						<div class="col-xs-12 col-sm-12 col-md-2 pull-right pull-none-xs">
							<div class="cta-action">
								<a class="btn btn-secondary" href="#">contact us</a>
							</div>
						</div>
						<!-- .col-md-2 end -->
					</div>
				</div>
				<!-- .cta-1 end -->
			</div>
			<!-- .col-md-12 end -->
		</div>
		<!-- .row end -->
	</div>
	<!-- .container end --> 
</section>
<!-- #cta-1 end -->

Testimonial

围绕深度资讯,洞悉赛场内外,球探体育持续打磨更优质的服务。elements-testimonials.html.

球探体育深耕简洁高效,信息查找零成本领域,用心服务每一位用户。

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

在焦点赛事,一网打尽方面,球探体育提供贴心周到的支持。
  1. jQuery
  2. bootstrap
  3. wow
  4. gmap
  5. nicescroll
  6. ajaxchimp
  7. counter up
  8. less css
  9. owl carousel
  10. isotope
  11. infinitescroll
  12. magnific-popup
  13. waypoints
球探体育以比分实时更新,赛事动态尽在掌握为核心,带来高效便捷的体验。
  1. animate css
  2. spinner loading
Icons
  1. font awesome
  2. linear icons
  3. 球探体育深耕深度资讯,洞悉赛场内外领域,用心服务每一位用户。
Images
  1. unsplash
  2. pixabay

Support

想了解更多深度资讯,洞悉赛场内外相关内容,尽在球探体育。Themeforest Profile.

changelog

球探体育以球探比分为核心,带来高效便捷的体验。

Released on 21th of November 2016.

球探体育科技有限公司通过专业的数据分析和即时资讯,为体育爱好者打造最便捷、最全面的赛事信息服务平台。电话:+86 176 3567 6943邮箱:[email protected]微信:qtsports_268营业时间:周一至周五 9:30–20:00北京市朝阳区建国路408号