{"id":18,"date":"2023-05-01T00:49:08","date_gmt":"2023-04-30T22:49:08","guid":{"rendered":"https:\/\/gaialto.com\/?page_id=18"},"modified":"2023-05-01T15:57:20","modified_gmt":"2023-05-01T13:57:20","slug":"en-construction","status":"publish","type":"page","link":"https:\/\/gaialto.com\/index.php\/en-construction\/","title":{"rendered":"."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb1a5a clock_maint e-flex e-con-boxed e-con e-parent\" data-id=\"4bb1a5a\" data-element_type=\"container\" data-settings=\"{&quot;position&quot;:&quot;absolute&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0fa53e elementor-widget elementor-widget-html\" data-id=\"b0fa53e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t<!--\r\n\r\nYou can visit my blog for more design like this.\r\n\r\nhttps:\/\/www.foolishdeveloper.com\/ \r\n\r\n-->\r\n\r\n<!DOCTYPE html> \r\n<html lang=\"en\">\r\n \r\n\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n   \r\n    <style>\r\n html {\r\n  background: #282828;\r\n  text-align: center;\r\n  font-size: 10px;\r\n}\r\n\r\nbody {\r\n  margin: 0;\r\n  font-size: 2rem;\r\n  display: flex;\r\n  flex: 1;\r\n  min-height: 100vh;\r\n  align-items: center;\r\n}\r\n\r\n.clock {\r\n  width: 50vh;\r\n  height: 50vh;\r\n  border: 1px solid #282828;\r\n  box-shadow: -4px -4px 10px rgba(67,67,67,0.5),\r\n                inset 4px 4px 10px rgba(0,0,0,0.5),\r\n                inset -4px -4px 10px rgba(67,67,67,0.5),\r\n                4px 4px 10px rgba(0,0,0,0.3);\r\n  border-radius: 50%;\r\n  margin: 50px auto;\r\n  position: relative;\r\n  padding: 2rem;\r\n \r\n}\r\n\r\n.outer-clock-face {\r\n  position: relative;\r\n  width: 100%;\r\n  height: 100%;\r\n  border-radius: 100%;\r\n  background: #282828;\r\n  \r\n \r\n  overflow: hidden;\r\n}\r\n\r\n.outer-clock-face::after {\r\n  -webkit-transform: rotate(90deg);\r\n  -moz-transform: rotate(90deg);\r\n  transform: rotate(90deg)\r\n}\r\n\r\n.outer-clock-face::before,\r\n.outer-clock-face::after,\r\n.outer-clock-face .marking{\r\n  content: '';\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 100%;\r\n  background: #bdbdcb;\r\n  z-index: 0;\r\n  left: 49%;\r\n}\r\n\r\n.outer-clock-face .marking {\r\n  background: #bdbdcb;\r\n  width: 1px;\r\n}\r\n\r\n.outer-clock-face .marking.marking-one {\r\n  -webkit-transform: rotate(30deg);\r\n  -moz-transform: rotate(30deg);\r\n  transform: rotate(30deg)\r\n}\r\n\r\n.outer-clock-face .marking.marking-two {\r\n  -webkit-transform: rotate(60deg);\r\n  -moz-transform: rotate(60deg);\r\n  transform: rotate(60deg)\r\n}\r\n\r\n.outer-clock-face .marking.marking-three {\r\n  -webkit-transform: rotate(120deg);\r\n  -moz-transform: rotate(120deg);\r\n  transform: rotate(120deg)\r\n}\r\n\r\n.outer-clock-face .marking.marking-four {\r\n  -webkit-transform: rotate(150deg);\r\n  -moz-transform: rotate(150deg);\r\n  transform: rotate(150deg)\r\n}\r\n\r\n.inner-clock-face {\r\n  position: absolute;\r\n  top: 10%;\r\n  left: 10%;\r\n  width: 80%;\r\n  height: 80%;\r\n  background: #282828;\r\n  -webkit-border-radius: 100%;\r\n  -moz-border-radius: 100%;\r\n  border-radius: 100%;\r\n  z-index: 1;\r\n}\r\n\r\n.inner-clock-face::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 16px;\r\n  height: 16px;\r\n  border-radius: 18px;\r\n  margin-left: -9px;\r\n  margin-top: -6px;\r\n  background: #4d4b63;\r\n  z-index: 11;\r\n}\r\n\r\n.hand {\r\n  width: 50%;\r\n  right: 50%;\r\n  height: 1px;\r\n  background: #ea472b;\r\n  position: absolute;\r\n  top: 50%;\r\n  border-radius: 6px;\r\n  transform-origin: 100%;\r\n  transform: rotate(90deg);\r\n  transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);\r\n}\r\n\r\n.hand.hour-hand {\r\n  width: 30%;\r\n  z-index: 3;\r\n}\r\n\r\n.hand.min-hand {\r\n  height: 1px;\r\n  z-index: 10;\r\n  width: 47%;\r\n}\r\n\r\n.hand.second-hand {\r\n  background: #000000;\r\n  width: 45%;\r\n  height: 1px;\r\n}\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"clock\">\r\n        <div class=\"outer-clock-face\">\r\n          <div class=\"marking marking-one\"><\/div>\r\n          <div class=\"marking marking-two\"><\/div>\r\n          <div class=\"marking marking-three\"><\/div>\r\n          <div class=\"marking marking-four\"><\/div>\r\n          <div class=\"inner-clock-face\">\r\n            <div class=\"hand hour-hand\"><\/div>\r\n            <div class=\"hand min-hand\"><\/div>\r\n            <div class=\"hand second-hand\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n  <script>\r\n \r\n const secondHand = document.querySelector('.second-hand');\r\nconst minsHand = document.querySelector('.min-hand');\r\nconst hourHand = document.querySelector('.hour-hand');\r\n\r\nfunction setDate() {\r\n  const now = new Date();\r\n\r\n  const seconds = now.getSeconds();\r\n  const secondsDegrees = ((seconds \/ 60) * 360) + 90;\r\n  secondHand.style.transform = `rotate(${secondsDegrees}deg)`;\r\n\r\n  const mins = now.getMinutes();\r\n  const minsDegrees = ((mins \/ 60) * 360) + ((seconds\/60)*6) + 90;\r\n  minsHand.style.transform = `rotate(${minsDegrees}deg)`;\r\n\r\n  const hour = now.getHours();\r\n  const hourDegrees = ((hour \/ 12) * 360) + ((mins\/60)*30) + 90;\r\n  hourHand.style.transform = `rotate(${hourDegrees}deg)`;\r\n}\r\n\r\nsetInterval(setDate, 1000);\r\n\r\nsetDate();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bbfb559 text-home-clock elementor-widget elementor-widget-cvio-text\" data-id=\"bbfb559\" data-element_type=\"widget\" data-widget_type=\"cvio-text.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\n\t\t<!-- Section Text -->\n\t\t<div class=\"section custom-text\">\n\t\t\t<div class=\"content\">\n\n\t\t\t\t\t\t\t\t<h1 class=\"title\">\n\t\t\t\t\t<div class=\"title_inner\">\n\t\t\t\t\t\t<span >\n\t\t\t\t\t\t\tBien ................. t\u00f4t\nPro ...................nto\n So ................. on\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"clear\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bb07f93 e-flex e-con-boxed e-con e-parent\" data-id=\"bb07f93\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cbc9fcd e-con-full e-flex e-con e-child\" data-id=\"cbc9fcd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-de63c4f elementor-widget__width-initial elementor-widget elementor-widget-wp-widget-block\" data-id=\"de63c4f\" data-element_type=\"widget\" data-widget_type=\"wp-widget-block.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 style=\"margin: 0px;font-size: 24px;color: white;font-weight: 600;padding-bottom: 8px\">Oph\u00e9lie&nbsp;Gaumet<\/h2>\r\n\r\n      <p style=\"margin: 0px;color: #BBBBB;font-size: 16px;line-height: 24px\">Ing\u00e9nieure Produits, D\u00e9veloppeur de Solutions Digitales<\/p>\r\n\r\n    \t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-88cf03f e-con-full e-flex e-con e-child\" data-id=\"88cf03f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10fe87f elementor-view-stacked elementor-position-left elementor-vertical-align-middle elementor-shape-circle elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"10fe87f\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/gaialto.com\/wp-content\/plugins\/elementor\/assets\/css\/widget-icon-box.min.css\">\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<a href=\"mailto:ophelie.gaumet@gaialto.com\" class=\"elementor-icon elementor-animation-\" tabindex=\"-1\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t<\/a>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tophelie.gaumet@gaialto.com\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\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-e62cfc1 elementor-view-stacked elementor-position-left elementor-vertical-align-middle elementor-shape-circle elementor-mobile-position-top elementor-widget elementor-widget-icon-box\" data-id=\"e62cfc1\" data-element_type=\"widget\" id=\"phone\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon elementor-animation-\">\n\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tFR: +33615026152<BR>\nES: +3423456432\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Bien &#8230;&#8230;&#8230;&#8230;&#8230;.. t\u00f4t Pro &#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.nto So &#8230;&#8230;&#8230;&#8230;&#8230;.. on ophelie.gaumet@gaialto.com FR: +33615026152 ES: +3423456432<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"folder":[],"class_list":["post-18","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":236,"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/gaialto.com\/index.php\/wp-json\/wp\/v2\/folder?post=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}