C'est avec tristesse que l'établissement doit fermer ses portes à partir de vendredi 30/10 pour une durée encore indéterminée suite au reconfinement.

Hâte de vous revoir.

En attendant, prenez soin de vous et de vos proches.

test

<div class="header-section">
  <h3>Soins Visage : Éclat et Équilibre</h3>
<p>Offrez à votre peau une véritable parenthèse de bien-être avec <strong>des soins visage</strong> adaptés à vos besoins spécifiques chez <strong>Clermise et Ophanie</strong> qui vous propose une gamme de traitements qui visent à sublimer votre teint et à améliorer la santé de votre peau.</p>
<a href="https://66f428ae3345e283c4717712.renderer.wavy.fr/Soins%20Visage" class="experience-button">En savoir plus</a>
</div>


<div class="portfolio-grid">
  
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1727439112/Clermise_et_Ophanie-IMG_1-1.png" alt="Projet 1">
  </div>
	 
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1727444746/Clermise_et_Ophanie-IMG_1-3.png" alt="Projet 1">
  </div>
	 
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1727444746/Clermise_et_Ophanie-IMG_1-2.png" alt="Projet 1">
  </div>
</div>

test2

<div class="header-section">
  <h3>Soins Visage : Éclat et Équilibre</h3>
<p>Circa hos dies Lollianus primae lanuginis adulescens, Lampadi filius ex praefecto, exploratius causam Maximino spectante, convictus codicem noxiarum artium nondum per aetatem firmato consilio descripsisse, exulque mittendus, ut sperabatur, patris inpulsu provocavit ad principem, et iussus ad eius comitatum duci, de fumo, ut aiunt, in flammam traditus Phalangio Baeticae consulari cecidit funesti carnificis manu.</p>
<a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/test3" class="experience-button">Réserver</a>
</div>




<div class="portfolio-grid">
    <div class="card">
        <a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/">
            <img src="https://res.cloudinary.com/wavy/image/upload/v1727700712/Clermise_et_Ophanie-IMG_1-2_copie.png" alt="Description de l'image 1">
            <span class="overlay"></span>
        </a>
    </div>
    <div class="card">
        <a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/">
            <img src="https://res.cloudinary.com/wavy/image/upload/v1727700712/Clermise_et_Ophanie-IMG_1-3_copie.png" alt="Description de l'image 1">
            <span class="overlay"></span>
        </a>
    </div>
    <div class="card">
        <a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/">
            <img src="https://res.cloudinary.com/wavy/image/upload/v1727700712/Clermise_et_Ophanie-IMG_1-1_copie.png" alt="Description de l'image 1">
            <span class="overlay"></span>
        </a>
    </div>
</div>

test3

<div class="header-section">
  <h3>Prestations</h3>
<p></p>
</div>


<div class="portfolio-grid">
  
  <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1730374116/test----IMG--1.png" alt="Description de l'image">
    <div class="overlay">
        <div class="text">Coiffure femme</div>
    </div>
</div>
	 
	   <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1730374115/test----IMG--2.png" alt="Description de l'image">
    <div class="overlay">
        <div class="text">Coiffure homme</div>
    </div>
</div>
	
	 <div class="card">
    <img src="https://res.cloudinary.com/wavy/image/upload/v1730374116/test----IMG--3.png" alt="Description de l'image">
    <div class="overlay">
        <div class="text">Mèches et balayage</div>
    </div>
</div>

</div>

test4

<h3 class="center heading-one">Des prestations coiffure variées pour vous sublimer !</h3>


<div class="gallery">
  
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1730374116/test----IMG--1.png" alt="Coiffure femme" class="img">
          <figcaption class="img-caption">Coiffure femme</figcaption>
        </figure>
      </div>
      <div class="flip-card-back">
        <h2>Coiffure femme</h2>
       <p class="info-para">Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur.
Fuerit toto in consulatu sine provincia, cui fuerit, antequam designatus est, decreta provincia. Sortietur an non? Nam et non sortiri absurdum est, et, quod sortitus sis, non habere....</p>
<a href="#" class="link-info link-white">Réserver</a> 
      </div>
    </div>
    
    <div class="button-container">
      <button class="view-more-btn">voir plus</button>
    </div>
  </div>

  
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1730374115/test----IMG--2.png" alt="Coiffure homme" class="img">
          <figcaption class="img-caption">Coiffure homme</figcaption>
        </figure>
      </div>
      <div class="flip-card-back">
        <h2>Coiffure homme</h2>
       <p class="info-para">Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur.
