doctype html
html
  head
    meta(charset="utf-8")
    title df #{title}
    link(rel="stylesheet", href="css/main.css")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
  body
   header
     .brand Deuxfleurs
     nav
       ul
         li L'association
         li Nos services
         li Documentation
         li 
           a(href="https://guichet.deuxfleurs.fr") Mon compte
     br(style="clear:both")

   main
    article 
      .hero
        img(src="img/paper-clip.png")
      h1 Cher·e internaute, un autre internet est possible 
      p
        | Arrêtez-vous cinq minutes. Prenez le temps de l'imaginer avec moi.
        | Imaginez pouvoir accéder à l'information sans avoir à se demander si c'est une publicité ou non ?
        | Imaginez que vos communications avec vos proches ne soient pas espionnées pour prédire votre prochain malus d'assurance ?
        | Imaginez un lieux où vos amis verrez le contenu que vous publiez et non un obscure contenu viral ?
      // Peut être rajouter des petits dessins genre gribouillage carnet.

      h2 Des cabanes pour se protéger du sombre nuage
      p Blabla

      h2 Rejoignez-nous

  footer
    p Un footer