<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap-3.1.1.min.css" rel="stylesheet" type="text/css">
<!-- Custom Theme files -->
<link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery.min.js"> </script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
</head>
<body>
<div class="container">
<div class="header" id="home">
<div class="subhead white">
<nav class="navbar navbar-default" role="navigation">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><h1>Basket<span>ball</span></h1> </a>
</div>
<!--/.navbar-header-->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a href="about.html">About</a></li>
<li class="dropdown">
<a href="schedule.html" class="dropdown-toggle" data-toggle="dropdown">Schedule<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="schedule.html">Videos</a></li>
<li class="divider"></li>
<li><a href="blog.html">Blogs</a></li>
<li class="divider"></li>
<li><a href="schedule.html">Articles</a></li>
<li class="divider"></li>
<li><a href="schedule.html">Celebrity</a></li>
<li class="divider"></li>
<li><a href="schedule.html">One more separated link</a></li>
</ul>
</li>
<li><a href="blog.html">Blogs</a></li>
<li class="dropdown">
<a href="typo.html" class="dropdown-toggle" data-toggle="dropdown">Typo<b class="caret"></b></a>
<ul class="dropdown-menu multi-column columns-2">
<div class="row">
<div class="col-sm-6">
<ul class="multi-column-dropdown">
<li><a href="typo.html">Action</a></li>
<li class="divider"></li>
<li><a href="index.html">News</a></li>
<li class="divider"></li>
<li><a href="blog.html">Blog</a></li>
<li class="divider"></li>
<li><a href="typo.html">Reviews</a></li>
<li class="divider"></li>
<li><a href="typo.html">Short codes</a></li>
</ul>
</div>
<div class="col-sm-6">
<ul class="multi-column-dropdown">
<li><a href="#">Features</a></li>
<li class="divider"></li>
<li><a href="#"> Movies</a></li>
<li class="divider"></li>
<li><a href="#">Sports</a></li>
<li class="divider"></li>
<li><a href="#">Reviews</a></li>
<li class="divider"></li>
<li><a href="#">Account</a></li>
</ul>
</div>
</div>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!--/.navbar-collapse-->
<!--/.navbar-->
</nav>
</div>
</div>
<!--/start-banner-->
<div class="banner">
<div class="banner-inner">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li class="callbacks1_on" style="display: block; float: left; position: relative; opacity: 1; z-index: 2; transition: opacity 500ms ease-in-out;">
<div class="banner-info">
<h3>PROVIDING A GREAT LEARNING PROGRESS FOR PLAYERS</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
</li>
<li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;">
<div class="banner-info">
<h3>WE PREPARE YOU TO BE THE BEST BASKETBALL PLAYER </h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
</li>
<li class="" style="display: block; float: none; position: absolute; opacity: 0; z-index: 1; transition: opacity 500ms ease-in-out;">
<div class="banner-info">
<h3>PROVIDING A GREAT LEARNING PROGRESS FOR PLAYERS</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
</li>
</ul>
</div>
<!--banner-Slider-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav:false,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
</div>
</div>
<!--//end-banner-->
<!--/start-main-->
<div class="main-content">
<!--/soccer-inner-->
<div class="soccer-inner">
<!--/soccer-left-part-->
<div class="col-md-8 soccer-left-part">
<!--/about-->
<div class="about">
<h3 class="tittle">About</h3>
<div class="sap_tabs">
<div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
<ul class="resp-tabs-list">
<li class="resp-tab-item grid1" aria-controls="tab_item-0" role="tab"><span>NEXT MATCH</span></li>
<li class="resp-tab-item grid2" aria-controls="tab_item-1" role="tab"><span>TRAINING SCHEDULE</span></li>
<li class="resp-tab-item grid3" aria-controls="tab_item-1" role="tab"><span>LEAGUE TABLE</span></li>
</ul>
<div class="resp-tabs-container">
<div class="tab-1 resp-tab-content" aria-labelledby="tab_item-0">
<div class="facts">
<div class="tab_list">
<table>
<tbody>
<tr>
<td class="one">01 June 10:00</td>
<td class="one">Juventus</td>
<td class="one">VS</td>
<td class="one">Sampdoria</td>
</tr>
<tr>
<td class="one">01 June 19:00</td>
<td class="one">Pro Soccer</td>
<td class="one">VS</td>
<td class="one">Genoa</td>
</tr>
<tr>
<td class="one">01 June 12:00</td>
<td class="one">Atlanta</td>
<td class="one">VS</td>
<td class="one">Napoli</td>
</tr>
<tr>
<td class="one">01 June 30:00</td>
<td class="one">Atlanta</td>
<td class="one">VS</td>
<td class="one">Fiorentina</td>
</tr>
</tbody>
</table>