<?php 
/*
Template Name: Accueil
*/
get_header(); ?>
      <section id="imgaccueil" class="row">
        <div class="col-12 col-sm-12 col-md-12">
          <img src="<?php bloginfo('template_url'); ?>/img/nathalie.jpg" alt="nathalie paget" />
        </div>
      </section>
      
      <section id="bienvenue" class="row">
        <div class="col-12 col-sm-6 col-md-6">
          <h2>Bienvenue</h2>
          <p>
            Vous souhaitez parler à un psychologue ? <br />
            Concrétiser une démarche personnelle ? <br />
            Comprendre ce qui vous fait souffrir et vous empêche d'avancer ? <br />
            S'autoriser à s'occuper et prendre soin de vous ? <br />
            Exprimer votre souffrance à un professionnel ? <br />
            Désirer un changement, un nouvel équilibre plus épanouissant ?
          </p>
        </div>
        <div class="col-12 col-sm-6 col-md-6">
            <img src="<?php bloginfo('template_url'); ?>/img/salon-1.jpg" alt="Salon de Nathalie Paget" />
        </div>
      </section>
      
      <section id="btjoindre" class="row">
        <div class="col-12 col-sm-8 col-md-8">
          <q>Etre psychologue, c'est vous écouter sans vous juger, accueillir votre parole et vous accompagner sans vous diriger.</q<li></li>>
        </div>
        <div class="col-12 col-sm-4 col-md-4">
          <a href="#">
            <button>
                Pour me joindre
            </button>
          </a>
        </div>
      </section>
      
      <section id="cabinet" class="row">
      
        <div class="col-12 col-sm-12 col-md-12">
          <h2>Le cabinet de psychologie à Boulogne-Billancourt</h2>
        </div>
        
        <div class="col-12 col-sm-6 col-md-3">
          <h3>LE CABINET</h3> 
          <img src="<?php bloginfo('template_url'); ?>/img/salon-2.png" alt="Le cabinet de psychologie à Boulogne-Billancourt" /> 
          <p>Une première présentation du cabinet...</p> 
          <a href="#">en savoir +</a>
        </div>
        
        <div class="col-12 col-sm-6 col-md-3">
          <h3>ADOLESCENTS</h3> 
          <img src="<?php bloginfo('template_url'); ?>/img/salon-2.png" alt="Le cabinet de psychologie à Boulogne-Billancourt" /> 
          <p>L'adolescence est une période de changement, de transition...</p> 
          <a href="#">en savoir +</a>
        </div>
        
        <div class="col-12 col-sm-6 col-md-3">
          <h3>ADULTES</h3> 
          <img src="<?php bloginfo('template_url'); ?>/img/salon-2.png" alt="Le cabinet de psychologie à Boulogne-Billancourt" /> 
          <p>Mon approche d’aide, thérapeutique individuelle, est celui ...</p> 
          <a href="#">en savoir +</a>
        </div>
        
        <div class="col-12 col-sm-6 col-md-3">
          <h3>VICTIMES</h3> 
          <img src="<?php bloginfo('template_url'); ?>/img/salon-2.png" alt="Le cabinet de psychologie à Boulogne-Billancourt" /> 
          <p>Etre victime, c'est avoir vécu un événement traumatisant ...</p> 
          <a href="#">en savoir +</a>
        </div>
        
      </section>
<?php get_footer(); ?>