index.html

---
title:  Blog du voyage de Julie et Pierre-Yves
layout: home
slug:   home
base_url: "./"

---

<div id="carousel-example" class="carousel slide">
  <ol class="carousel-indicators">
    <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example" data-slide-to="1"></li>
    <li data-target="#carousel-example" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="item active">
      <img src="{{ page.base_url }}assets/img/moma-1.jpg" alt="">
      <div class="carousel-caption">
        <h1>Le voyage de Julie et Pierre-Yves</h1>
        <p class="lead">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
        <a href="#" class="btn btn-large">WOOoo</a>
        <a href="#" class="btn btn-large btn-outline">J'en veux plus</a>
      </div>
    </div>
    <div class="item">
      <img src="{{ page.base_url }}assets/img/moma-2.jpg" alt="">
      <div class="carousel-caption">
        <h1>Toujours plus loin</h1>
        <p class="lead">Maecenas sed diam eget risus varius blandit sit amet non magna. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
        <a href="#" class="btn btn-large">WOOoo</a>
        <a href="#" class="btn btn-large btn-outline">J'en veux plus</a>
      </div>
    </div>
    <div class="item">
      <img src="{{ page.base_url }}assets/img/moma-3.jpg" alt="">
      <div class="carousel-caption">
        <h1>Toujours plus haut ^^</h1>
        <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
        <a href="#" class="btn btn-large">WOOoo</a>
        <a href="#" class="btn btn-large btn-outline">J'en veux plus</a>
      </div>
    </div>
  </div>
  <a class="left carousel-control" href="#carousel-example" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>

{% include nav-main.html %}

<div class="featurette">
  <div class="container">
    <p class="lead">Parents, familles, amis, collègues, touristes du Net...</p>
    <h2>BIENVENIDOS</h2>
    <p class="lead">Nous voilà dans les starting-blocks d'un voyage de 5 mois en Amérique du Sud qui s'annonce riche en évènements !</p>
    <p class="lead">Vous trouverez sur ce site quelques infos sur nos préparatifs et notre parcours prévisionnel dans la rubrique "Présentation".
    Nous essaierons de le mettre régulièrement à jour pour que vous puissiez suivre nos aventures...
    en espérant que les connexions Internet locales ne nous freinent pas trop !</p>
    <p class="lead">Bonne lecture et n'hésitez pas à nous poster des petits commentaires, ça fait toujours plaisir !</p>
    <a href="#" class="thumbnail">
      <img src="{{ page.base_url }}assets/img/Carte parcours.jpg" alt="Carte parcours.jpg">
    </a>
  </div>
</div>