{"id":689,"date":"2019-12-25T18:23:58","date_gmt":"2019-12-25T18:23:58","guid":{"rendered":"http:\/\/uphome.local\/?page_id=689"},"modified":"2023-10-18T12:36:08","modified_gmt":"2023-10-18T10:36:08","slug":"home-page","status":"publish","type":"page","link":"https:\/\/onity.gic.tn\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"689\" class=\"elementor elementor-689\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-19fa940 elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"19fa940\" data-element_type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cba1cdc\" data-id=\"cba1cdc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-315dc7c elementor-widget elementor-widget-slider_uphome\" data-id=\"315dc7c\" data-element_type=\"widget\" data-widget_type=\"slider_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n            .elementor-element-315dc7c .slider { height: 150%;  background-position: bottom center !important}\n            .elementor-element-315dc7c .sld_f.active .sld_f_s { animation: slide_anim 1.5s 1 ease-in-out; }\n            <\/style>        <div class=\"slider_f\">\n\n            <!-- Slides -->\n            <div class=\"slide_t\">\n                                    <div class=\"sld_f\">\n                        <div class=\"text_s\">\n                            <span class=\"heading_settings\">Choice around the world<\/span>                            <h2>La serrure qui allie \u00e9l\u00e9gance.<\/h2>                                                    <\/div>\n                                                    <div class=\"sld_f_s\">\n                                <div class=\"slider\" style=\"background-image:url('https:\/\/wp-uphome.astroon.pro\/wp-content\/uploads\/2020\/02\/7_l-2.png')\"><\/div>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"sld_f\">\n                        <div class=\"text_s\">\n                            <span class=\"heading_settings\">Choice around the world<\/span>                            <h2>Real Estate Innovators<\/h2>                                                    <\/div>\n                                                    <div class=\"sld_f_s\">\n                                <div class=\"slider\" style=\"background-image:url('http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/Onity-Serene-lock-open-door-hote.png')\"><\/div>\n                            <\/div>\n                                            <\/div>\n                                    <div class=\"sld_f\">\n                        <div class=\"text_s\">\n                            <span class=\"heading_settings\">Choice around the world<\/span>                            <h2>modern houses and hotels<\/h2>                                                    <\/div>\n                                                    <div class=\"sld_f_s\">\n                                <div class=\"slider\" style=\"background-image:url('http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/Onity-smart-room-image.png')\"><\/div>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n\n            <!-- Video Slide -->\n                            <span class=\"b_scroll\">\n                    <i aria-hidden=\"true\" class=\"fas fa-arrow-down\"><\/i>                <\/span>\n                        <div class=\"arrows\">\n                <div class=\"arrow_l\"><\/div>\n                <div class=\"arrow_r\"><\/div>\n            <\/div>\n                    <\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9258095 elementor-section-boxed elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"9258095\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5616ff9\" data-id=\"5616ff9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8ecdbb2 elementor-widget elementor-widget-image\" data-id=\"8ecdbb2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"524\" src=\"https:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/image_red_home.png\" class=\"attachment-large size-large wp-image-13975\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cc100f7\" data-id=\"cc100f7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-21eab620 elementor-widget elementor-widget-title_uphome\" data-id=\"21eab620\" data-element_type=\"widget\" data-widget_type=\"title_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t\t<div class=\"head_block left_flex\">\n\t\t\t\t\t\t\t\t<div class=\"b_d\">\n\t\t\t\t<span class=\"sub_title\">A propos <\/span>\t\t\t\t<h2 data-lax-preset_large=\"zoomIn-0.9\">Pr\u00e9sentation de serene<\/h2>                \t\t\t\t<p>La serrure \u00e9l\u00e9gante tout-en-un Serene\"* de Onity est con\u00e7ue \u00e0 la fois pour l'int\u00e9rieur et l'ext\u00e9rieur des h\u00f4tels de luxe. Son halo lumineux symbolise un design intemporel et une technologie de pointe d'acc\u00e8s mobile DirectKey\"* qui remportera l'adh\u00e9sion de vos clients gr\u00eace \u00e0 un d\u00e9verrouillage sans contact. facilitant l'entr\u00e9e dans leur chambre.<\/p><p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-3244 \" src=\"https:\/\/wp-uphome.astroon.pro\/wp-content\/uploads\/2020\/02\/signature-2-300x87.png\" alt=\"signature\" width=\"145\" height=\"42\" \/><\/p>\t\t\t\t<\/div>\n            <\/div>\n\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a46616 elementor-section-boxed elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"5a46616\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b27acd3\" data-id=\"b27acd3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbdb9a8 elementor-widget elementor-widget-spacer\" data-id=\"dbdb9a8\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var(--container-widget-align-self,initial);--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}<\/style>\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ca3d978 elementor-widget elementor-widget-about_uphome\" data-id=\"ca3d978\" data-element_type=\"widget\" data-widget_type=\"about_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"container welcome lax\" data-lax-preset_large=\"eager-200\" >\n\t\t\t<div class=\"row left_flex\">\n\n\t\t\t\t<!-- Content block -->\n\t\t\t\t\t\t\t\t<div class=\"wel_f col-12 col-lg-6\">\n\t\t\t\t\t<div class=\"b_t\">\n\t\t\t\t\t\t<h2>Exceptionnellement efficace<\/h2>\t\t\t\t\t\t<div class=\"description_text_settings\"><p><strong>The Serene<\/strong>\u2122 Connecte permet \u00e9galement d\u2019am\u00e9liorer l\u2019efficacit\u00e9 op\u00e9rationnelle. Les op\u00e9rateurs h\u00f4teliers peuvent b\u00e9n\u00e9ficier d\u2019une r\u00e9duction du co\u00fbt des batteries, recevant des avis lorsqu\u2019il faut remplacer les batteries au lieu d\u2019avoir \u00e0 changer les serrures via un plan de verrouillage des batteries. Les op\u00e9rateurs peuvent \u00e9galement tirer parti des audits \u00e0 distance et supprimer les probl\u00e8mes avec l\u2019heure d\u2019\u00e9t\u00e9 et peuvent g\u00e9rer les alertes d\u2019alarme en direct de la r\u00e9ception, lancer les verrouillages et surveiller les niveaux de batterie du site directement depuis la r\u00e9ception.<\/p><\/div>\n\t\t\t\t\t\t<a class=\"button_medium border_b button_settings elementor-animation-\" href=\"http:\/\/onity.gic.tn\/?page_id=4099\" rel=\"nofollow\">\u00c0 propos<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Media block -->\n\t\t\t\t\t\t\t\t<div class=\"col-12 p-0 col-lg-6 rn_surface\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"slder_b block_settings\">\n\t\t\t\t\t\t\t<div class=\"desc_s span_settings\">Combine Design<\/div>\t\t\t\t\t\t\t<div class=\"img_anm cocoen\">\n\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"Onity hero 2 800x600\" src=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/Onity-hero-2-800x600-1.png\" \/>\n\t\t\t\t\t\t\t\t<img decoding=\"async\" alt=\"nesss\" src=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/nesss-1.png\" \/>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-703190d elementor-section-full_width elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"703190d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a16aa1d\" data-id=\"a16aa1d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5d35b6 elementor-section-boxed elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"b5d35b6\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3f5a426\" data-id=\"3f5a426\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e070b91 elementor-widget elementor-widget-menu-anchor\" data-id=\"e070b91\" data-element_type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\nbody.elementor-page .elementor-widget-menu-anchor{margin-bottom:0}<\/style>\t\t<div id=\"look\" class=\"elementor-menu-anchor\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a8a42b elementor-widget elementor-widget-heading\" data-id=\"2a8a42b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h2 class=\"elementor-heading-title elementor-size-default\">Personnalisez votre look\n<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-b32d2a7 elementor-section-boxed elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"b32d2a7\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-d3123b8\" data-id=\"d3123b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c7161cc elementor-widget elementor-widget-text-editor\" data-id=\"c7161cc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.15.0 - 20-08-2023 *\/\n.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}<\/style>\t\t\t\t<p style=\"text-align: center;\">Explorez une vari\u00e9t\u00e9 de styles de poign\u00e9es et de finitions pour personnaliser le design de votre serrure Serene\u2122.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5958738 elementor-section-boxed elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"5958738\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-90796e1\" data-id=\"90796e1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8dd8134 elementor-widget elementor-widget-html\" data-id=\"8dd8134\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"container\">\r\n  <div class=\"title\">\r\n    <h1><\/h1>\r\n    <p><\/p>\r\n  <\/div>\r\n  <div class=\"card\">\r\n    <div class=\"product\">\r\n      <img decoding=\"async\" id=\"nes1\" src=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/handle_wing_black-chrome.png\" width=\"100%\" alt=\"\" class=\"active\">\r\n      <img decoding=\"async\" class=\"nesrine\" src=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/2.png\" alt=\"\">\r\n      <img decoding=\"async\" class=\"nesrine\" src=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/handle_wing_satin-chrome.png\" alt=\"\">\r\n    <\/div>\r\n    <div class=\"swatch\">\r\n      <div class=\"red\"><\/div>\r\n      <div class=\"pink\"><\/div>\r\n      <div class=\"nude\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\r\n* {\r\n  margin: 0;\r\n  padding: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Nanum+Gothic:wght@400;700&display=swap\");\r\n\r\nhtml {\r\n  font-size: 62.5%;\r\n}\r\n\r\n\r\n.card {\r\n  border: 0.3rem ;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n}\r\n\r\n.product {\r\n  width: 50rem;\r\n  height: 50rem;\r\n  display: inline-block;\r\n}\r\n\r\n.swatch {\r\n  position: absolute;\r\n  top: 2rem;\r\n  left: 2rem;\r\n  display: flex;\r\n  gap: 1rem;\r\n  z-index: 2;\r\n}\r\n\r\n.swatch > div {\r\n  width: 3.5rem;\r\n  height: 3.5rem;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n}\r\n\r\n.swatch div:hover {\r\n  border: 0.2rem solid #00000080;\r\n  transform: scale(0.97);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.red {\r\n  background-color: black;\r\n}\r\n\r\n.pink {\r\n  background-color: orange;\r\n}\r\n\r\n.nude {\r\n  background-color: gray;\r\n}\r\n\r\n.nesrine {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 0;\r\n  opacity: 0;\r\n  transition: opacity 0.01s ease-in-out;\r\n}\r\n\r\n.active {\r\n  opacity: 1;\r\n  z-index: 2;\r\n}\r\n<\/style>\r\n<script>\r\n    const swatches = document.querySelectorAll(\".swatch > div\");\r\nconst products = document.querySelectorAll(\".product img\");\r\n\r\nswatches.forEach((swatch, index) => {\r\n  swatch.addEventListener(\"mouseover\", () => {\r\n    \/\/ Remove the active class from all swatches\r\n    swatches.forEach((swatch) => swatch.classList.remove(\"active\"));\r\n    \/\/ Add the active class to the hovered swatch\r\n    swatch.classList.add(\"active\");\r\n    \/\/ Hide all product images\r\n    products.forEach((product) => (product.style.opacity = 0));\r\n    \/\/ Show the product image that matches the hovered swatch\r\n    products[index].style.opacity = 1;\r\n  });\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-0160d5d\" data-id=\"0160d5d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-def5e02 elementor-widget elementor-widget-html\" data-id=\"def5e02\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"container\">\n  <div class=\"title\">\n    <h1><\/h1>\n    <p><\/p>\n  <\/div>\n  <div class=\"card1\">\n    <div class=\"product1\">\n      <img decoding=\"async\" id=\"nes1\" src=\"wp-content\/uploads\/2023\/08\/handle_granada_black-chrome.png\" width=\"100%\" alt=\"\" class=\"active\">\n      <img decoding=\"async\" class=\"nesrine1\" src=\"wp-content\/uploads\/2023\/08\/333.png\" alt=\"\">\n      <img decoding=\"async\" class=\"nesrine1\" src=\"wp-content\/uploads\/2023\/08\/111.png\" alt=\"\">\n    <\/div>\n    <div class=\"swatch1\">\n      <div class=\"red1\"><\/div>\n      <div class=\"pink1\"><\/div>\n      <div class=\"nude1\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Nanum+Gothic:wght@400;700&display=swap\");\n\nhtml {\n  font-size: 62.5%;\n}\n\n\n.card1 {\n  border: 0.3rem ;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.product1 {\n  width: 50rem;\n  height: 50rem;\n  display: inline-block;\n}\n\n.swatch1 {\n  position: absolute;\n  top: 2rem;\n  left: 2rem;\n  display: flex;\n  gap: 1rem;\n  z-index: 2;\n}\n\n.swatch1 > div {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n.swatch1 div:hover {\n  border: 0.2rem solid #00000080;\n  transform: scale(0.97);\n  transition: all 0.3s ease;\n}\n\n.red1 {\n  background-color: black;\n}\n\n.pink1 {\n  background-color: orange;\n}\n\n.nude1 {\n  background-color: gray;\n}\n\n.nesrine1 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0;\n  transition: opacity 0.01s ease-in-out;\n}\n\n.active1 {\n  opacity: 1;\n  z-index: 2;\n}\n<\/style>\n<script>\n    const swatches1 = document.querySelectorAll(\".swatch1 > div\");\nconst products1 = document.querySelectorAll(\".product1 img\");\n\nswatches1.forEach((swatch1, index) => {\n  swatch1.addEventListener(\"mouseover\", () => {\n    \/\/ Remove the active class from all swatches\n    swatches1.forEach((swatch1) => swatch1.classList.remove(\"active1\"));\n    \/\/ Add the active class to the hovered swatch\n    swatch1.classList.add(\"active1\");\n    \/\/ Hide all product images\n    products1.forEach((product1) => (product1.style.opacity = 0));\n    \/\/ Show the product image that matches the hovered swatch\n    products1[index].style.opacity = 1;\n  });\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-33 elementor-top-column elementor-element elementor-element-bf04816\" data-id=\"bf04816\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5a65542 elementor-widget elementor-widget-html\" data-id=\"5a65542\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"container\">\n  <div class=\"title\">\n    <h1><\/h1>\n    <p><\/p>\n  <\/div>\n  <div class=\"card2\">\n    <div class=\"product2\">\n      <img decoding=\"async\" id=\"nes1\" src=\"wp-content\/uploads\/2023\/08\/22.png\" width=\"100%\" alt=\"\" class=\"active\">\n      <img decoding=\"async\" class=\"nesrine2\" src=\"wp-content\/uploads\/2023\/08\/33.png\" alt=\"\">\n      <img decoding=\"async\" class=\"nesrine2\" src=\"wp-content\/uploads\/2023\/08\/11.png\" alt=\"\">\n    <\/div>\n    <div class=\"swatch2\">\n      <div class=\"red2\"><\/div>\n      <div class=\"pink2\"><\/div>\n      <div class=\"nude2\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=Nanum+Gothic:wght@400;700&display=swap\");\n\nhtml {\n  font-size: 62.5%;\n}\n\n\n.card2 {\n  border: 0.3rem ;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.product2 {\n  width: 50rem;\n  height: 50rem;\n  display: inline-block;\n}\n\n.swatch2 {\n  position: absolute;\n  top: 2rem;\n  left: 2rem;\n  display: flex;\n  gap: 1rem;\n  z-index: 2;\n}\n\n.swatch2 > div {\n  width: 3.5rem;\n  height: 3.5rem;\n  border-radius: 50%;\n  cursor: pointer;\n}\n\n.swatch2 div:hover {\n  border: 0.2rem solid #00000080;\n  transform: scale(0.97);\n  transition: all 0.3s ease;\n}\n\n.red2 {\n  background-color: black;\n}\n\n.pink2 {\n  background-color: orange;\n}\n\n.nude2 {\n  background-color: gray;\n}\n\n.nesrine2 {\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0;\n  transition: opacity 0.01s ease-in-out;\n}\n\n.active2 {\n  opacity: 1;\n  z-index: 2;\n}\n<\/style>\n<script>\n    const swatches2 = document.querySelectorAll(\".swatch2 > div\");\nconst products2 = document.querySelectorAll(\".product2 img\");\n\nswatches2.forEach((swatch2, index) => {\n  swatch2.addEventListener(\"mouseover\", () => {\n    \/\/ Remove the active class from all swatches\n    swatches2.forEach((swatch2) => swatch2.classList.remove(\"active2\"));\n    \/\/ Add the active class to the hovered swatch\n    swatch2.classList.add(\"active2\");\n    \/\/ Hide all product images\n    products2.forEach((product2) => (product2.style.opacity = 0));\n    \/\/ Show the product image that matches the hovered swatch\n    products2[index].style.opacity = 1;\n  });\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-554dc62 elementor-section-boxed elementor-section-height-default elementor-section-height-default astroon-bg-container\" data-id=\"554dc62\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-a08f4b2\" data-id=\"a08f4b2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c0a0906 elementor-widget elementor-widget-info_block_uphome\" data-id=\"c0a0906\" data-element_type=\"widget\" data-widget_type=\"info_block_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"info_block left_flex style_two center_mobile_responsive\" >\n\t\t\t\t<div class=\"num_b\">\n\n\t\t\t\t<!-- Image Type -->\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-folder-open\"><\/i>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"content_text_block\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>Catalogue<\/h4>\t\t\t\t\t\t\t\t\t\t<!-- Description Block -->\n\t\t\t\t\t\t\t\t\t\t\t<p><a href=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/Onity_Brochure_FR.pdf\" target=\"_blank\" rel=\"noopener\">Onity_Brochure_FR<\/a><\/p>\t\t\t\t\t\t\t\t\t<\/div>\n            <\/div>\n\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-a238718\" data-id=\"a238718\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d817c17 elementor-widget elementor-widget-info_block_uphome\" data-id=\"d817c17\" data-element_type=\"widget\" data-widget_type=\"info_block_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"info_block left_flex style_two center_mobile_responsive\" >\n\t\t\t\t<div class=\"num_b\">\n\n\t\t\t\t<!-- Image Type -->\n\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-022-chair\"><\/i>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"content_text_block\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>DirectKey<\/h4>\t\t\t\t\t\t\t\t\t\t<!-- Description Block -->\n\t\t\t\t\t\t\t\t\t\t\t<p><a href=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/DirectKey_Brochure.pdf\" target=\"_blank\" rel=\"noopener\">DirectKey_Brochure<\/a><\/p>\t\t\t\t\t\t\t\t\t<\/div>\n            <\/div>\n\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-13704ad\" data-id=\"13704ad\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-01f0b59 elementor-widget elementor-widget-info_block_uphome\" data-id=\"01f0b59\" data-element_type=\"widget\" data-widget_type=\"info_block_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"info_block left_flex style_two center_mobile_responsive\" >\n\t\t\t\t<div class=\"num_b\">\n\n\t\t\t\t<!-- Image Type -->\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-file-alt\"><\/i>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"content_text_block\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>Fiche technique<\/h4>\t\t\t\t\t\t\t\t\t\t<!-- Description Block -->\n\t\t\t\t\t\t\t\t\t\t\t<p><a href=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/Onity_Serene_Data_Sheet_FR.pdf\" target=\"_blank\" rel=\"noopener\">Onity_Serene_Data_Sheet_FR<\/a><\/p>\t\t\t\t\t\t\t\t\t<\/div>\n            <\/div>\n\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-top-column elementor-element elementor-element-f92f3dd\" data-id=\"f92f3dd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ee0470 elementor-widget__width-initial elementor-widget elementor-widget-info_block_uphome\" data-id=\"7ee0470\" data-element_type=\"widget\" data-widget_type=\"info_block_uphome.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t            <div class=\"info_block left_flex style_two center_mobile_responsive\" >\n\t\t\t\t<div class=\"num_b\">\n\n\t\t\t\t<!-- Image Type -->\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-user-alt\"><\/i>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"content_text_block\">\n\t\t\t\t\t\t\t\t\t\t\t<h4>Vente et assistance<\/h4>\t\t\t\t\t\t\t\t\t\t<!-- Description Block -->\n\t\t\t\t\t\t\t\t\t\t\t<p><a href=\"http:\/\/onity.gic.tn\/?page_id=13610\" target=\"_blank\" rel=\"noopener\">Contactez-nous en ligne<\/a><\/p>\t\t\t\t\t\t\t\t\t<\/div>\n            <\/div>\n\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Choice around the world La serrure qui allie \u00e9l\u00e9gance. Choice around the world Real Estate Innovators Choice around the world modern houses and hotels A propos Pr\u00e9sentation de serene La serrure \u00e9l\u00e9gante tout-en-un Serene\u00a0\u00bb* de Onity est con\u00e7ue \u00e0 la fois pour l&rsquo;int\u00e9rieur et l&rsquo;ext\u00e9rieur&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-689","page","type-page","status-publish","hentry"],"aioseo_notices":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Home - Onity<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onity.gic.tn\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - Onity\" \/>\n<meta property=\"og:description\" content=\"Choice around the world La serrure qui allie \u00e9l\u00e9gance. Choice around the world Real Estate Innovators Choice around the world modern houses and hotels A propos Pr\u00e9sentation de serene La serrure \u00e9l\u00e9gante tout-en-un Serene\u00a0\u00bb* de Onity est con\u00e7ue \u00e0 la fois pour l&rsquo;int\u00e9rieur et l&rsquo;ext\u00e9rieur...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onity.gic.tn\/\" \/>\n<meta property=\"og:site_name\" content=\"Onity\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-18T10:36:08+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/image_red_home.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/onity.gic.tn\/\",\"url\":\"https:\/\/onity.gic.tn\/\",\"name\":\"Home - Onity\",\"isPartOf\":{\"@id\":\"https:\/\/onity.gic.tn\/#website\"},\"datePublished\":\"2019-12-25T18:23:58+00:00\",\"dateModified\":\"2023-10-18T10:36:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/onity.gic.tn\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/onity.gic.tn\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/onity.gic.tn\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/onity.gic.tn\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/onity.gic.tn\/#website\",\"url\":\"https:\/\/onity.gic.tn\/\",\"name\":\"Onity\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/onity.gic.tn\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/onity.gic.tn\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/onity.gic.tn\/#organization\",\"name\":\"Onity\",\"url\":\"https:\/\/onity.gic.tn\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/onity.gic.tn\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/10\/logo_onity.png\",\"contentUrl\":\"https:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/10\/logo_onity.png\",\"width\":300,\"height\":94,\"caption\":\"Onity\"},\"image\":{\"@id\":\"https:\/\/onity.gic.tn\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Home - Onity","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onity.gic.tn\/","og_locale":"fr_FR","og_type":"article","og_title":"Home - Onity","og_description":"Choice around the world La serrure qui allie \u00e9l\u00e9gance. Choice around the world Real Estate Innovators Choice around the world modern houses and hotels A propos Pr\u00e9sentation de serene La serrure \u00e9l\u00e9gante tout-en-un Serene\u00a0\u00bb* de Onity est con\u00e7ue \u00e0 la fois pour l&rsquo;int\u00e9rieur et l&rsquo;ext\u00e9rieur...","og_url":"https:\/\/onity.gic.tn\/","og_site_name":"Onity","article_modified_time":"2023-10-18T10:36:08+00:00","og_image":[{"url":"http:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/08\/image_red_home.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onity.gic.tn\/","url":"https:\/\/onity.gic.tn\/","name":"Home - Onity","isPartOf":{"@id":"https:\/\/onity.gic.tn\/#website"},"datePublished":"2019-12-25T18:23:58+00:00","dateModified":"2023-10-18T10:36:08+00:00","breadcrumb":{"@id":"https:\/\/onity.gic.tn\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onity.gic.tn\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onity.gic.tn\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/onity.gic.tn\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/onity.gic.tn\/#website","url":"https:\/\/onity.gic.tn\/","name":"Onity","description":"","publisher":{"@id":"https:\/\/onity.gic.tn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onity.gic.tn\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/onity.gic.tn\/#organization","name":"Onity","url":"https:\/\/onity.gic.tn\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/onity.gic.tn\/#\/schema\/logo\/image\/","url":"https:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/10\/logo_onity.png","contentUrl":"https:\/\/onity.gic.tn\/wp-content\/uploads\/2023\/10\/logo_onity.png","width":300,"height":94,"caption":"Onity"},"image":{"@id":"https:\/\/onity.gic.tn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/onity.gic.tn\/index.php?rest_route=\/wp\/v2\/pages\/689","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onity.gic.tn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onity.gic.tn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onity.gic.tn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/onity.gic.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=689"}],"version-history":[{"count":254,"href":"https:\/\/onity.gic.tn\/index.php?rest_route=\/wp\/v2\/pages\/689\/revisions"}],"predecessor-version":[{"id":14255,"href":"https:\/\/onity.gic.tn\/index.php?rest_route=\/wp\/v2\/pages\/689\/revisions\/14255"}],"wp:attachment":[{"href":"https:\/\/onity.gic.tn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}