lgvwiki/menu.html

<div class="v-list py-2 v-sheet theme--dark v-list--dense primary">
   <a tabindex="0" href="/fr/cercles" target="_self" rel="" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-engine theme--dark"></i></div>
      <div class="v-list-item__title">Les Cercles Collaboratifs</div>
   </a>
   <a tabindex="0" href="/fr/voisins" target="_self" rel="" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-home-group theme--dark"></i></div>
      <div class="v-list-item__title">Les Voisins</div>
   </a>
   <a tabindex="0" href="/fr/copropriete" target="_self" rel="" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-head-cog-outline theme--dark"></i></div>
      <div class="v-list-item__title">La Copropriété</div>
   </a>
   <hr role="separator" aria-orientation="horizontal" class="my-2 v-divider theme--dark">
   <a tabindex="0" href="/fr/cercles/agenda" target="_self" rel="" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month theme--dark"></i></div>
      <div class="v-list-item__title">Agenda</div>
   </a>
   <a tabindex="0" href="/fr/cercles/exposup" target="_self" rel="" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-palette theme--dark"></i></div>
      <div class="v-list-item__title">Les Expos « Up »</div>
   </a>
   <hr role="separator" aria-orientation="horizontal" class="my-2 v-divider theme--dark">
   <a tabindex="0" href="/fr/cercles/digital" target="_self" rel="" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-console-network-outline theme--dark"></i></div>
      <div class="v-list-item__title">Le Digital (documentation) ...</div>
   </a>
   <a tabindex="0" href="https://www.lesgrandsvoisins.com" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-home theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (www.) Contenus webs</div>
   </a>
   <a tabindex="0" href="https://com.lesgrandsvoisins.com" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-comment-text-outline theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (com.) Forum</div>
   </a>
   <a tabindex="0" href="https://mail.lesgrandsvoisins.com/SOGo" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-email-edit-outline theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (mail.) Email: Webmail (&amp; cal &amp; contacts)</div>
   </a>
   <a tabindex="0" href="https://mail.lesgrandsvoisins.com" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-mailbox-up theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (mail.) Email: Admin &amp; Config</div>
   </a>
   <a tabindex="0" href="https://visio.chapril.org/lesgrandsvoisins" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-message-video theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (visio.chapril.org) Visio-conférence</div>
   </a>
   <a tabindex="0" href="https://file.lesgrandsvoisins.com" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-file-cloud theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (file.) Drive Cloud</div>
   </a>
   <a tabindex="0" href="https://listmonk.lesgrandsvoisins.com/subscription/form" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-email-newsletter theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (list.) Listes: Souscrire</div>
   </a>
   <a tabindex="0" href="https://list.lesgrandsvoisins.com" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-email-newsletter theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (list.) Listes: Animer</div>
   </a>
   <a tabindex="0" href="https://cal.lesgrandsvoisins.com/radicale" target="_blank" rel="noopener" class="v-list-item v-list-item--link theme--dark">
      <div class="v-avatar v-list-item__avatar rounded-0 v-avatar--tile" style="height: 24px; min-width: 24px; width: 24px;"><i aria-hidden="true" class="v-icon notranslate mdi mdi-calendar-month theme--dark"></i></div>
      <div class="v-list-item__title">&gt; (cal.) Cal &amp; Contacts: Admin</div>
   </a>
</div>