first commit
This commit is contained in:
Gregory Trullemans
commit
e5ba027ea8
|
|
@ -0,0 +1,3 @@
|
|||
.htaccess
|
||||
./blog/*
|
||||
./CowGirl/*
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
/*h1 {
|
||||
font-family: "Dragon is Coming", inherit;
|
||||
}
|
||||
|
||||
.text-vertical-center h1 {
|
||||
font-size: 9.5em;
|
||||
}*/
|
||||
|
||||
p.justify {
|
||||
text-align: justify;
|
||||
text-justify: distribute;
|
||||
}
|
||||
|
||||
.wellcustom {
|
||||
min-height: 20px;
|
||||
padding: 19px;
|
||||
margin-bottom: 20px;
|
||||
/*background-color: #f5f5f5;*/
|
||||
/*border: 1px solid #e3e3e3;*/
|
||||
/*border-radius: 4px;*/
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
|
||||
background-color: rgba(245,245,245,.45);
|
||||
/* background-image: url("https://www.flyingacrobaticstrampoline.be/img/logo.min.png"); */
|
||||
background-repeat:no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.table-bordered {
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
|
||||
th.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.push-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
td.pull-left {
|
||||
text-align: left;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,3 @@
|
|||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,239 @@
|
|||
/*!
|
||||
* Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
|
||||
* Code licensed under the Apache License v2.0.
|
||||
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
|
||||
*/
|
||||
|
||||
/* Global Styles */
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
|
||||
}
|
||||
|
||||
.text-vertical-center {
|
||||
display: table-cell;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.text-vertical-center h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 4.5em;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Custom Button Styles */
|
||||
|
||||
.btn-dark {
|
||||
border-radius: 0;
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
.btn-dark:hover,
|
||||
.btn-dark:focus,
|
||||
.btn-dark:active {
|
||||
color: #fff;
|
||||
background-color: rgba(0,0,0,0.7);
|
||||
}
|
||||
|
||||
.btn-light {
|
||||
border-radius: 0;
|
||||
color: #333;
|
||||
background-color: rgb(255,255,255);
|
||||
}
|
||||
|
||||
.btn-light:hover,
|
||||
.btn-light:focus,
|
||||
.btn-light:active {
|
||||
color: #333;
|
||||
background-color: rgba(255,255,255,0.8);
|
||||
}
|
||||
|
||||
/* Custom Horizontal Rule */
|
||||
|
||||
hr.small {
|
||||
max-width: 100px;
|
||||
}
|
||||
|
||||
/* Side Menu */
|
||||
|
||||
#sidebar-wrapper {
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
right: 0;
|
||||
width: 250px;
|
||||
height: 100%;
|
||||
margin-right: -250px;
|
||||
overflow-y: auto;
|
||||
background: #222;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
-moz-transition: all 0.4s ease 0s;
|
||||
-ms-transition: all 0.4s ease 0s;
|
||||
-o-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 250px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.sidebar-nav li {
|
||||
text-indent: 20px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
.sidebar-nav li a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.sidebar-nav li a:hover {
|
||||
text-decoration: none;
|
||||
color: #fff;
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.sidebar-nav li a:active,
|
||||
.sidebar-nav li a:focus {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sidebar-nav > .sidebar-brand {
|
||||
height: 55px;
|
||||
font-size: 18px;
|
||||
line-height: 55px;
|
||||
}
|
||||
|
||||
.sidebar-nav > .sidebar-brand a {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.sidebar-nav > .sidebar-brand a:hover {
|
||||
color: #fff;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#menu-toggle {
|
||||
z-index: 1;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#sidebar-wrapper.active {
|
||||
right: 250px;
|
||||
width: 250px;
|
||||
-webkit-transition: all 0.4s ease 0s;
|
||||
-moz-transition: all 0.4s ease 0s;
|
||||
-ms-transition: all 0.4s ease 0s;
|
||||
-o-transition: all 0.4s ease 0s;
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
.toggle {
|
||||
margin: 5px 5px 0 0;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
.header {
|
||||
display: table;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../img/bg.jpg) no-repeat center center scroll;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
|
||||
/* About */
|
||||
|
||||
.about {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
/* Services */
|
||||
|
||||
.services {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.service-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
/* Callout */
|
||||
|
||||
.callout {
|
||||
display: table;
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
color: #fff;
|
||||
background: url(../img/callout.jpg) no-repeat center center scroll;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
|
||||
/* Portfolio */
|
||||
|
||||
.portfolio {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.portfolio-item {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.img-portfolio {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.img-portfolio:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Call to Action */
|
||||
|
||||
.call-to-action {
|
||||
padding: 50px 0;
|
||||
}
|
||||
|
||||
.call-to-action .btn {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
/* Map */
|
||||
|
||||
.map {
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
@media(max-width:768px) {
|
||||
.map {
|
||||
height: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
footer {
|
||||
padding: 100px 0;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 333 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 280 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 83 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 792 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
|
|
@ -0,0 +1,354 @@
|
|||
<!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 l’ordinaire afin d’offrir aux enfants un plus large éventail de sensations. Pour ce faire, et tout en restant orientés vers le développement moteur global de l’enfant, 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 l’espace.</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 l’assiduité 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>
|
||||
|
||||
<!-- <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&source=embed&hl=en&geocode=&aq=0&oq=twitter&sll=50.6854616&sspn=4.2009541&ie=UTF8&t=m&z=17&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> <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 © 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>
|
||||
|
|
@ -0,0 +1,142 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<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="description" content="">
|
||||
<meta name="author" content="">
|
||||
|
||||
<title>Flying Acrobatics Trampoline Club</title>
|
||||
<!-- <title>Trampoline | La Vaillante Tubize</title> -->
|
||||
|
||||
<link href="css/output.css" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body class="dark:bg-sky-950 text-white">
|
||||
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto">
|
||||
<div class="relative isolate overflow-hidden bg-sky-700 px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-18 lg:pt-0">
|
||||
<div class="mx-auto max-w-md text-center lg:mx-0 lg:flex-auto lg:py-[12.8rem] lg:text-left">
|
||||
<h1 class="text-3xl font-bold tracking-tight sm:text-3xl text-slate-200">Flying Acrobatics Trampoline</h1>
|
||||
<h2 class="text-lg font-bold tracking-tight sm:text-lg text-gray-200">Spirit in the sky</h2>
|
||||
<p class="mt-6 text-lg leading-8 text-gray-300">
|
||||
Discipline exclusivement acrobatique mélangeant audace, performances physiques, force, souplesse et maîtrise technique, le <i>trampoline</i> peut se pratiquer en individuel ou en synchronisé, tant en compétition qu’en loisir. Conjuguant l'aspect acrobatique à l’adrénaline des sensations verticales, il peut être considéré à la fois comme un sport et une attraction.
|
||||
</p>
|
||||
<div class="mt-10 flex items-center justify-center gap-x-6 lg:justify-start">
|
||||
<a href="https://www.flyingacrobaticstrampoline.be/blog/" class="rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-sm hover:bg-gray-100 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white">C'est parti</a>
|
||||
<a href="#" class="text-sm font-semibold leading-6 text-white">Plus d'information <span aria-hidden="true">→</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="relative">
|
||||
<img class="absolute left-0 top-0 w-[75rem] max-w-none rounded-md bg-white/5 ring-1 ring-white/10" src="./img/bg.jpg" alt="App screenshot">
|
||||
<svg class="absolute inset-y-0 h-full fill-current text-sky-700 w-32 -ml-16" preserveAspectRatio="none" viewBox="0 0 100 100">
|
||||
<polygon points="50,0 100,0 50,100, 0,100"></polygon>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- About -->
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto max-w-7xl py-12 sm:px-6 sm:py-32 md:py-24 lg:py-32 lg:px-8">
|
||||
<div class="relative isolate overflow-hidden bg-sky-700 px-6 pt-16 shadow-2xl sm:rounded-3xl sm:px-16 md:pt-24 lg:flex lg:gap-x-20 lg:px-18 lg:pt-0">
|
||||
<div class="mx-auto text-center lg:mx-0 lg:flex-auto lg:py-12">
|
||||
<h2 class="text-3xl">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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto max-w-7xl px-6 lg:px-8">
|
||||
<dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4 dark:bg-slate-800 rounded-lg p-6">
|
||||
<dt class="text-base leading-7 text-gray-300 text-justify">Psychomotricité sortant de l’ordinaire afin d’offrir aux enfants un plus large éventail de sensations. Tout en restant orientés vers le développement moteur global de l’enfant, les moniteurs introduisent progressivement des surfaces élastiques et les jeux d’équilibre.</dt>
|
||||
<dd class="order-first text-3xl font-semibold tracking-tight text-sky-700 sm:text-5xl">Acrokids</dd>
|
||||
</div>
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4 dark:bg-slate-800 rounded-lg p-6">
|
||||
<dt class="text-base leading-7 text-gray-300 text-justify">Cours sans compétition, orienté spécifiquement vers l'évolution de chaque élève en suivant son rythme et ses envies. L'élève peut participer à un cours par semaine d'une heure et demi pour les plus petits (-11 ans) ou 2h pour les plus grands (12 ans et plus).</dt>
|
||||
<dd class="order-first text-3xl font-semibold tracking-tight text-sky-700 sm:text-5xl">AcroFun</dd>
|
||||
</div>
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4 dark:bg-slate-800 rounded-lg p-6">
|
||||
<dt class="text-base leading-7 text-gray-300 text-justify">Sur sélection des entraîneurs, cours destiné aux enfants ayant entre 8 ans et 10 ans à haut potentiel. Les membres de ce groupe ont cours deux fois par semaine, avec en sus une heure gymnique destinée à accroître la maîtrise du corps dans l’espace.</dt>
|
||||
<dd class="order-first text-3xl font-semibold tracking-tight text-sky-700 sm:text-5xl">AcroSchool</dd>
|
||||
</div>
|
||||
</dl>
|
||||
<br />
|
||||
<dl class="grid grid-cols-1 gap-x-8 gap-y-16 text-center lg:grid-cols-3">
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4">
|
||||
<dt class="text-base leading-7 text-gray-600"></dt>
|
||||
<dd class="order-first text-3xl font-semibold tracking-tight text-sky-700 sm:text-5xl"></dd>
|
||||
</div>
|
||||
<div class="mx-auto flex max-w-xs flex-col gap-y-4 dark:bg-slate-800 rounded-lg p-6">
|
||||
<dt class="text-base leading-7 text-gray-300 text-justify">Sur sélection des entraîneurs, cours pour les élèves capable de rencontrer les exigences de la Division 1 et Division 2. La rigueur et l’assiduité sont essentielles pour le bon fonctionnement et développement de ce groupe.</dt>
|
||||
<dd class="order-first text-3xl font-semibold tracking-tight text-sky-700 sm:text-5xl">AcroTeam</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Amusement de haut vol -->
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto max-w-7xl py-12 sm:px-6 sm:py-32 md:py-24 lg:py-32 lg:px-8 ">
|
||||
<div class="relative isolate overflow-hidden pt-16 shadow-2xl sm:rounded-3xl md:pt-24 lg:flex lg:pt-0">
|
||||
<div class="mx-auto text-center lg:mx-0 lg:flex-auto flex items-center">
|
||||
<img src="./img/callout.jpg" alt="Un amusement de haut vol" />
|
||||
<h1 class="text-white font-semibold absolute text-5xl top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">Un amusement de haut vol !</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Notre travail -->
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto max-w-7xl py-12 sm:px-6 sm:py-32 md:py-24 lg:py-32 lg:px-8 ">
|
||||
<div class="relative isolate overflow-hidden pt-16 shadow-2xl sm:rounded-3xl md:pt-24 lg:flex lg:pt-0">
|
||||
<div class="mx-auto text-center lg:mx-0 lg:flex-auto flex items-center">
|
||||
<img src="./img/callout.jpg" alt="Un amusement de haut vol" />
|
||||
<h1 class="text-white font-semibold absolute text-5xl top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">NOTRE TRAVAIL !</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Notre travail -->
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto max-w-7xl py-12 sm:px-6 sm:py-32 md:py-24 lg:py-32 lg:px-8 ">
|
||||
<div class="relative isolate overflow-hidden pt-16 shadow-2xl sm:rounded-3xl md:pt-24 lg:flex lg:pt-0">
|
||||
<div class="mx-auto text-center lg:mx-0 lg:flex-auto flex items-center">
|
||||
<img src="./img/callout.jpg" alt="Un amusement de haut vol" />
|
||||
<h1 class="text-white font-semibold absolute text-5xl top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">GOOGLE MAP !</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Notre travail -->
|
||||
<div class="dark:bg-sky-950">
|
||||
<div class="mx-auto max-w-7xl py-12 sm:px-6 sm:py-32 md:py-24 lg:py-32 lg:px-8 ">
|
||||
<div class="relative isolate overflow-hidden pt-16 shadow-2xl sm:rounded-3xl md:pt-24 lg:flex lg:pt-0">
|
||||
<div class="mx-auto text-center lg:mx-0 lg:flex-auto flex items-center">
|
||||
<img src="./img/callout.jpg" alt="Un amusement de haut vol" />
|
||||
<h1 class="text-white font-semibold absolute text-5xl top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">Adresse + logo réseaux sociaux !</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,9 @@
|
|||
/** @type {import('tailwindcss').Config} */
|
||||
module.exports = {
|
||||
content: ["./index_new.html"],
|
||||
theme: {
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue