Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
- <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
- <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
- <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>ADVANCED SKATEBOARDING</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <meta name="description" content="Free HTML5 Template by FREEHTML5.CO" />
- <meta name="keywords" content="free html5, free template, free bootstrap, html5, css3, mobile first, responsive" />
- <meta name="author" content="FREEHTML5.CO" />
- <!--
- //////////////////////////////////////////////////////
- FREE HTML5 TEMPLATE
- DESIGNED & DEVELOPED by FREEHTML5.CO
- Website: http://freehtml5.co/
- Email: info@freehtml5.co
- Twitter: http://twitter.com/fh5co
- Facebook: https://www.facebook.com/fh5co
- //////////////////////////////////////////////////////
- -->
- <!-- Facebook and Twitter integration -->
- <meta property="og:title" content=""/>
- <meta property="og:image" content=""/>
- <meta property="og:url" content=""/>
- <meta property="og:site_name" content=""/>
- <meta property="og:description" content=""/>
- <meta name="twitter:title" content="" />
- <meta name="twitter:image" content="" />
- <meta name="twitter:url" content="" />
- <meta name="twitter:card" content="" />
- <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
- <link rel="shortcut icon" href="favicon.ico">
- <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900' rel='stylesheet' type='text/css'>
- <!-- Animate.css -->
- <link rel="stylesheet" href="css/animate.css">
- <!-- Icomoon Icon Fonts-->
- <link rel="stylesheet" href="css/icomoon.css">
- <!-- Bootstrap -->
- <link rel="stylesheet" href="css/bootstrap.css">
- <!-- Superfish -->
- <link rel="stylesheet" href="css/superfish.css">
- <link rel="stylesheet" href="css/style.css">
- <!-- Search -->
- <!-- Modernizr JS -->
- <script src="js/modernizr-2.6.2.min.js"></script>
- <!-- FOR IE9 below -->
- <!--[if lt IE 9]>
- <script src="js/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <div id="fh5co-wrapper">
- <div id="fh5co-page">
- <div id="fh5co-header-sectioner">
- <header id="fh5co-header-section">
- <div class="container">
- <div class="nav-header">
- <a href="##" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
- <h1 id="fh5co-logo"><a href="index.html">ADVANCED <span style="color: #e62e00; text-shadow:1px 1px 2px black; width: 15px;" class="animate-box"><b>SKATEBOARDING</b></span></a></h1>
- <!-- START #fh5co-menu-wrap -->
- <nav id="fh5co-menu-wrap" role="navigation">
- <ul class="sf-menu" id="fh5co-primary-menu">
- <li class="active active-select">
- <a href="index.html">Home</a>
- </li>
- <li><a href="schedule.html">Spot Skateboard</a></li>
- <li><a href="trainer.html">Spot Longboard & Cruiser</a></li>
- <li><a href="classes.html">Spot à l'Étranger</a></li>
- <li><a href="about.html">About</a></li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
- </nav>
- </div>
- </div>
- </header>
- </div>
- <!-- end:fh5co-header -->
- <div class="fh5co-hero">
- <div class="fh5co-overlay"></div>
- <div class="fh5co-cover" style="background-image: url(images/home-image.jpg);">
- <div class="desc animate-box">
- <div class="container">
- <div class="row">
- <div class="col-md-7">
- <h2><b>ALL SPOTS</b> <i>for</i><br> <b>SKATEBOARDING</b> <br><i>&</i> <b>LONGBOARDING</b></h2>
- <p><span></span></p>
- <p class="fh5co-social-icons-h">
- <a href="https://twitter.com/AdvanceSkatebo1" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/advanceskateboarding/?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
- <!--pour le boutton : https://codepen.io/bnvll/pen/yELbRZ -->
- <!--boutton avec selecteur de page : https://codepen.io/hakimel/pen/gfIsk-->
- <!--////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
- <!-- end:fh5co-hero -->
- <div>
- <link rel="stylesheet" href="search bar/css/style.css">
- <div id="loupe">
- <input id="search" type="text" name="input" class="input" placeholder="Rechercher un lieu...">
- <button type="reset" class="search"></button>
- </div>
- <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
- <script src="search bar/js/index.js"></script>
- </div>
- <div id="fh5co-schedule-section" class="fh5co-lightgray-section" style="padding-top: 55px;">
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <div class="heading-section text-center animate-box">
- <br>
- <br>
- <h2 id="html/">Description</h2>
- <p>D E S C R I P T I O N _ D E S C R I P T I O N _ D E S C R I P T I O N </p>
- <br>
- <h2 id="html/">Nos spots</h2>
- </div>
- </div>
- </div>
- <div class="row animate-box">
- <div class="col-md-10 col-md-offset-1 text-center">
- <ul class="schedule">
- <li><a class="active" data-sched="sunday">Spot Skateboard</a></li>
- <li><a data-sched="monday">Spot Longboard/Cruiser</a></li>
- <li><a data-sched="tuesday">Spot à l'Étranger</a></li>
- </ul>
- </div>
- <div class="row text-center">
- <div id="documents" class="col-md-12 schedule-container">
- <div class="schedule-content active" data-day="sunday">
- <div class="document col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(images/20180331_133115P.jpg); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">La Motte</a></h3>
- <span><a style="color: #fff;">Chops</a></span>
- <br>
- <a class="btn btn-primary" href="article/skate/1_article_skt.html">Lire l'Article</a>
- </div>
- </div>
- <!--<div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/skate/model_article.html">Lire l'Article</a>
- </div>
- </div>
- <div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/skate/model_article.html">Lire l'Article</a>
- </div>
- </div>
- <div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/skate/model_article.html">Lire l'Article</a>
- </div>
- </div>-->
- </div>
- <!-- END sched-content -->
- <div class="schedule-content" data-day="monday">
- <div class="document col-md-3 col-sm-6 ">
- <div class="program program-schedule program-h" style="background: url(images/StAigulf.jpg); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Saint Aygulf</a></h3>
- <span><a style="color: #fff;">Chops</a></span>
- <br>
- <a class="btn btn-primary" href="article/longboard/1_article_long.html">Lire l'Article</a>
- </div>
- </div>
- <div class="document col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(images/StRaph.jpg); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Saint Raphaël</a></h3>
- <span><a style="color: #fff;">Chops</a></span>
- <br>
- <a class="btn btn-primary" href="article/longboard/2_article_long.html">Lire l'Article</a>
- </div>
- </div>
- <!--<div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/longboard/model_article.html">Lire l'Article</a>
- </div>
- </div>
- <div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/longboard/model_article.html">Lire l'Article</a>
- </div>
- </div>-->
- </div>
- <!-- END sched-content -->
- <div class="schedule-content" data-day="tuesday">
- <br>
- <br>
- <br>
- <h3> DÉSOLÉ, PAS D'ARTICLE POUR LE MOMENT :/</h3>
- <!--<div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/etranger/model_article.html">Lire l'Article</a>
- </div>
- </div>
- <div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/etranger/model_article.html">Lire l'Article</a>
- </div>
- </div>
- <div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/etranger/model_article.html">Lire l'Article</a>
- </div>
- </div>
- <div class="col-md-3 col-sm-6">
- <div class="program program-schedule program-h" style="background: url(#); background-size: cover;">
- <img>
- <br>
- <br>
- <h3><a style="color: #fff;">Lieu/Endroit</a></h3>
- <span><a style="color: #fff;">Autor </a></span>
- <br>
- <a class="btn btn-primary" href="article/etranger/model_article.html">Lire l'Article</a>
- </div>
- </div>-->
- </div>
- <!-- END sched-content -->
- <!-- END sched-content -->
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="fh5co-parallax" style="background-image: url(images/home-image-3.jpg);">
- <div class="overlay"></div>
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
- <div class="fh5co-intro fh5co-table-cell animate-box">
- <h1 class="text-center"></h1>
- <p></p>
- </div>
- </div>
- </div>
- </div>
- </div><!-- end: fh5co-parallax -->
- <div id="fh5co-programs-section">
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <div class="heading-section text-center animate-box">
- </div>
- </div>
- </div>
- </div>
- </div>
- <div id="fh5co-team-section" class="fh5co-lightgray-section">
- <!--<div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <div class="heading-section text-center animate-box">
- <br>
- <h2>Notre team</h2>
- </div>
- </div>
- </div>
- <div class="row text-center">
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/Carterider/chops.jpg); background-position: right;">
- <div class="overlay-section">
- <div class="desc">
- <h3>Chops</h3>
- <span style="font-size: 20px;">Rider</span>
- <p>Descriptif : </p>
- <p class="fh5co-social-icons">
- <a href="#" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/titouan.aln/?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/Carterider/puppybrush.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>Puppy brush</h3>
- <span style="font-size: 20px;">Photographer/Rider</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/la_touff_sacree/?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-3.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>Lil dumb</h3>
- <span style="font-size: 20px;">Semi-Rider</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="https://twitter.com/leorb8" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/leo.rbn/?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-4.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>The brain</h3>
- <span style="font-size: 20px;">Developer</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="https://twitter.com/bnvll2" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-5.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>The Minnow</h3>
- <span style="font-size: 20px;">Photographer</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="#" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/jade_harel/?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-6.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>Radius</h3>
- <span style="font-size: 20px;">Sponsor/Rider</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="#" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/radiusibrand/?hl=fr"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-6.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>Tchoupi</h3>
- <span style="font-size: 20px;">Tourist</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="https://twitter.com/tchoupi_tchoupi" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-6.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>Le Polak</h3>
- <span style="font-size: 20px;">Rider</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="#" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/dorian_kluczynski?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-md-4 col-sm-6">
- <div class="team-section-grid animate-box" style="background-image: url(images/trainer-6.jpg);">
- <div class="overlay-section">
- <div class="desc">
- <h3>Polish</h3>
- <span style="font-size: 20px;">Rider</span>
- <p>Descriptif : blablablabla blabla blablablabla bla bla blablablabla blablabla bla</p>
- <p class="fh5co-social-icons">
- <a href="#" target="_blank"><i class="icon-twitter-with-circle"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook-with-circle"></i></a>
- <a href="https://www.instagram.com/_flakluc_/?hl=fr" target="_blank"><i class="icon-instagram-with-circle"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>-->
- <div class="fh5co-parallax" style=" background-color: #F5F5F5;">
- <div class="overlay"></div>
- <div class="container">
- <div class="row">
- <div class="col-md-6 col-md-offset-3 col-md-pull-3 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 fh5co-table">
- <div class="fh5co-intro fh5co-table-cell box-area">
- <div class="animate-box">
- <h1 class="text-center">Il en manque un ?<!--peut etre use pour help dans les spots pour contact us--></h1>
- <p><br>Un spot qui vous plait, vous voulez le partager : Contactez-nous !</p>
- <a href="contact.html" class="btn btn-primary"><b>ICI/HERE</b></a>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div><!-- end: fh5co-parallax -->
- <div class="container">
- <div class="row">
- <div class="col-md-8 col-md-offset-2">
- <div class="heading-section text-center animate-box">
- <br><br>
- <h1><b>MAP REFERENCE</b></h1><span style="padding-left: 50%" />by <a class="" style="margin-left: 5px;" href="https://twitter.com/Leeniiux" target="_blank">Leeniiux</a>
- </div>
- </div>
- </div>
- </div>
- <div id="map" class="fh5co-map"></div>
- <div id="fh5co-blog-section">
- <p id="contact_us"> </p>
- </div>
- <br>
- <!-- fh5co-blog-section -->
- <footer>
- <div id="footer">
- <div class="container">
- <div class="row">
- <div class="col-md-4" style="padding-left: 5px; padding-top: 10px;">
- <a class="btn btn-primary" href="about.html" style="color: #212121;">About Us</a>
- <p> </p>
- </div>
- <div class="col-md-4 animate-box">
- <h3 class="section-title">Notre adresse</h3>
- <ul class="contact-info">
- <li><i class="icon-envelope"></i><a href="#" target="_blank">advance.skateboarding@gmail.com</a></li>
- </ul>
- </div>
- </div>
- <div class="row copy-right">
- <div class="col-md-6 col-md-offset-3 text-center">
- <p class="fh5co-social-icons">
- <a href="https://twitter.com/AdvanceSkatebo1" target="_blank"><i class="icon-twitter2"></i></a>
- <a href="#" target="_blank"><i class="icon-facebook2" target="_blank"></i></a>
- <a href="https://www.instagram.com/advanceskateboarding/?hl=fr" target="_blank"><i class="icon-instagram"></i></a>
- </p>
- </div>
- </div>
- </div>
- </div>
- </footer>
- </div>
- </div>
- <!-- END fh5co-page -->
- </div>
- <!-- END fh5co-wrapper -->
- <!-- jQuery -->
- <script src="js/jquery.min.js"></script>
- <!-- jQuery Easing -->
- <script src="js/jquery.easing.1.3.js"></script>
- <!-- Bootstrap -->
- <script src="js/bootstrap.min.js"></script>
- <!-- Waypoints -->
- <script src="js/jquery.waypoints.min.js"></script>
- <!-- Stellar -->
- <script src="js/jquery.stellar.min.js"></script>
- <!-- Superfish -->
- <script src="js/hoverIntent.js"></script>
- <script src="js/superfish.js"></script>
- <!-- Google Map -->
- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAzLQ_cLI8E4SU6h8mPp_nOAyBUUi74JbM&callback=initMap" type="text/javascript"></script>
- <script src="js/google_map.js"></script>
- <!-- Main JS (Do not remove) -->
- <script src="js/main.js"></script>
- <script>
- document.getElementById('search').addEventListener('keyup', function(e) {
- var search = this.value.toLowerCase();
- var documents = document.querySelectorAll('.document');
- Array.prototype.forEach.call(documents, function(document) {
- // On a bien trouvé les termes de recherche.
- if (document.innerHTML.toLowerCase().indexOf(search) > -1) {
- document.style.display = 'block';
- } else {
- document.style.display = 'none';
- }
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement