{"id":25,"date":"2023-10-30T20:49:53","date_gmt":"2023-10-30T17:49:53","guid":{"rendered":"https:\/\/shop.hayat-tech.fr\/?p=25"},"modified":"2023-10-30T23:26:09","modified_gmt":"2023-10-30T20:26:09","slug":"d","status":"publish","type":"post","link":"https:\/\/shop.hayat-tech.fr\/?p=25","title":{"rendered":"d"},"content":{"rendered":"\n\t\t\t\n\t<style type=\"text\/css\">\n\t\t.slider-info-22.bafg-slider-info .bafg-slider-title {\n\t\t\t\t\t\t\tfont-size:\n\t\t\t\t\t22px\t\t\t\t;\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\n\t\t.slider-info-22.bafg-slider-info .bafg-slider-description {\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\t\t\n\t\t\n\t\t.slider-info-22.bafg-slider-info .bafg_slider_readmore_button {\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\ttext-align: center;\n\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\n\t\t.slider-info-22.bafg-slider-info .bafg_slider_readmore_button:hover {\n\n\t\t\t\n\t\t\t\n\t\t\t\t\t}\n\t<\/style>\n\t\n\t\t\t<div class=\"bafg-twentytwenty-container slider-22  \"\n\t\t\t\tbafg-orientation=\"horizontal\" bafg-default-offset=\"0.5\"\n\t\t\t\tbafg-before-label=\"Before\"\n\t\t\t\tbafg-after-label=\"After\" bafg-overlay=\"1\"\n\t\t\t\tbafg-move-slider-on-hover=\"\"\n\t\t\t\tbafg-click-to-move=\"\">\n\n\t\t\t\t\t\t\t\t<img class=\"skip-lazy\" data-skip-lazy\t\t\t\t\tsrc=\"http:\/\/shop.hayat-tech.fr\/wp-content\/uploads\/2023\/10\/m001t0046_3d_logo_mockup_b_08nov22-1-scaled.jpg\" alt=\"befot\">\n\t\t\t\t<img class=\"skip-lazy\" data-skip-lazy\t\t\t\t\tsrc=\"http:\/\/shop.hayat-tech.fr\/wp-content\/uploads\/2023\/10\/m001t0046_3d_logo_mockup_e_08nov22-scaled.jpg\" alt=\"after\">\n\n\t\t\t<\/div>\n\n\t\t\t\t<div class=\"bafg-slider-info-wraper\">\n\t\t<div style=\"\" class=\"slider-info-22 bafg-slider-info\">\n\t\t\t\t\t\t\t<h2 class=\"bafg-slider-title\">s<\/h2>\n\t\t\t\t\t\t\t\t<div class=\"bafg-slider-description\">\n\t\t\t\t\ts\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bafg_slider_readmore_button_wrap\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/s\" class=\"bafg_slider_readmore_button\" >Read more<\/a>\n\t\t\t\t<\/div>\n\n\t\t\t\t\t<\/div>\n\t<\/div>\n\t\n\t\t\t<style type=\"text\/css\">\n\t\t\t\t\t\t\t\t\t\t\t<\/style>\n\t\t\t\n\n\n\n<html lang=\"en\"><head>\n    <meta charset=\"UTF-8\">\n    \n  \n      <link rel=\"apple-touch-icon\" type=\"image\/png\" href=\"https:\/\/cpwebassets.codepen.io\/assets\/favicon\/apple-touch-icon-5ae1a0698dcc2402e9712f7d01ed509a57814f994c660df9f7a952f3060705ee.png\">\n  \n      <meta name=\"apple-mobile-web-app-title\" content=\"CodePen\">\n  \n      <link rel=\"shortcut icon\" type=\"image\/x-icon\" href=\"https:\/\/cpwebassets.codepen.io\/assets\/favicon\/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico\">\n  \n      <link rel=\"mask-icon\" type=\"image\/x-icon\" href=\"https:\/\/cpwebassets.codepen.io\/assets\/favicon\/logo-pin-b4b4269c16397ad2f0f7a01bcdf513a1994f4c94b8af2f191c09eb0d601762b1.svg\" color=\"#111\">\n  \n  \n  \n    \n    \n  \n    <title>CodePen &#8211; Resume_Skills_listing<\/title>\n  \n      <link rel=\"canonical\" href=\"https:\/\/codepen.io\/coderganesh\/pen\/RmYdpZ\">\n    \n    \n    \n    \n  <style>\n  .skills {\n    animation-name: skills;\n  }\n  \n  html {\n    font-size: 100%;\n    font-family: sans-serif;\n  }\n  \n  body {\n    background: #5aa8e8;\n  }\n  \n  html,\n  body,\n  main {\n    padding: 0;\n    margin: 0;\n    box-sizing: border-box;\n  }\n  \n  main {\n    overflow: hidden;\n    position: relative;\n    height: 100vh;\n    width: 100vw;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  section {\n    background: #5aa8e8;\n  }\n  \n  section article.skills {\n    width: 500px;\n    height: auto;\n  }\n  \n  section article.skills p {\n    z-index: 2;\n    color: #fff;\n    padding: 10px;\n    position: relative;\n    box-sizing: border-box;\n    overflow: hidden;\n  }\n  \n  section article.skills div span:nth-child(1) {\n    z-index: -2;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    background: #fff;\n    height: 100%;\n    width: 100%;\n  }\n  \n  section article.skills div span:nth-child(2) {\n    z-index: -1;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    background: #5E95E8;\n    height: 100%;\n  }\n  \n  section article.skills div:nth-child(1) span:nth-child(2) {\n    width: 80%;\n    animation-delay: 0;\n  }\n  \n  section article.skills div:nth-child(2) span:nth-child(2) {\n    width: 100%;\n    animation-delay: 0.05s;\n  }\n  \n  section article.skills div:nth-child(3) span:nth-child(2) {\n    width: 100%;\n    animation-delay: 0.1s;\n  }\n  \n  section article.skills div:nth-child(4) span:nth-child(2) {\n    width: 60%;\n    animation-delay: 0.15s;\n  }\n  \n  section article.skills div:nth-child(5) span:nth-child(2) {\n    width: 55%;\n    animation-delay: 0.2s;\n  }\n  \n  section article.skills div:nth-child(6) span:nth-child(2) {\n    width: 50%;\n    animation-delay: 0.25s;\n  }\n  \n  section article.skills div:nth-child(7) span:nth-child(2) {\n    width: 60%;\n    animation-delay: 0.3s;\n  }\n  \n  section article.skills div:nth-child(8) span:nth-child(2) {\n    width: 90%;\n    animation-delay: 0.35s;\n  }\n  section article.skills div:nth-child(9) span:nth-child(2) {\n    width: 80%;\n    animation-delay: 0.35s;\n  }\n  section article.skills div:nth-child(10) span:nth-child(2) {\n    width: 80%;\n    animation-delay: 0.35s;\n  }\n  section article.skills div:nth-child(11) span:nth-child(2) {\n    width: 75%;\n    animation-delay: 0.35s;\n  }\n  section article.skills div:nth-child(12) span:nth-child(2) {\n    width: 100%;\n    animation-delay: 0.35s;\n  }\n  section article.skills div:nth-child(13) span:nth-child(2) {\n    width: 50%;\n    animation-delay: 0.35s;\n  }\n  \n  section:before {\n    position: absolute;\n    top: -250px;\n    left: -350px;\n    width: 500px;\n    height: 500px;\n    content: \"\";\n    background: rgba(108, 90, 232, 0.25);\n    transform: rotate(30deg);\n  }\n  \n  section:after {\n    position: absolute;\n    bottom: -250px;\n    right: -350px;\n    width: 500px;\n    height: 500px;\n    content: \"\";\n    background: rgba(108, 90, 232, 0.25);\n    transform: rotate(30deg);\n  }\n  \n  .skills {\n    animation: skills 1.25s cubic-bezier(0.17, 0.67, 0, 1);\n  }\n  \n  @keyframes skills {\n    0% {\n      left: -500px;\n      opacity: 0;\n    }\n    100% {\n      left: 0;\n      opacity: 1;\n    }\n  }\n  <\/style>\n  \n    <script>\n    window.console = window.console || function(t) {};\n  <\/script>\n  \n    \n    \n  <\/head>\n  \n  <body translate=\"no\">\n    <main>\n     <section id=\"skills\" class=\"toad-fullscreen\">\n          <article class=\"skills\">\n              <div class=\"t-6\">\n                  <p>Revit<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n\n              <div class=\"t-6\">\n                  <p>LUMION<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              \n              <div class=\"t-6\">\n                  <p>AUTOCAD<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                  <p>ARCHICAD<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              \n              <div class=\"t-6\">\n                  <p>3D MAX<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                  <p>BLENDER<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              \n              <div class=\"t-6\">\n                  <p>SKETCHUP<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                <p>AGISOFT METASHAPE<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                <p>Ps<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                <p>Ai<span><\/span><span class=\"skills\"><\/span><\/p>\n             <\/div>\n              <div class=\"t-6\">\n                  <p>Id<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                <p>Lr<span><\/span><span class=\"skills\"><\/span><\/p>\n              <\/div>\n              <div class=\"t-6\">\n                <p>Pr<span><\/span><span class=\"skills\"><\/span><\/p>\n            <\/div>\n            \n          <\/article>\n      <\/section>\n  <\/main>\n    \n    \n    \n  \n  \n  \n  <!-- Code injected by live-server -->\n<script>\n\t\/\/ <![CDATA[  <-- For SVG support\n\tif ('WebSocket' in window) {\n\t\t(function () {\n\t\t\tfunction refreshCSS() {\n\t\t\t\tvar sheets = [].slice.call(document.getElementsByTagName(\"link\"));\n\t\t\t\tvar head = document.getElementsByTagName(\"head\")[0];\n\t\t\t\tfor (var i = 0; i < sheets.length; ++i) {\n\t\t\t\t\tvar elem = sheets[i];\n\t\t\t\t\tvar parent = elem.parentElement || head;\n\t\t\t\t\tparent.removeChild(elem);\n\t\t\t\t\tvar rel = elem.rel;\n\t\t\t\t\tif (elem.href &#038;&#038; typeof rel != \"string\" || rel.length == 0 || rel.toLowerCase() == \"stylesheet\") {\n\t\t\t\t\t\tvar url = elem.href.replace(\/(&#038;|\\?)_cacheOverride=\\d+\/, '');\n\t\t\t\t\t\telem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());\n\t\t\t\t\t}\n\t\t\t\t\tparent.appendChild(elem);\n\t\t\t\t}\n\t\t\t}\n\t\t\tvar protocol = window.location.protocol === 'http:' ? 'ws:\/\/' : 'wss:\/\/';\n\t\t\tvar address = protocol + window.location.host + window.location.pathname + '\/ws';\n\t\t\tvar socket = new WebSocket(address);\n\t\t\tsocket.onmessage = function (msg) {\n\t\t\t\tif (msg.data == 'reload') window.location.reload();\n\t\t\t\telse if (msg.data == 'refreshcss') refreshCSS();\n\t\t\t};\n\t\t\tif (sessionStorage && !sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {\n\t\t\t\tconsole.log('Live reload enabled.');\n\t\t\t\tsessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);\n\t\t\t}\n\t\t})();\n\t}\n\telse {\n\t\tconsole.error('Upgrade your browser. This Browser is NOT supported WebSocket for Live-Reloading.');\n\t}\n\t\/\/ ]]>\n<\/script>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>CodePen &#8211; Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-25","post","type-post","status-publish","format-standard","hentry","category-blog"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/25","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=25"}],"version-history":[{"count":3,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/25\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/25\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=25"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=25"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=25"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}