Fuerit toto in consulatu sine provincia, cui fuerit, antequam designatus est, decreta provincia. Sortietur an non? Nam et non sortiri absurdum est, et, quod sortitus sis, non habere....</p>
<a href="#" class="link-info link-white">Réserver</a> 
      </div>
    </div>
    
    <div class="button-container">
      <button class="view-more-btn">voir plus</button>
    </div>
  </div>

  
  <div class="flip-card">
    <div class="flip-card-inner">
      <div class="flip-card-front">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1730374116/test----IMG--3.png" alt="Mèches et balayage" class="img">
          <figcaption class="img-caption">Coiffure femme</figcaption>
        </figure>
      </div>
      <div class="flip-card-back">
        <h2>Mèches et balayage</h2>
       <p class="info-para">Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare quaedam conducentia saluti suae per itinera conaretur.
Fuerit toto in consulatu sine provincia, cui fuerit, antequam designatus est, decreta provincia. Sortietur an non? Nam et non sortiri absurdum est, et, quod sortitus sis, non habere....</p>
<a href="#" class="link-info link-white">Réserver</a> 
      </div>
    </div>
    
    <div class="button-container">
      <button class="view-more-btn">voir plus</button>
    </div>
  </div>
</div>


<img src="https://res.cloudinary.com/wavy/image/upload/v1693919143/tt-hr.png" alt="Salon de coiffure à Paris">

test 5

<h3 class="center heading-one">Noël</h3>


<div class="gallery-6">
  
  <div class="flip-card-6">
    <div class="flip-card-inner-6">
      <div class="flip-card-front-6">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1733149352/test----IMG--4.png" alt="Coiffure femme" class="img">
          <figcaption class="img-caption">galerie noël</figcaption>
        </figure>
      </div>
      <div class="flip-card-back-6">
        <img src="https://res.cloudinary.com/wavy/image/upload/v1733149554/test----IMG--4-v2.png" alt="Coiffure femme" class="img">
<a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/Photos" class="link-info link-white-6">voir plus</a> 
      </div>
    </div>
  </div>
</div>


<img src="https://res.cloudinary.com/wavy/image/upload/v1693919143/tt-hr.png" alt="Salon de coiffure à Paris">

test6




<Cols 3>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176882/1test----.png)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176884/2test----.png)
</Col>
<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176881/4test----.png)
</Col>
</Cols>


<Cols 3>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176881/3test----.png)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176885/6test----.png)
</Col>
<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176880/5test----.png)
</Col>
</Cols>

<Cols 3>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176883/7test----.png)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1733176885/8test----.png)
</Col>
<Col>
</Col>
</Cols>

<h3 class="center heading-one">Maquillage</h3>


<div class="gallery-7">
  
  <div class="flip-card-7">
    <div class="flip-card-inner-7">
      <div class="flip-card-front-7">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1735291129/bannier-BEAUTY_GLOW1---------.png" alt="Coiffure femme" class="img">
          <figcaption class="img-caption">Galerie</figcaption>
        </figure>
      </div>
      <div class="flip-card-back-7">
        <img src="https://res.cloudinary.com/wavy/image/upload/v1735291350/bannier-BEAUTY_GLOW1--hov---------.png" alt="Coiffure femme" class="img">
<a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/photos-test7" class="link-info link-white-7">voir plus</a> 
      </div>
    </div>
  </div>
</div>


<img src="https://res.cloudinary.com/wavy/image/upload/v1693919143/tt-hr.png" alt="Salon de coiffure à Paris">

test7

/*test7*/
@keyframes scroll {
    0% { background-position: 0 0; }
    100% { background-position: 100% 0; }
}
/* Conteneur de la galerie */
.gallery-7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Carte avec effet de retournement */
.flip-card-7 {
  background-color: transparent;
  width: 80rem;  
  height: 50rem;
  perspective: 1500px;  /* Perspective pour effet 3D */
  margin: 2rem;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); /* Ombre initiale */
  transition: box-shadow 0.5s ease; /* Transition de l'ombre */
}

/* Effet de survol de la carte */
.flip-card-7:hover {
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);  /* Ombre plus marquée */
}

