FlyAcrobatics_Landing_Page/index.html

355 lines
21 KiB
HTML
Executable File
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="google-site-verification" content="r7PfY-asCHRD2ZtTlSovb0iH9H3WdPyBKr5DBhIIrVU" />
<meta name="p:domain_verify" content="4ce9788da443d753cdf545cc95dec38d"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Flying Acrobatics Trampoline Club</title>
<!-- <title>Trampoline | La Vaillante Tubize</title> -->
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/stylish-portfolio.css" rel="stylesheet">
<link href="css/app.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<a id="menu-toggle" href="#" class="btn btn-dark btn-lg toggle"><i class="fa fa-bars"></i></a>
<nav id="sidebar-wrapper">
<ul class="sidebar-nav">
<a id="menu-close" href="#" class="btn btn-light btn-lg pull-right toggle"><i class="fa fa-times"></i></a>
<li class="sidebar-brand">
<a href="#top" onclick = $("#menu-close").click(); >Trampoline</a>
</li>
<li>
<a href="./blog/" onclick = $("#menu-close").click(); >Blog</a>
</li>
<li>
<a href="#about" onclick = $("#menu-close").click(); >A propos</a>
</li>
<li>
<a href="#services" onclick = $("#menu-close").click(); >Cours</a>
</li>
<li>
<a href="#portfolio" onclick = $("#menu-close").click(); >Photos</a>
</li>
<li>
<a href="#contact" onclick = $("#menu-close").click(); >Contact</a>
</li>
</ul>
</nav>
<!-- Header -->
<header id="top" class="header">
<div class="text-vertical-center">
<div class="wellcustom">
<div>
<h1><div><span style="color:#fddd0c;">F</span><span style="color:#fbd60d;">l</span><span style="color:#f9cf0e;">y</span><span style="color:#f7c80f;">i</span><span style="color:#f5c210;">n</span><span style="color:#f3bb11;">g</span><span style="color:#f1b412;"> </span><span style="color:#efad13;">A</span><span style="color:#eda614;">c</span><span style="color:#ea9f15;">r</span><span style="color:#e89916;">o</span><span style="color:#e69217;">b</span><span style="color:#e48b18;">a</span><span style="color:#e28419;">t</span><span style="color:#e07d1a;">i</span><span style="color:#de761b;">c</span><span style="color:#dc701c;">s</span><span style="color:#da691d;"> </span><span style="color:#d8621e;">T</span><span style="color:#d65b1f;">r</span><span style="color:#d45420;">a</span><span style="color:#d24d21;">m</span><span style="color:#d04622;">p</span><span style="color:#ce4023;">o</span><span style="color:#cc3924;">l</span><span style="color:#c93225;">i</span><span style="color:#c72b26;">n</span><span style="color:#c52427;">e</span><span style="color:#c31d28;"> </span><span style="color:#c11729;">C</span><span style="color:#bf102a;">l</span><span style="color:#bd092b;">u</span><span style="color:#bb022c;">b</span></div></h1>
<h2><b><div><span style="color:#fddd0c;">S</span><span style="color:#f9cf0e;">p</span><span style="color:#f5c210;">i</span><span style="color:#f1b412;">r</span><span style="color:#eda614;">i</span><span style="color:#e89916;">t</span><span style="color:#e48b18;"> </span><span style="color:#e07d1a;">i</span><span style="color:#dc701c;">n</span><span style="color:#d8621e;"> </span><span style="color:#d45420;">t</span><span style="color:#d04622;">h</span><span style="color:#cc3924;">e</span><span style="color:#c72b26;"> </span><span style="color:#c31d28;">s</span><span style="color:#bf102a;">k</span><span style="color:#bb022c;">y</span></div></b></h2>
<!-- <h1><img src="Titre.png"></h1> -->
<br>
<a href="#about" class="btn btn-dark btn-lg">Plus d'informations</a>
</div>
</div>
</div>
</header>
<!-- About -->
<section id="about" class="about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Envie de découvrir un sport extra-ordinaire ?</h2>
<p class="lead">Le club <a href="http://www.flyingacrobaticstrampoline.be">Flying Acrobatics Trampoline</a> vous invite à découvrir le Trampoline. Nous vous proposons des cours de tous niveaux et pour tous, dès 6 ans, où chacun peut y trouver bonheur et épanouissement.</p>
<br />
<p class="lead">Nous proposons également des cours de psychomotricité dès l'âge de 3 ans (si l'enfant est propre) où les surfaces élastiques prendront petit à petit leur place.</p>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- Services -->
<!-- The circle icons use Font Awesome's stacked icon classes. For more information, visit http://fontawesome.io/examples/ -->
<section id="services" class="services bg-primary">
<div class="container">
<div class="row text-center">
<div class="col-lg-10 col-lg-offset-1">
<h2>Nos cours</h2>
<hr class="small">
<div class="row">
<div class="col-lg-4 col-lg-offset-2 col-md-4 col-sm-6">
<div class="service-item">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-asterisk fa-stack-1x text-primary"></i>
</span>
<h4>
<strong>Acrokids</strong>
</h4>
<p class="justify">Psychomotricité sortant de lordinaire afin doffrir aux enfants un plus large éventail de sensations. Pour ce faire, et tout en restant orientés vers le développement moteur global de lenfant, nos moniteurs introduiraient progressivement les surfaces élastiques et les jeux déquilibre, en augmentant progressivement le temps qui leur est alloué.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-item">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-star-o fa-stack-1x text-primary"></i>
</span>
<h4>
<strong>Acrobatic Fun</strong>
</h4>
<p class="justify">Cours sans compétition, orienté spécifiquement vers l'évolution de chaque élève à son rythme. L'élève peut participer à un cours par semaine, voire deux dans la limite des places disponibles. </p>
</div>
</div>
<!-- <div class="col-md-4 col-sm-6">
<div class="service-item">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-star-o fa-stack-1x text-primary"></i>
</span>
<h4>
<strong>Loisir Adultes</strong>
</h4>
<p class="justify">Cours avec une pédagogie adaptée aux adultes dès l'échauffement. Orienté spécifiquement vers le plaisir et la maximisation des bienfaits, prouvés, de la pratique du trampoline sur le corps des adultes. L'apprenant évoluera à son rythme suivant ses envies et ses possibilités physique.</p>
</div>
</div> -->
</div>
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="service-item">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-sun-o fa-stack-1x text-primary"></i>
</span>
<h4>
<strong>Compétition : Préparatoire</strong>
</h4>
<p class="justify">Sur sélection des entraîneurs, cours destiné aux enfants de moins de 10 ans à haut potentiel. Les membres de ce groupe ont cours trois fois par semaine, avec en sus une heure gymnique destinée à accroître la maîtrise du corps dans lespace.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-item">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-star-half-o fa-stack-1x text-primary"></i>
</span>
<h4>
<strong>Compétition : Division 3 & 4</strong>
</h4>
<p class="justify">Cours orienté vers la compétition pour les élèves souhaitant pratiquer la compétition sans pression. L'élève peut participer à deux cours par semaine dans la limite des places disponibles.</p>
</div>
</div>
<div class="col-md-4 col-sm-6">
<div class="service-item">
<span class="fa-stack fa-4x">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-star fa-stack-1x text-primary"></i>
</span>
<h4>
<strong>Compétition : Division 1 & 2</strong>
</h4>
<p class="justify">Sur séléction des entraineurs, cours pour les élèves capable de rencontrer les égixences de la D1 et 2. La rigueur et lassiduité sont essentielles pour le bon fonctionnement et développement de ce groupe.</p>
</div>
</div>
</div>
<!-- /.row (nested) -->
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="service-item">
<a href="./blog/?page_id=948" class="btn btn-lg btn-light">Plus de détails ?</a>
&nbsp;
<!-- <a href="./img/horaires_tarifs_2016-17.pdf" class="btn btn-lg btn-light">Horaire et Tarifs</a> -->
</div>
</div>
</div>
</div>
<!-- /.col-lg-10 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- Callout -->
<aside class="callout">
<div class="text-vertical-center">
<h1>Un amusement de haut vol !</h1>
</div>
</aside>
<!-- Portfolio -->
<section id="portfolio" class="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1 text-center">
<h2>Notre travail</h2>
<hr class="small">
<div class="row">
<div class="col-md-6">
<div class="portfolio-item">
<img class="img-portfolio img-responsive" src="img/portfolio-1.jpg">
</div>
</div>
<div class="col-md-6">
<div class="portfolio-item">
<img class="img-portfolio img-responsive" src="img/portfolio-2.jpg">
</div>
</div>
<div class="col-md-6">
<div class="portfolio-item">
<img class="img-portfolio img-responsive" src="img/portfolio-3.jpg">
</div>
</div>
<div class="col-md-6">
<div class="portfolio-item">
<img class="img-portfolio img-responsive" src="img/portfolio-4.jpg">
</div>
</div>
</div>
<!-- /.row (nested) -->
</div>
<!-- /.col-lg-10 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</section>
<!-- Call to Action -->
<aside class="call-to-action bg-primary">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h3>Envie d'en savoir plus ?</h3>
<a href="./blog/" class="btn btn-lg btn-light">Visitez notre blog !</a>
</div>
</div>
</div>
</aside>
<!-- Map -->
<section id="contact" class="map">
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2530.040653747835!2d4.362269693321058!3d50.64493612442071!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c3cd9b55068c99%3A0x37580cc7386a4393!2sEcole+communale+de+Lillois!5e0!3m2!1sfr!2sbe!4v1530468171311" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
<!-- <iframe frameborder="0" style="border:0" allowfullscreen></iframe> -->
<br />
<small>
<a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;aq=0&amp;oq=twitter&amp;sll=50.6854616&amp;sspn=4.2009541&amp;ie=UTF8&amp;t=m&amp;z=17&amp;iwloc=A"></a>
</small>
</section>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-10 col-lg-offset-1 text-center">
<img class="img-portfolio img-responsive" src="img/logo.min.png">
<h4><strong><div><span style="color:#fddd0c;">F</span><span style="color:#fbd60d;">l</span><span style="color:#f9cf0e;">y</span><span style="color:#f7c80f;">i</span><span style="color:#f5c210;">n</span><span style="color:#f3bb11;">g</span><span style="color:#f1b412;"> </span><span style="color:#efad13;">A</span><span style="color:#eda614;">c</span><span style="color:#ea9f15;">r</span><span style="color:#e89916;">o</span><span style="color:#e69217;">b</span><span style="color:#e48b18;">a</span><span style="color:#e28419;">t</span><span style="color:#e07d1a;">i</span><span style="color:#de761b;">c</span><span style="color:#dc701c;">s</span><span style="color:#da691d;"> </span><span style="color:#d8621e;">T</span><span style="color:#d65b1f;">r</span><span style="color:#d45420;">a</span><span style="color:#d24d21;">m</span><span style="color:#d04622;">p</span><span style="color:#ce4023;">o</span><span style="color:#cc3924;">l</span><span style="color:#c93225;">i</span><span style="color:#c72b26;">n</span><span style="color:#c52427;">e</span><span style="color:#c31d28;"> </span><span style="color:#c11729;">C</span><span style="color:#bf102a;">l</span><span style="color:#bd092b;">u</span><span style="color:#bb022c;">b</span></div></strong>
</h4>
<p>Rue René Francq, 7<br />1428 Lillois-Witterzée<br /><i>Dans la salle omnisports de l'école Pré Vert de Lillois, à <b>1 minute</b> à pied de la gare.</p>
<ul class="list-unstyled">
<!-- <li><i class="fa fa-phone fa-fw"></i>0484/14.25.28</li> -->
<li><i class="fa fa-envelope-o fa-fw"></i>&nbsp;<a href="mailto:info@FlyingAcrobaticsTrampoline.be">info@FlyingAcrobaticsTrampoline.be</a>
</li>
</ul>
<br>
<ul class="list-inline">
<li>
<a href="https://www.facebook.com/flyingacrobaticstrampoline/" target="_blank" title="Suivez-nous sur Facebook"><i class="fa fa-facebook-square fa-fw fa-3x"></i></a>
</li>
<li>
<a href="https://twitter.com/AcrobaticTeam" target="_blank" title="Suivez-nous sur Twitter"><i class="fa fa-twitter-square fa-fw fa-3x"></i></a>
</li>
<li>
<a href="https://www.instagram.com/flyingacrobaticstrampoline/" target="_blank" title="Suivez-nous sur Instagram"><i class="fa fa-instagram fa-fw fa-3x" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.pinterest.com/flyingacrobatic/" target="_blank" title="Suivez-nous sur Pinterest"><i class="fa fa-pinterest-square fa-fw fa-3x"></i></a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCYo6D06OtD1uZjvKN1bQA6Q" target="_blank" title="Suivez-nous sur Youtube"><i class="fa fa-youtube-square fa-fw fa-3x"></i></a>
</li>
<li>
<a href="https://plus.google.com/u/0/110507928778494264856" target="_blank" title="Suivez-nous sur Google+"><i class="fa fa-google-plus-square fa-fw fa-3x"></i></a>
</li>
<li>
<a href="https://www.flickr.com/photos/143110074@N07/" target="_blank" title="Suivez-nous sur FlickR"><i class="fa fa-flickr fa-fw fa-3x" aria-hidden="true"></i></a>
</li>
<li>
<a href="http://flyingacrobaticstrampoline.tumblr.com" target="_blank" title="Suivez-nous sur Tumblr"><i class="fa fa-tumblr-square fa-fw fa-3x" aria-hidden="true"></i></a>
</li>
</ul>
<hr class="small">
<p class="text-muted">Copyright &copy; Flying Acrobatics Trampoline Club 2016</p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Custom Theme JavaScript -->
<script>
// Closes the sidebar menu
$("#menu-close").click(function(e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Opens the sidebar menu
$("#menu-toggle").click(function(e) {
e.preventDefault();
$("#sidebar-wrapper").toggleClass("active");
});
// Scrolls to the selected menu item on the page
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') || location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
<!-- http://patorjk.com/text-color-fader/ -->
</body>
</html>