{"id":404,"date":"2026-01-12T08:33:06","date_gmt":"2026-01-12T13:33:06","guid":{"rendered":"https:\/\/www.olhi-oap.ca\/ui\/"},"modified":"2026-02-03T14:08:23","modified_gmt":"2026-02-03T19:08:23","slug":"ui","status":"publish","type":"page","link":"https:\/\/olhi-oap.ca\/en\/ui\/","title":{"rendered":"UI"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h1 class=\"wp-block-heading\">Titre h1<\/h1>\n\n\n\n<h2 class=\"wp-block-heading\">Titre h2<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Titre h3<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Titre h4<\/h4>\n<\/div>\n<\/div>\n\n<p><strong>Paragraph<\/strong> &#8211; Sed justo. Maecenas lacinia, turpis sed commodo congue, odio urna elementum nunc, vitae molestie velit nunc eu sem. Maecenas enim. Proin quis neque nec tortor sollicitudin volutpat. Sed at ante. Sed vitae mauris non ante egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. <em>In venenatis facilisis magna. Phasellus purus.<\/em> Cras quis mauris. Aliquam eget magna. Donec rutrum sagittis mi. Morbi elementum, est sit amet sollicitudin feugiat, orci magna semper risus, eu congue nulla metus vel elit. Nunc tempor ornare mi. Integer justo odio, suscipit tincidunt, fermentum eu, tincidunt et, libero. Vestibulum vestibulum, urna et suscipit imperdiet, nulla ante fermentum erat, at laoreet lorem lectus sed metus. Fusce ante sem, posuere in, vehicula a, posuere sed, ante. Phasellus magna. Maecenas sit amet diam. Nunc at nibh sit amet augue tristique gravida.<a href=\"https:\/\/www.olhi-oap.ca\/en\/\" data-type=\"link\" data-id=\"https:\/\/www.olhi-oap.ca\/en\/\">Lien Texte<\/a>                <\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Bouton Plein<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\">Bouton Contour<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-dark\"><a class=\"wp-block-button__link wp-element-button\">Bouton Sombre<\/a><\/div>\n<\/div>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li>Maecenas lacinia\n<ul class=\"wp-block-list\">\n<li>Maecenas lacinia\n<ul class=\"wp-block-list\">\n<li>Maecenas lacinia<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Sed justo<\/li>\n\n\n\n<li>Vestibulum<\/li>\n\n\n\n<li>Nunc at nibh<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<ol class=\"wp-block-list\">\n<li>Maecenas lacinia\n<ul class=\"wp-block-list\">\n<li>Maecenas lacinia\n<ul class=\"wp-block-list\">\n<li>Maecenas lacinia<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Sed justo<\/li>\n\n\n\n<li>Vestibulum<\/li>\n\n\n\n<li>Nunc at nibh<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull is-style-no-padding is-style-default has-primary-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-style-hero-banner has-primary-background-color has-background\"><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading alignwide has-white-color has-text-color has-link-color wp-elements-498fcc47198e8a8ebb4813731da66f20\"> Nunc tempor ornare mi<\/h2>\n\n\n\n<p class=\"has-white-color has-text-color has-link-color wp-elements-4c058e9220b29e7d5aa97e09718215e3\">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magn.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Bouton<\/a><\/div>\n\n\n\n<div class=\"wp-block-button is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\">Search for a Policy<\/a><\/div>\n<\/div>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" src=\"https:\/\/www.olhi-oap.ca\/wp-content\/uploads\/2026\/01\/84a9da123a4fd083b17ffb759406f0b7331626dc-1024x419.jpg\" alt=\"\" class=\"wp-image-10 size-full\"\/><\/figure><\/div>\n<\/div>\n\n<div class=\"wp-block-group alignwide is-style-rounded-corner has-secondary-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center is-style-badge\">Paragraphe Pastille<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\">Titre h2<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9c22b1e3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a class=\"card-block aligndefault\"\n  href=\"https:\/\/www.olhi-oap.ca\/\" rel=\"noopener noreferrer\">\n  \n      <div class=\"card-block__header\">\n      <p class=\"card-block__surtitle\">Surtitre<\/p>\n    <\/div>\n    \n  <div class=\"card-block__content\">\n          <div class=\"card-block__title-area\">\n        <h3 class=\"card-block__title is-style-card-title\">\n        Titre                                                          <\/h3>\n      <\/div>\n    \n          <div class=\"card-block__description-area\">\n        <p class=\"card-block__description\">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magn.<\/p>\n      <\/div>\n      <\/div>\n  \n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a class=\"card-block aligndefault\"\n  href=\"https:\/\/www.olhi-oap.ca\/\" rel=\"noopener noreferrer\">\n  \n      <div class=\"card-block__header\">\n      <p class=\"card-block__surtitle\">Surtitre<\/p>\n    <\/div>\n    \n  <div class=\"card-block__content\">\n          <div class=\"card-block__title-area\">\n        <h3 class=\"card-block__title is-style-card-title\">\n        Titre                                                          <\/h3>\n      <\/div>\n    \n          <div class=\"card-block__description-area\">\n        <p class=\"card-block__description\">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magn.<\/p>\n      <\/div>\n      <\/div>\n  \n<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<a class=\"card-block aligndefault\"\n  href=\"https:\/\/www.olhi-oap.ca\/\" rel=\"noopener noreferrer\">\n  \n      <div class=\"card-block__header\">\n      <p class=\"card-block__surtitle\">Surtitre<\/p>\n    <\/div>\n    \n  <div class=\"card-block__content\">\n          <div class=\"card-block__title-area\">\n        <h3 class=\"card-block__title is-style-card-title\">\n        Titre                                                          <\/h3>\n      <\/div>\n    \n          <div class=\"card-block__description-area\">\n        <p class=\"card-block__description\">Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magn.<\/p>\n      <\/div>\n      <\/div>\n  \n<\/a>\n<\/div>\n<\/div>\n<\/div>\n\n<h2 class=\"wp-block-heading\">Titre H2<\/h2>\n\n<div data-wp-context=\"{ &quot;autoclose&quot;: false, &quot;accordionItems&quot;: [] }\" data-wp-interactive=\"core\/accordion\" role=\"group\" class=\"wp-block-accordion is-layout-flow wp-block-accordion-is-layout-flow\">\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-3&quot;, &quot;openByDefault&quot;: true }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-open is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"true\" aria-controls=\"accordion-item-3-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-3\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Titre Nemo enim ipsam voluptatem<\/span><span class=\"icon-arrow-drop-down-circle\" aria-hidden=\"true\"><\/span><\/button><\/h3>\n\n\n\n<div aria-labelledby=\"accordion-item-3\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-3-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p>Sed justo. Maecenas lacinia, turpis sed commodo congue, odio urna elementum nunc, vitae molestie velit nunc eu sem. Maecenas enim. Proin quis neque nec tortor sollicitudin volutpat. Sed at ante. Sed vitae mauris non ante egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In venenatis facilisis magna. Phasellus purus. Cras quis mauris. Aliquam eget magna. Donec rutrum sagittis mi. Morbi elementum, est sit amet sollicitudin feugiat, orci magna semper risus, eu congue nulla metus vel elit. Nunc tempor ornare mi. Integer justo odio, suscipit tincidunt, fermentum eu, tincidunt et, libero. Vestibulum vestibulum, urna et suscipit imperdiet, nulla ante fermentum erat, at laoreet lorem lectus sed metus. Fusce ante sem, posuere in, vehicula a, posuere sed, ante. Phasellus magna. Maecenas sit amet diam. Nunc at nibh sit amet augue tristique gravida.                   <\/p>\n<\/div>\n<\/div>\n\n\n\n<div data-wp-class--is-open=\"state.isOpen\" data-wp-context=\"{ &quot;id&quot;: &quot;accordion-item-4&quot;, &quot;openByDefault&quot;: false }\" data-wp-init=\"callbacks.initAccordionItems\" data-wp-on-window--hashchange=\"callbacks.hashChange\" class=\"wp-block-accordion-item is-layout-flow wp-block-accordion-item-is-layout-flow\">\n<h3 class=\"wp-block-accordion-heading\"><button aria-expanded=\"false\" aria-controls=\"accordion-item-4-panel\" data-wp-bind--aria-expanded=\"state.isOpen\" data-wp-on--click=\"actions.toggle\" data-wp-on--keydown=\"actions.handleKeyDown\" id=\"accordion-item-4\" class=\"wp-block-accordion-heading__toggle\"><span class=\"wp-block-accordion-heading__toggle-title\">Titre<\/span><span class=\"icon-arrow-drop-down-circle\" aria-hidden=\"true\"><\/span><\/button><\/h3>\n\n\n\n<div inert aria-labelledby=\"accordion-item-4\" data-wp-bind--inert=\"!state.isOpen\" id=\"accordion-item-4-panel\" role=\"region\" class=\"wp-block-accordion-panel is-layout-flow wp-block-accordion-panel-is-layout-flow\">\n<p>Sed justo. Maecenas lacinia, turpis sed commodo congue, odio urna elementum nunc, vitae molestie velit nunc eu sem. Maecenas enim. Proin quis neque nec tortor sollicitudin volutpat. Sed at ante. Sed vitae mauris non ante egestas hendrerit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In venenatis facilisis magna. Phasellus purus. Cras quis mauris. Aliquam eget magna. Donec rutrum sagittis mi. Morbi elementum, est sit amet sollicitudin feugiat, orci magna semper risus, eu congue nulla metus vel elit. Nunc tempor ornare mi. Integer justo odio, suscipit tincidunt, fermentum eu, tincidunt et, libero. Vestibulum vestibulum, urna et suscipit imperdiet, nulla ante fermentum erat, at laoreet lorem lectus sed metus. Fusce ante sem, posuere in, vehicula a, posuere sed, ante. Phasellus magna. Maecenas sit amet diam. Nunc at nibh sit amet augue tristique gravida.                   <\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 class=\"wp-block-heading\">Titre H2 Lorem ispum dolor astis met<\/h2>\n\n\n\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.olhi-oap.ca\/wp-content\/uploads\/2026\/01\/7c74c9e913047a06736a0e09163a57043fe73b21-1024x683.jpg\" alt=\"\" class=\"wp-image-13 size-full\" srcset=\"https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/7c74c9e913047a06736a0e09163a57043fe73b21-1024x683.jpg 1024w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/7c74c9e913047a06736a0e09163a57043fe73b21-300x200.jpg 300w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/7c74c9e913047a06736a0e09163a57043fe73b21-768x512.jpg 768w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/7c74c9e913047a06736a0e09163a57043fe73b21-1536x1024.jpg 1536w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/7c74c9e913047a06736a0e09163a57043fe73b21-2048x1365.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>Text Intro &#8211; Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-dark\"><a class=\"wp-block-button__link wp-element-button\">Bouton<\/a><\/div>\n<\/div>\n<\/div><\/div>\n<\/div>\n<section class=\"stats-block aligndefault\"\n>\n  \n      <div class=\"stats-block__container\">\n      <div class=\"stats-block__grid\">\n                  <div class=\"stats-block__item\">\n            <div class=\"stats-block__value\" data-target=\"+20\">\n                            <span class=\"stats-block__number\">0<\/span>\n              <span class=\"stats-block__suffix\">years<\/span>            <\/div>\n                          <p class=\"stats-block__label\">Nemo enim ipsam  <\/p>\n                      <\/div>\n                  <div class=\"stats-block__item\">\n            <div class=\"stats-block__value\" data-target=\"100\">\n                            <span class=\"stats-block__number\">0<\/span>\n              <span class=\"stats-block__suffix\">%<\/span>            <\/div>\n                          <p class=\"stats-block__label\">consequuntur magn<\/p>\n                      <\/div>\n                  <div class=\"stats-block__item\">\n            <div class=\"stats-block__value\" data-target=\"48\">\n                            <span class=\"stats-block__number\">0<\/span>\n              <span class=\"stats-block__suffix\">hours<\/span>            <\/div>\n                          <p class=\"stats-block__label\">lorem ipsum gehskgfehfg ekfg jelfj elfjkelsjf e jledjgserogherp;awsef s;fsfg jsedgf;esjdg ;ersgjes; gesg e sgg<\/p>\n                      <\/div>\n                  <div class=\"stats-block__item\">\n            <div class=\"stats-block__value\" data-target=\"99\">\n                            <span class=\"stats-block__number\">0<\/span>\n              <span class=\"stats-block__suffix\">%<\/span>            <\/div>\n                          <p class=\"stats-block__label\">Nemo enim ipsam  <\/p>\n                      <\/div>\n              <\/div>\n    <\/div>\n    \n<\/section>\n<section class=\"block-icon-text aligndefault block-icon-text--icon-left\"\n>\n    <div class=\"block-icon-text__wrapper\">\n                    <div class=\"block-icon-text__icon\">\n                                    <span class=\"icon-CombinedShape\"><\/span>\n                            <\/div>\n        \n    <div class=\"block-icon-text__content\">\n                    <h3 class=\"block-icon-text__title\">gsdgrdsgsd<\/h3>\n        \n                    <div class=\"block-icon-text__text\">\n                <p>Nullam at nulla dictum, facilisis libero et, vehicula lectus. Vivamus ornare nisi lectus, at consectetur elit dictum quis. Quisque eu quam laoreet  <\/p>\n            <\/div>\n            <\/div>\n    <\/div>\n<\/section>\n<section class=\"block-icon-text aligndefault block-icon-text--icon-right\"\n>\n    <div class=\"block-icon-text__wrapper\">\n                    <div class=\"block-icon-text__icon\">\n                                    <span class=\"icon-calendar-month\"><\/span>\n                            <\/div>\n        \n    <div class=\"block-icon-text__content\">\n                    <h3 class=\"block-icon-text__title\">lorem ipsum <\/h3>\n        \n                    <div class=\"block-icon-text__text\">\n                <p>Nullam at nulla dictum, facilisis libero et, vehicula lectus. Vivamus ornare nisi lectus, at consectetur elit dictum quis. Quisque eu quam laoreet  <\/p>\n            <\/div>\n            <\/div>\n    <\/div>\n<\/section>\n\n<div class=\"wp-block-group alignfull has-secondary-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.olhi-oap.ca\/wp-content\/uploads\/2026\/01\/0fecd0c535e387ab1a84108850b79f2306cc2375-1024x683.jpg\" alt=\"\" class=\"wp-image-17 size-full\" srcset=\"https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/0fecd0c535e387ab1a84108850b79f2306cc2375-1024x683.jpg 1024w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/0fecd0c535e387ab1a84108850b79f2306cc2375-300x200.jpg 300w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/0fecd0c535e387ab1a84108850b79f2306cc2375-768x512.jpg 768w, https:\/\/olhi-oap.ca\/wp-content\/uploads\/2026\/01\/0fecd0c535e387ab1a84108850b79f2306cc2375.jpg 1254w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading\">Lorem impsum<\/h2>\n\n\n\n<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <a href=\"#\">Suspendisse est turpis<\/a>, faucibus interdum libero quis, posuere dignissim nunc. Donec id scelerisque diam. Duis ornare sapien vel magna aliquam consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed turpis purus, mollis eu massa vel, fringilla tempus diam. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vestibulum non aliquet nulla.      <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.<\/li>\n\n\n\n<li>Mauris commodo mauris nec dolor tempor semper.<\/li>\n\n\n\n<li>Ut at eros eu augue porttitor euismod.<\/li>\n<\/ul>\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Titre h1 Titre h2 Titre h3 Titre h4 Paragraph &#8211; Sed justo. Maecenas lacinia, turpis sed commodo congue, odio urna&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-404","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/pages\/404","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/comments?post=404"}],"version-history":[{"count":1,"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/pages\/404\/revisions"}],"predecessor-version":[{"id":405,"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/pages\/404\/revisions\/405"}],"wp:attachment":[{"href":"https:\/\/olhi-oap.ca\/en\/wp-json\/wp\/v2\/media?parent=404"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}