|
|
Line 9: |
Line 9: |
| <div class="st-content"> | | <div class="st-content"> |
| <section id="top-section-hero" class="top-section-title"> | | <section id="top-section-hero" class="top-section-title"> |
- | <div class="gradient-overlay"></div>
| + | <div class="gradient-overlay"></div> |
| <header id="top-header" class="col-lg-10 col-sm-12"> | | <header id="top-header" class="col-lg-10 col-sm-12"> |
| <svg id="menu-trigger" class="icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect"> | | <svg id="menu-trigger" class="icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect"> |
Line 32: |
Line 32: |
| </header> | | </header> |
| <div class="jumbotron text-left"> | | <div class="jumbotron text-left"> |
- | <div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
| + | <div class="animated hiding" data-animation="fadeInLeft" data-delay="500"> |
- | <h1>Speakers</h1>
| + | <h1>Speakers</h1> |
- | </div>
| + | </div> |
- | </div>
| + | </div> |
| </section> | | </section> |
- | </html>
| |
- |
| |
- |
| |
- | <html>
| |
| <section id="speakers"> | | <section id="speakers"> |
- | <div class="content-wrapper">
| + | <div class="content-wrapper"> |
- | <div class="col-lg-10 col-lg-offset-1">
| + | <div class="col-lg-10 col-lg-offset-1"> |
- | <h5>Advisors</h5>
| + | <h5>Advisors</h5> |
- | </html> | + | </html> |
- | {{:Team:Evry/Member:Tiffany}} | + | {{:Team:Evry/Member:Tiffany}} |
- | {{:Team:Evry/Member:Tristan}} | + | {{:Team:Evry/Member:Tristan}} |
- | {{:Team:Evry/Member:Pierre}} | + | {{:Team:Evry/Member:Pierre}} |
- | {{:Team:Evry/Member:Adrien}} | + | {{:Team:Evry/Member:Adrien}} |
- | <html>
| + | <html> |
- |
| + | |
- | <h5>Students</h5>
| + | <h5>Students</h5> |
- | <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
| + | </div> |
- | <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-7">
| + | </div> |
- | <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/nfrancois.jpg)">
| + | </section> |
- | <div class="overlay"></div>
| + | |
- |
| + | |
- | <figcaption>
| + | |
- | <div class="col-md-8 col-xs-8 text-left">
| + | |
- | <h2 class="name">Nicolas <span>François</span></h2>
| + | |
- | <div class="clearfix"></div>
| + | |
- | <span class="position">SFEIR</span>
| + | |
- | </div>
| + | |
- |
| + | |
- | </figcaption>
| + | |
- | <p class="bio">Développeur Java pour Sfeir le jour, Dart Knight codeur la nuit. Séduit par le langage, il s'y intéresse depuis plus d'un an en évangélisant les Jug et GDG avec Guillaume Girou. Avec l’aide de Vincent Bostoen, le trio anime une page Google+ dédiée à Dart.</p>
| + | |
- | </figure>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
| + | |
- | <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-8">
| + | |
- | <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/tlau.jpg)">
| + | |
- | <div class="overlay"></div>
| + | |
- |
| + | |
- | <figcaption>
| + | |
- | <div class="col-md-8 col-xs-8 text-left">
| + | |
- | <h2 class="name">Thierry <span>Lau</span></h2>
| + | |
- | <div class="clearfix"></div>
| + | |
- | <span class="position">SFEIR</span>
| + | |
- | </div>
| + | |
- |
| + | |
- | <a href="https://plus.google.com/+ThierryLAU" target="_blank">
| + | |
- | <svg class="icon icon-google-plus" viewBox="0 0 30 32">
| + | |
- | <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-google-plus"></use>
| + | |
- | </svg>
| + | |
- | </a>
| + | |
- |
| + | |
- | <a href="https://twitter.com/laut3rry" target="_blank">
| + | |
- | <svg class="icon icon-twitter" viewBox="0 0 30 32">
| + | |
- | <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
| + | |
- | </svg>
| + | |
- | </a>
| + | |
- |
| + | |
- | <a href="https://github.com/lauterry" target="_blank">
| + | |
- | <svg class="icon icon-github" viewBox="0 0 30 32">
| + | |
- | <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-github"></use>
| + | |
- | </svg>
| + | |
- | </a>
| + | |
- |
| + | |
- | </figcaption>
| + | |
- | <p class="bio">Développeur Front End chez [SFΞIR], Thierry est passionné par HTML5, CSS3, JavaScript et plus particulièrement fan d'AngularJS car il est persuadé qu'il aide à développer des applications Web modernes, maintenables de manière la plus simple, rapide et efficace possible.Pour cela, il s’est également intéressé aux outils qui viennent armer les développeurs Web modernes tels que Grunt, Yeoman, Bower, Developer tools de Chrome. Il a créé ngTailor, un générateur Yeoman pour un project et workflow AngularJS sur mesure.Il est également créateur et co-modérateur de la communauté française HTML5 * CSS3 [FR] sur Google+ et anime également la page Google+ HTML5 * CSS3 - ʕ๏̮๏ʔ, deux endroits où vous pouvez venir partager avec lui sa passion des technologies du Web.</p>
| + | |
- | </figure>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
| + | |
- | <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-9">
| + | |
- | <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/rgoetter.jpg)">
| + | |
- | <div class="overlay"></div>
| + | |
- |
| + | |
- | <figcaption>
| + | |
- | <div class="col-md-8 col-xs-8 text-left">
| + | |
- | <h2 class="name">Raphaël <span>Goetter</span></h2>
| + | |
- | <div class="clearfix"></div>
| + | |
- | <span class="position">Alsacreations</span>
| + | |
- | </div>
| + | |
- |
| + | |
- | <a href="https://twitter.com/goetter" target="_blank">
| + | |
- | <svg class="icon icon-twitter" viewBox="0 0 30 32">
| + | |
- | <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
| + | |
- | </svg>
| + | |
- | </a>
| + | |
- |
| + | |
- | </figcaption>
| + | |
- | <p class="bio">Créateur du site Alsacreations.com, communauté libre d'apprentissage web spécialisée dans les standards. Co-fondateur de l'agence web Alsacreations.fr. Expert et Formateur en langages HTML et CSS et auteur de divers livres techniques chez Eyrolles.</p>
| + | |
- | </figure>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- |
| + | |
- | </div>
| + | |
- | <span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
| + | |
- | <a class="bottom-section-link" href="https://docs.google.com/forms/d/1mfxnToreqFZp98sYrp3NF2jheEmkqnNbRcQTYfsXVKk/viewform" target="_blank">Become a speaker</a>
| + | |
- | </span>
| + | |
- | </div>
| + | |
- | </section> | + | |
| </html> | | </html> |
| | | |