/* Contenu interne de la carte */
.flip-card-inner-7 {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.6s ease-out;  /* Transition pour rotation et ombre */
  transform-style: preserve-3d;
  font-size: 20px;
  letter-spacing: 0px;
  font-weight: 100;
  margin-top: 19px;
  line-height: 36px;
  color: #33302f;
  text-align: center;
}

/* Effet de survol de l'élément interne */
.flip-card-6:hover .flip-card-inner-7 {
  transform: rotateY(15deg) scale(1.05); /* Légère rotation et zoom */
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);  /* Ombre plus marquée */
}

/* Effet sur la carte avant */
.flip-card-front-7 {
  transition: transform 0.4s ease, opacity 0.3s ease; /* Transition de l'agrandissement */
}

.flip-card-7:hover .flip-card-front-7 {
  transform: scale(1.1);  /* Zoom léger sur la carte avant */
  opacity: 0.8; /* Transparence pour effet de profondeur */
}

/* Style de la carte avant et arrière */
.flip-card-front-7, .flip-card-back-7 {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-top-right-radius: 25px;
  border-top-left-radius: 25px;
}

/* Carte arrière - Effet de rotation */
.flip-card-back-7 {
  color: black;
  transform: rotateY(-180deg);
  transition: transform 0.6s ease-out, opacity 0.6s ease-out; /* Transition pour la rotation */
}

.flip-card-7:hover .flip-card-back-7 {
  transform: rotateY(0deg);  /* Rotation pour faire apparaître la carte arrière */
  opacity: 1; /* Opacité 100% pour la rendre visible */
}

/* Lien avec effet de montée */
.link-info-7 {
  font-weight: 500;
  font-size: 2rem;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: transform 0.4s ease, color 0.4s ease; /* Transition pour effet de montée */
}

.link-info-7:hover {
  color: #fff;
  transform: translateY(-8px) scale(1.1);  /* Effet de montée et zoom */
}

/* Effet de texte lumineux au survol */
.link-info-7.link-white-7:hover {
  text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.8);  /* Effet lumineux */
}

/* Galerie de séparation (image sous la galerie) */
img {
  width: 100%;
  display: block;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* Animation et style du texte */
.flip-card-7:hover .flip-card-front-7 h4 {
  opacity: 0;  /* Le texte disparaît lors du pliage */
  transform: translateY(20px);
  transition: opacity 0.3s, transform 0.3s;  /* Transition fluide */
}

.flip-card-7:hover .flip-card-back-7 h2,
.flip-card-7:hover .flip-card-back-7 p {
  opacity: 1;  /* Le texte de l'arrière devient visible */
  transform: translateY(0);
  transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}

.flip-card-back-7 h2 {
  opacity: 0;
  transform: translateY(20px);
}

.flip-card-back-7 p {
  opacity: 0;
  transform: translateY(20px);
  transition-delay: 0.2s; /* Délai pour l'apparition du texte */
}




/*fintest7*/




<Cols 3>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1735294840/test7-img2---------.png)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1735294840/test7-img3---------.png)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1735294891/test7-img1---------.png)
</Col>
</Cols>




<h3 class="center heading-one">Noël</h3>


<div class="gallery-7">
  
  <div class="flip-card-7">
    <div class="flip-card-inner-7">
      <div class="flip-card-front-7">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1735291129/bannier-BEAUTY_GLOW1---------.png" alt="Coiffure femme" class="img">
          <figcaption class="img-caption">galerie noël</figcaption>
        </figure>
      </div>
      <div class="flip-card-back-7">
        
        <img src="https://res.cloudinary.com/wavy/image/upload/v1735291350/bannier-BEAUTY_GLOW1--hov---------.png" alt="Image 1" class="img-back img-back-1">
        
        <img src="https://res.cloudinary.com/wavy/image/upload/v1735297977/bannier-BEAUTY_GLOW2--hov---------.png" alt="Image 2" class="img-back img-back-2">
        
        <img src="https://res.cloudinary.com/wavy/image/upload/v1735297974/bannier-BEAUTY_GLOW3--hov---------.png" alt="Image 3" class="img-back img-back-3">
        <a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/Photos" class="link-info link-white-7">voir plus</a>
      </div>
    </div>
  </div>
</div>


<img src="https://res.cloudinary.com/wavy/image/upload/v1693919143/tt-hr.png" alt="Salon de coiffure à Paris">

<Cols 3>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1736245278/img3---template-gold.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1736245277/img2---template-gold.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1736245277/img1---template-gold.jpg)
</Col>
</Cols>


