<!DOCTYPE html>
<html>
  <head>
    <title>VC Loppem</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap-theme.css" rel="stylesheet" media="screen">
    <link href="css/jquery.fancybox.css" rel="stylesheet" type="text/css">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="animated_favicon.gif" />
    <link rel="alternate" href="http://feeds.feedburner.com/VCLoppem" title="VCL RSS" type="application/rss+xml" />
	<script type="text/javascript">
	  var _gaq = _gaq || [];
	  var pluginUrl = 
		 '//www.google-analytics.com/plugins/ga/inpage_linkid.js';
	  _gaq.push(['_require', 'inpage_linkid', pluginUrl]);
	  _gaq.push(['_setAccount', 'UA-3281290-4']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	</script>
  </head>
  <body>
  <div id="wrap">
	<!-- Navigation -->
	    <div class="navbar navbar-fixed-top navbar-inverse" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.php">VC Loppem</a>
        </div>
        <div class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
          		  <li><a href="index.php">Home</a></li>
			      <li class="dropdown">
               		<a href="ploeg.php" class="dropdown-toggle" data-toggle="dropdown">Ploegen <b class="caret"></b></a>
	                <ul class="dropdown-menu">
					<li><a href='ploeg.php?r=h2c'>Tweede Divisie</a></li><li><a href='ploeg.php?r=2h'>Tweede Provinciale</a></li><li><a href='ploeg.php?r=j17'>U17 jongens regionaal</a></li>	                </ul>
				  </li>
			      <li class="dropdown active">
               		<a href="info.php" class="dropdown-toggle" data-toggle="dropdown">Info <b class="caret"></b></a>
	                <ul class="dropdown-menu">
	                  <li><a href="info.php">Club Gegevens</a></li>
	                  <li><a href="history.php">Geschiedenis</a></li>
	                </ul>
				  </li>
		
			      <li><a href="mediaCat.php">Media</a></li>
			      <li><a href="items.php?c=nieuws">Nieuws</a></li>
			      <li><a href="items.php?c=verslag">Verslagen</a></li>
			      <li><a href="items.php?c=activiteit">Activiteiten</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
          			<!-- Blinking Notification 
          				<p class="navbar-text blink_me">
          					<span class="glyphicon glyphicon-bullhorn"></span> 
          					Vrijdag 6 december PASTA KAARTING !
          				</p>
          			-->
          							
				          </ul>
        </div><!-- /.nav-collapse -->
      </div><!-- /.container -->
    </div><!-- /.navbar -->	<!-- Carousel -->
	<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4500">
<div class="overlay-carousel"></div>
		  <ol class="carousel-indicators">
		    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		    <li data-target="#myCarousel" data-slide-to="1"></li>
		    <li data-target="#myCarousel" data-slide-to="2"></li>
		  </ol>
		  <!-- Carousel items -->
		  <div class="carousel-inner">
		    <div class="active item">
		    	<img src="img/Heren1_header.jpg" alt="">
		        <div class="carousel-caption">
		        	<p>Tweede Divisie</p>
		        </div>
		    </div>
		    <div class="item">
		    	<img src="img/Heren2_header.jpg" alt="">
		        	<div class="carousel-caption">
		        		<p>Derde Provinciale</p>
		            </div>
		    </div>
		    <div class="item">
		    	<img src="img/U17_header.jpg" alt="">
	
		        	<div class="carousel-caption">
		        		<p>U17 Regionaal</p>
		            </div>

		    </div>
		  </div>
		  <!-- Carousel nav -->
		  <a class="carousel-control left" href="#myCarousel" data-slide="prev"><span class="icon-prev"></span></a>
		  <a class="carousel-control right" href="#myCarousel" data-slide="next"><span class="icon-next"></span></a>

</div>	
    <div class="container">
	    <div class="row">
			<div class="col-md-12">
				<div class="row latest">
										<div class="homepage col-xs-6 col-sm-3 col-md-3">
						<div class="thumbnail">
						  <div class="caption">
							<h4><a href="item.php?i=77">Fietshappening en/of BBQ</a></h4>
							<div class="hidden-xs">
								<p>
Fietsen en BBQ-en tvv VC Loppem op <b>zondag 17 juni</b>.
</p>
								<p><a class="btn btn-danger btn-xs" href="item.php?i=77">Lees meer &raquo;</a></p>
							</div>
						  </div>
						  <div class="img-block">
							<img class="" src="thumb.php?file=img/vcl fietstocht.png&width=250&height=250" alt="...">
						  </div>
						</div>
					</div>
										<div class="homepage col-xs-6 col-sm-3 col-md-3">
						<div class="thumbnail">
						  <div class="caption">
							<h4><a href="item.php?i=74">WE 08-09 april</a></h4>
							<div class="hidden-xs">
								<p>
WETTEREN <b>2</b> - VCL A <b>3</b><br/>
WERVIK <b>3</b> - VCL B <b>0</b><br/>
MARKE-WEBIS<b>3</b> - VCL u17 <b>0</b><br/>
</p>
<p>Overwinning..maar er zat meer in!</p>
								<p><a class="btn btn-danger btn-xs" href="item.php?i=74">Lees meer &raquo;</a></p>
							</div>
						  </div>
						  <div class="img-block">
							<img class="" src="thumb.php?file=img/Heren1_header.jpg&width=250&height=250" alt="...">
						  </div>
						</div>
					</div>
										<div class="homepage col-xs-6 col-sm-3 col-md-3">
						<div class="thumbnail">
						  <div class="caption">
							<h4><a href="item.php?i=73">WE 28-29 januari</a></h4>
							<div class="hidden-xs">
								<p>
TIELT <b>0</b> - VCL A <b>3</b><br/>
TIELT B <b>3</b> - VCL B <b>0</b><br/>
KUURNE <b>3</b> - VCL u17 <b>0</b><br/>
</p>
<p><strong>Vlotte zege met kleine hapering in 2e set.</strong></p>								<p><a class="btn btn-danger btn-xs" href="item.php?i=73">Lees meer &raquo;</a></p>
							</div>
						  </div>
						  <div class="img-block">
							<img class="" src="thumb.php?file=img/Tielt-Loppem16-17.png&width=250&height=250" alt="...">
						  </div>
						</div>
					</div>
										<div class="homepage col-xs-6 col-sm-3 col-md-3">
						<div class="thumbnail">
						  <div class="caption">
							<h4><a href="item.php?i=72">WE 21-22 januari</a></h4>
							<div class="hidden-xs">
								<p>
VCL A <b>3</b> - CITIVO GITS <b>2</b><br/>
BEERNEM A <b>3</b> - VCL B <b>0</b><br/>
VCL u17 <b>0</b> - LENDELEDE <b>3</b><br/>
</p>
<p><strong>Blijven spelen!</strong></p>
								<p><a class="btn btn-danger btn-xs" href="item.php?i=72">Lees meer &raquo;</a></p>
							</div>
						  </div>
						  <div class="img-block">
							<img class="" src="thumb.php?file=img/volleybal_2.jpg&width=250&height=250" alt="...">
						  </div>
						</div>
					</div>
									</div>
			</div>
		</div>
		<hr>
		<div class="row">
			<div class="col-md-5" style="margin-top:15px">
								<div class="media">
				  <div class="media-left">
					  <img class="media-object" src="thumb.php?file=img/vcl fietstocht.png&width=100&height=100" alt="...">
				  </div>
				  <div class="media-body">
					<h4 class="media-heading"><a href="item.php?i=78">Fietshappening en/of BBQ</a></h4>
					<p><p>
Fietsen en BBQ-en tvv VC Loppem op <b>zondag 17 juni</b>.
</p>
</p>
					<p><a class="btn btn-danger btn-xs" href="item.php?i=78">Lees meer &raquo;</a></p>
				  </div>
				</div>
								<div class="media">
				  <div class="media-left">
					  <img class="media-object" src="thumb.php?file=img/20e Sneukelfietstocht.png&width=100&height=100" alt="...">
				  </div>
				  <div class="media-body">
					<h4 class="media-heading"><a href="item.php?i=76">20e Sneukelfietstocht</a></h4>
					<p><p>
Zondag 18 juni 2017<br/>
Start tussen 10.30 u. en 12u aan Parochiaal Centrum.
</p>
</p>
					<p><a class="btn btn-danger btn-xs" href="item.php?i=76">Lees meer &raquo;</a></p>
				  </div>
				</div>
							</div>
			<div class="col-md-4">
				<!--info wedstrijden-->
						  	<div class="well text-center">
		  		
		  		<h4><a href="kalender.php"><span class="glyphicon glyphicon-calendar"></span></a> Volgende Wedstrijden</h4>
		  				<p><wed>zat 10-03 om 20u00 </br> <small>VC LOPPEM - VOLLEY TEAM KORTRIJK (VTK)</small></wed></p>
						<p><wed>zat 10-03 om 20u30 </br> <small>OLVA BRUGGE C - VC LOPPEM B</small></wed></p>
						<p><wed>zat 17-03 om 20u00 </br> <small>VC LOPPEM - VAMOS STEKENE - SINT-GILLIS-WAAS B</small></wed></p>
			
		  	</div>
			</div>
			<div class="col-md-3">
				<!--info contact-->
					  	    <ul id="myTab" class="nav nav-tabs">
              <li class="active"><a href="#sporthal" data-toggle="tab"><span class="glyphicon glyphicon-home"></span> Sporthal</a></li>
              <li><a href="#contact" data-toggle="tab"><span class="glyphicon glyphicon-envelope"></span> Contact</a></li>
            </ul>
            
            <div id="myTabContent" class="tab-content">
              <div class="tab-pane fade in active" id="sporthal">
			  	De Strooien Hane<br />
			  	A. van Caloenstraat 2<br />
			  	8210 Loppem<br />
			  	050/824014 <a href="mailto: strooienhane@gmail.com">mail</a>
              </div>
              <div class="tab-pane fade" id="contact">
              	Jacques Verhaeghe (Voorzitter) <a href="mailto: voorzitter@vcloppem.be">mail</a><br />
              	Pieter Galle (Secretaris) <a href="mailto: secretaris@vcloppem.be">mail</a><br />
              	Johan Dobbelaere (Jeugd) <a href="mailto: jeugdverantwoordelijke@vcloppem.be">mail</a><br />
              	Jelle Scheyving (Website) <a href="mailto: webmaster@vcloppem.be">mail</a><br />
              	
              </div>
			</div>
			<hr class="featurette-divider">
			</div>
		</div>
		
	</div><!--container div-->
		
	<footer class="footer">
		<div class="container">
		    <div class="row">
		    	<div class="col-md-4" style="text-align: center">
		    		<img class="img-rounded" src="img/opel traen noel.gif">
			  	</div>
			  	<div class="col-md-4" style="text-align: center">
		    		<img class="img-rounded" src="img/werco-logo-banner_0.png">
			  	</div>
			  	<div class="col-md-4" style="text-align: center">
		    		<img class="img-rounded" src="img/logo_sebbuilding.gif">
			  	</div>
			</div>
		</div>
	</footer>

    <script src="http://code.jquery.com/jquery.js"></script>
    <!--<script src="js/bootstrap.min.js"></script>-->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="library/snowfall.min.jquery.js"></script>
    
    <script>
	//$(document).snowfall({flakeCount : 200});
	$(document).ready(function() {
		
		$(".fancybox").fancybox({
			openEffect	: 'elastic',
			closeEffect	: 'elastic',
			
			helpers : {
				title : {
					type : 'inside'
				}
			}
		});
		
		$("a[href^=info]").parent().removeClass('active');
		$("a[href^=index]").parent().addClass('active');
		$("[rel='tooltip']").tooltip();
		
		$('.homepage .thumbnail').hover(
			function(){
				$(this).find('.caption').css('background-color', 'rgba(140, 14, 16, 0.75)'); //.fadeIn(250)
			},
			function(){
				$(this).find('.caption').css('background-color', 'rgba(140, 14, 16, 0.30)'); //.fadeOut(205)
			}
		); 
	})
    </script>
	</div>
  </body>
</html>