<footer class="c-footer">
<div class="c-footer__left">
<div class="c-footer__search">
<div class="c-dropdown c-dropdown--top">
<div class="c-dropdown__trigger">
<div
class="c-textfield c-textfield--icon c-textfield--borderless c-textfield--inverted"
>
<input
class="c-textfield__input"
type="text"
placeholder="Search for organisations, people, docs…"
slot="trigger"
/>
<div class="c-textfield__icon c-icon">
<!-- SVG element -->
</div>
</div>
</div>
<div class="c-dropdown__content">
<div class="c-popover c-popover--search">
<div
class="c-popover__content c-popover__content--no-padding"
>
<div class="c-search">
<div class="c-search__columns">
<div class="c-search__column">
<h3 class="c-search__title">
Persons & Organisations
</h3>
<div class="c-menu c-menu--inline">
<div
class="c-menu__item c-menu__item--selected"
>
<a
href="#"
class="c-menu__link"
>
<div class="c-entity">
<div class="c-entity__line">
<div
class="c-entity__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-entity__label">
Simon Wuyts
</div>
<div class="c-entity__code">
100002
</div>
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div class="c-entity">
<div class="c-entity__line">
<div
class="c-entity__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-entity__label">
Simon Demo Organisation
</div>
<div class="c-entity__code">
900000
</div>
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div class="c-entity">
<div class="c-entity__line">
<div
class="c-entity__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-entity__label">
Simon Wuyts
</div>
<div class="c-entity__code">
100002
</div>
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div class="c-entity">
<div class="c-entity__line">
<div
class="c-entity__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-entity__label">
Simon Wuyts
</div>
<div class="c-entity__code">
100002
</div>
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div class="c-entity">
<div class="c-entity__line">
<div
class="c-entity__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-entity__label">
Simon Wuyts
</div>
<div class="c-entity__code">
100002
</div>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="c-search__column">
<h3 class="c-search__title">
Pages & Fields
</h3>
<div class="c-menu c-menu--inline">
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
Wiki
</div>
</div>
<div class="c-menu__shortkey">
<kbd class="c-shortkey">
.31
</kbd>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
News
</div>
</div>
<div class="c-menu__shortkey">
<kbd class="c-shortkey">
.32
</kbd>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
Messages
</div>
</div>
<div class="c-menu__shortkey">
<kbd class="c-shortkey">
.33
</kbd>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
Booking codes
</div>
</div>
<div class="c-menu__shortkey">
<kbd class="c-shortkey">
.34
</kbd>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
Organisation number
</div>
<div
class="c-menu__description"
>
Organisation details
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
Organisation name
</div>
<div
class="c-menu__description"
>
Organisation details
</div>
</div>
</a>
</div>
</div>
</div>
<div class="c-search__column">
<h3 class="c-search__title">
Articles
</h3>
<div class="c-menu c-menu--inline">
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
HrmsBooker: Docbatch
</div>
<div
class="c-menu__description"
>
Article description goes here…
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
Organisations in group
</div>
<div
class="c-menu__description"
>
Article description goes here…
</div>
</div>
</a>
</div>
<div class="c-menu__item">
<a
href="#"
class="c-menu__link"
>
<div
class="c-menu__icon c-icon c-icon--small"
>
<!-- SVG element -->
</div>
<div class="c-menu__text">
<div class="c-menu__label">
HrmsWeb: New Employee
</div>
<div
class="c-menu__description"
>
Article description goes here…
</div>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="c-search__command">
<div class="c-search__help">
Use
<span class="c-shortkey">?</span>
to search for pages and fields,
<span class="c-shortkey">?w</span>
for articles or
<a href="#">
learn more about shortkeys
</a>
.
</div>
<div class="c-search__toggle">
<button
type="secondary"
class="c-button"
>
<span class="c-button__label">
More results
</span>
<span
class="c-button__icon c-icon c-icon--small"
>
<!-- SVG element -->
</span>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="c-footer__right">
<div class="c-tooltip">
<div class="c-tooltip__trigger">
<button
type="transparent"
class="c-button c-button--transparent c-button--icon-only c-button--inverted"
>
<span
class="c-button__icon c-icon c-icon--small c-icon--normal"
>
<!-- SVG element -->
</span>
</button>
</div>
<div class="c-tooltip__overlay">
<div class="c-tooltip__content">
Copy URL of the current page
</div>
</div>
</div>
<div class="c-footer__debugging">
01/05/2024 10:35:05 - Pierre Thienpont - 990012.010362
- HrmsP01 - AE45F134 - 2938ms
</div>
<img
src="/images/logo-jess.svg"
alt="Jess"
class="c-footer__logo"
/>
</div>
</footer>