<Cols>
<Col>
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693319090/template_-img-gold_3.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693319090/template_-img-gold_copie.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693319090/template_-img-gold_2.jpg)
</Col>

<Col>
</Col>
</Cols>


<Cols 1>
<Col>
## Votre coiffeur à Paris

![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1692885431/ligne_---template-gold.jpg)

The first position on Googles search result page achieves usually most clicks. However this is also the most expensive position. Give it a try if the second to fourth display position gives you more visitors and more customers for less money.

The position of the Adwords-ad is determined not only by the maximum click price that you are ready to spend. Google evaluates also the relevancy of the displayed ad in order to position the Adwords-ads. The more clicks your ad receives, the higher it gets listed.
</Col>
</Cols>







<div class="gallery-7">
  
  <div class="flip-card-7">
    <div class="flip-card-inner-7">
      <div class="flip-card-front-7">
        <figure>
          <img src="https://res.cloudinary.com/wavy/image/upload/v1736244881/fondr1---template-gold------.png" alt="Coiffure femme" class="img">
          <figcaption class="img-caption">Galerie</figcaption>
        </figure>
      </div>
      <div class="flip-card-back-7">
        <img src="https://res.cloudinary.com/wavy/image/upload/v1736244110/bannier-gold1--hov---------.png" alt="Coiffure femme" class="img">
<a href="https://657c2b9203b8e70137fb2e1e.renderer.wavy.fr/photos-acc" class="link-info link-white-7">voir plus</a> 
      </div>
    </div>
  </div>
</div>








<Cols 3>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1692801013/template_-gold-img-1.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1692801013/template-gold-img-2.jpg)
</Col>



<Col>
### Votre coiffeur à Paris

The first position on Googles search result page achieves usually most clicks. However this is also the most expensive position. Give it a try if the second to fourth display position gives you more visitors and more customers for less money.

The position of the Adwords-ad is determined not only by the maximum click price that you are ready to spend. Google evaluates also the relevancy of the displayed ad in order to position the Adwords-ads. The more clicks your ad receives, the higher it gets listed.

The headline in the Adwords-ad must catch the viewers attention. If you implement the keyword in the header line, you receive considerably more clicks onto your ad.

The position of the Adwords-ad is determined not only by the maximum click price that you are ready to spend. Google evaluates also the relevancy of the displayed ad in order to position the Adwords-ads. The more clicks your ad receives, the higher it gets listed.


In the ad-text mention one or two reasons, why the internet user should click on it.

</Col>
</Cols>

![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1692802157/bannier2---template-gold.jpg)

<Cols 4>
<Col>
![Institut de beauté à Paris](https://res.cloudinary.com/wavy/image/upload/v1693997755/gold-template_-img-3.jpg)

#### Prestation-1
The first position on Googles search result page achieves usually most clicks. However this is also the most expensive position. Give it a try if the second to fourth display position gives you more visitors and more customers for less money.
</Col>


<Col>
#### Prestation-2
The first position on Googles search result page achieves usually most clicks. However this is also the most expensive position. Give it a try if the second to fourth display position gives you more visitors and more customers for less money.

![Institut de beauté à Paris](https://res.cloudinary.com/wavy/image/upload/v1693997754/gold-template_-img-h2-1.jpg)
</Col>


<Col>
![Institut de beauté à Paris](https://res.cloudinary.com/wavy/image/upload/v1693997755/gold-template_-img-h2.jpg)

#### Prestation-3
The first position on Googles search result page achieves usually most clicks. However this is also the most expensive position. Give it a try if the second to fourth display position gives you more visitors and more customers for less money.
</Col>


<Col>
#### Prestation-4
The first position on Googles search result page achieves usually most clicks. However this is also the most expensive position. Give it a try if the second to fourth display position gives you more visitors and more customers for less money.

![Institut de beauté à Paris](https://res.cloudinary.com/wavy/image/upload/v1693997755/gold-template_-img-3-1.jpg)
</Col>
</Cols>





<Cols 7>
<Col>
</Col>

<Col>
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693994432/logo-template-marque.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693994432/logo-template-marque.jpg)
</Col>

<Col>
![Salon de coiffure à Paris](https://res.cloudinary.com/wavy/image/upload/v1693994432/logo-template-marque.jpg)
</Col>

<Col>
</Col>

<Col>
</Col>
</Cols>