Doce obras en marcha este año.
HTML + CSSNavigation

Menu en grue à tour

Une grue de chantier amène son chariot au-dessus de la section choisie, descend le crochet et la soulève du sol, où elle se balance.

Réglages

16px
1x

Code

<div class="uvq12-cr"><span class="ms" aria-hidden="true"></span><span class="jb" aria-hidden="true"></span><span class="cw" aria-hidden="true"></span><span class="tr" aria-hidden="true"><i class="cb"><svg viewBox="0 0 24 24"><path d="M12 2v9a4 4 0 1 1-4 4"/></svg></i></span><div class="gd" role="tablist" aria-label="Chantier"><button type="button" role="tab" id="uvq12-cr-t0" aria-selected="true" aria-controls="uvq12-cr-p0" tabindex="0" class="up"><span class="bk">Projets</span></button><button type="button" role="tab" id="uvq12-cr-t1" aria-selected="false" aria-controls="uvq12-cr-p1" tabindex="-1"><span class="bk">Studio</span></button><button type="button" role="tab" id="uvq12-cr-t2" aria-selected="false" aria-controls="uvq12-cr-p2" tabindex="-1"><span class="bk">Presse</span></button><button type="button" role="tab" id="uvq12-cr-t3" aria-selected="false" aria-controls="uvq12-cr-p3" tabindex="-1"><span class="bk">Contact</span></button></div><span class="gr" aria-hidden="true"></span><div class="pn" role="tabpanel" id="uvq12-cr-p0" aria-labelledby="uvq12-cr-t0">Douze chantiers en cours cette année.</div><div class="pn" role="tabpanel" id="uvq12-cr-p1" aria-labelledby="uvq12-cr-t1" hidden>Une équipe d'architectes et d'ingénieurs.</div><div class="pn" role="tabpanel" id="uvq12-cr-p2" aria-labelledby="uvq12-cr-t2" hidden>Prix et articles récents.</div><div class="pn" role="tabpanel" id="uvq12-cr-p3" aria-labelledby="uvq12-cr-t3" hidden>Visites de chantier sur rendez-vous.</div></div>

Prompt pour l’IA

Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.

Version Markdown avec tout le code, pour les assistants IA

Plus dans Navigation

Voir tout : Navigation

Où l’utiliser

Un menu pour un chantier : une grue à tour jaune en treillis domine une rangée de blocs de béton, et chaque bloc est une section. Quand on en choisit un, le chariot parcourt la flèche, le câble descend, le crochet attrape le bloc et le soulève pendant que le précédent redescend, et le bloc levé se balance doucement. Pour les entreprises de construction, architectes, bureaux d'études et promoteurs.

La couleur principale peint la grue et la secondaire le béton. Quatre blocs tiennent le mieux sous la flèche ; le réglage de vitesse change le rythme de la grue, et le mouvement réduit supprime le trajet et le balancement.