Message Contextuel
Titre - 70 caractères maximum
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur, at adipisci. Dolore unde inventore accusamus
- Lorem ipsum dolor sit amet
- Non accusantium ad porro eligendi
- Omnis porro magnam officia sunt
<section class="hq-bandeau-message-avertissement" aria-labelledby="message-global-titre-1">
<svg class="hq-icone-large" aria-label="avertissement">
<use href="/@hydroquebec/assets/dist/icones/sprite.svg#hq-icone-danger-plein-2"></use>
</svg>
<h4 id="message-global-titre-1">Titre - 70 caractères maximum</h4>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Pariatur, at adipisci. Dolore unde inventore accusamus</p>
<div class="js-dummy-cnt">
<ul class="hq-liste">
<li>Lorem ipsum dolor sit amet</li>
<li>Non accusantium ad porro eligendi</li>
<li>Omnis porro magnam officia sunt</li>
</ul>
</div>
<a class="hq-lien" href="#">Ceci est un lien.</a>
</section>