Retour

Transcription (transcription)

Documentation

Transcription avec zone d’action

Titre de la transcription

Lorem ipsum dolor sit amet, consectetur adipiscing, link test incididunt, ut labore et dolore magna aliqua. Vitae sapien pellentesque habitant morbi tristique senectus et. Diam maecenas sed enim ut. Accumsan lacus vel facilisis volutpat est. Ut aliquam purus sit amet luctus. Lorem ipsum dolor sit amet consectetur adipiscing elit ut.

  • list item
  • list item

<div class="village-transcription" id="transcription-7788">
    <button class="village-transcription__btn" aria-expanded="false" aria-controls="village-transcription-collapse-transcription-7788">Transcription</button>
    <div class="village-collapse" id="village-transcription-collapse-transcription-7788">
        <div class="village-transcription__footer">
            <div class="village-transcription__actions-group">
                <button class="village-btn--fullscreen village-btn" aria-controls="village-transcription-modal-transcription-7788" aria-label="Agrandir la transcription" data-village-opened="false" id="button-7790">
                    Agrandir
                </button>
            </div>
        </div>
        <div id="village-transcription-modal-transcription-7788" class="village-modal" aria-labelledby="village-transcription-modal-transcription-7788-title">
            <div class="village-container village-container--fluid village-container-md">
                <div class="village-grid-row village-grid-row--center">
                    <div class="village-col-12 village-col-md-10 village-col-lg-8">
                        <div class="village-modal__body">
                            <div class="village-modal__header">
                                <button class="village-btn--close village-btn" aria-controls="village-transcription-modal-transcription-7788" id="button-7791" title="Fermer">
                                    Fermer
                                </button>
                            </div>
                            <div class="village-modal__content">
                                <h1 id="village-transcription-modal-transcription-7788-title" class="village-modal__title">
                                    Titre de la transcription
                                </h1>
                                <!-- données de test -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.