homegrade_theme_production/template-components/demo-components/exemple-vocabulaire-summary.php

73 lines
3.9 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<?php
?>
<section id="vocabulaire-summary" class="homegrade-blocks-vocabulaire-summary active">
<h2 classname="homegrade-blocks-vocabulaire-summary__title">
Vocabulaire — Toiture plate </h2>
<details class="question homegrade-dynamic-accordeon">
<summary>
Etanchéité à la pluie <div class="open-close-icon">
<img decoding="async" src="http://homegrade.local/wp-content/plugins/homegrade-blocks/blocks/vocabulaire-summary/src/img/chevron_down.svg" class="open-close-cta" alt="">
</div>
</summary>
<div class="homegrade-blocks-vocabulaire-summary__content-wrapper homegrade-dynamic-accordeon__content-wrapper" style="height: 0px;">
<div class=" homegrade-dynamic-accordeon__content">
<p class="homegrade-blocks-vocabulaire-summary__content">
Feuilles de bitume, membrane souple, zinc ou autres revêtements qui empêchent leau de sinfiltrer et la guident vers des évacuations. </p>
</div>
</div>
</details>
<details class="question homegrade-dynamic-accordeon">
<summary>
Hygrovariable (pare-vapeur) <div class="open-close-icon">
<img decoding="async" src="http://homegrade.local/wp-content/plugins/homegrade-blocks/blocks/vocabulaire-summary/src/img/chevron_down.svg" class="open-close-cta" alt="">
</div>
</summary>
<div class="homegrade-blocks-vocabulaire-summary__content-wrapper homegrade-dynamic-accordeon__content-wrapper" style="height: 0px;">
<div class=" homegrade-dynamic-accordeon__content">
<p class="homegrade-blocks-vocabulaire-summary__content">
Le freine-vapeur hygrovariable est, en hiver, suffisamment fermé à la vapeur pour en limiter la migration dans le complexe de toiture et, en été, suffisamment perméable pour favoriser le séchage de lisolant. </p>
</div>
</div>
</details>
<details class="question homegrade-dynamic-accordeon">
<summary>
Lestage <div class="open-close-icon">
<img decoding="async" src="http://homegrade.local/wp-content/plugins/homegrade-blocks/blocks/vocabulaire-summary/src/img/chevron_down.svg" class="open-close-cta" alt="">
</div>
</summary>
<div class="homegrade-blocks-vocabulaire-summary__content-wrapper homegrade-dynamic-accordeon__content-wrapper" style="height: 0px;">
<div class=" homegrade-dynamic-accordeon__content">
<p class="homegrade-blocks-vocabulaire-summary__content">
Souvent composé de graviers, de galets ou des dalles de béton, il maintient les panneaux disolant en place et les protège contre les UV. </p>
</div>
</div>
</details>
<details class="question homegrade-dynamic-accordeon">
<summary>
Pare-vapeur <div class="open-close-icon">
<img decoding="async" src="http://homegrade.local/wp-content/plugins/homegrade-blocks/blocks/vocabulaire-summary/src/img/chevron_down.svg" class="open-close-cta" alt="">
</div>
</summary>
<div class="homegrade-blocks-vocabulaire-summary__content-wrapper homegrade-dynamic-accordeon__content-wrapper" style="height: 0px;">
<div class=" homegrade-dynamic-accordeon__content">
<p class="homegrade-blocks-vocabulaire-summary__content">
Limite la migration de la vapeur à travers les couches de la toiture et assure que ces couches restent étanches à lair. </p>
</div>
</div>
</details>
<details class="question homegrade-dynamic-accordeon">
<summary>
Structure portante <div class="open-close-icon">
<img decoding="async" src="http://homegrade.local/wp-content/plugins/homegrade-blocks/blocks/vocabulaire-summary/src/img/chevron_down.svg" class="open-close-cta" alt="">
</div>
</summary>
<div class="homegrade-blocks-vocabulaire-summary__content-wrapper homegrade-dynamic-accordeon__content-wrapper" style="height: 0px;">
<div class=" homegrade-dynamic-accordeon__content">
<p class="homegrade-blocks-vocabulaire-summary__content">
Ensemble des éléments (poutres, chevrons, etc.) qui potent la couverture </p>
</div>
</div>
</details>
</section>