CodePen – 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 <\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>CodePen – 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-29","post","type-post","status-publish","format-standard","hentry","category-blog"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"shop.hayat-tech.fr\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/shop.hayat-tech.fr\/?p=29\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"shop.hayat-tech.fr -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"- shop.hayat-tech.fr\" \/>\n\t\t<meta property=\"og:description\" content=\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/shop.hayat-tech.fr\/?p=29\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-10-30T20:26:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2023-10-30T20:27:34+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"- shop.hayat-tech.fr\" \/>\n\t\t<meta name=\"twitter:description\" content=\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#blogposting\",\"name\":\"- shop.hayat-tech.fr\",\"author\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#organization\"},\"datePublished\":\"2023-10-30T23:26:39+03:00\",\"dateModified\":\"2023-10-30T23:27:34+03:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#webpage\"},\"articleSection\":\"Blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/shop.hayat-tech.fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1#listItem\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1#listItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#listItem\",\"position\":3,\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1#listItem\",\"name\":\"Blog\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#organization\",\"name\":\"shop.hayat-tech.fr\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1\",\"name\":\"shop.hayat-tech.fr\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/31459e6f670ff19047a979b4bfe2f78b3aa1edc310bfa1e61884c28c4fcf6d91?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"shop.hayat-tech.fr\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#webpage\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29\",\"name\":\"- shop.hayat-tech.fr\",\"description\":\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\"},\"datePublished\":\"2023-10-30T23:26:39+03:00\",\"dateModified\":\"2023-10-30T23:27:34+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#website\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/\",\"name\":\"shop.hayat-tech.fr\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"- shop.hayat-tech.fr","description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr","canonical_url":"https:\/\/shop.hayat-tech.fr\/?p=29","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#blogposting","name":"- shop.hayat-tech.fr","author":{"@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author"},"publisher":{"@id":"https:\/\/shop.hayat-tech.fr\/#organization"},"datePublished":"2023-10-30T23:26:39+03:00","dateModified":"2023-10-30T23:27:34+03:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/shop.hayat-tech.fr\/?p=29#webpage"},"isPartOf":{"@id":"https:\/\/shop.hayat-tech.fr\/?p=29#webpage"},"articleSection":"Blog"},{"@type":"BreadcrumbList","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr#listItem","position":1,"name":"Home","item":"https:\/\/shop.hayat-tech.fr","nextItem":{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?cat=1#listItem","name":"Blog"}},{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?cat=1#listItem","position":2,"name":"Blog","item":"https:\/\/shop.hayat-tech.fr\/?cat=1","previousItem":{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#listItem","position":3,"previousItem":{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?cat=1#listItem","name":"Blog"}}]},{"@type":"Organization","@id":"https:\/\/shop.hayat-tech.fr\/#organization","name":"shop.hayat-tech.fr","url":"https:\/\/shop.hayat-tech.fr\/"},{"@type":"Person","@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author","url":"https:\/\/shop.hayat-tech.fr\/?author=1","name":"shop.hayat-tech.fr","image":{"@type":"ImageObject","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/31459e6f670ff19047a979b4bfe2f78b3aa1edc310bfa1e61884c28c4fcf6d91?s=96&d=mm&r=g","width":96,"height":96,"caption":"shop.hayat-tech.fr"}},{"@type":"WebPage","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#webpage","url":"https:\/\/shop.hayat-tech.fr\/?p=29","name":"- shop.hayat-tech.fr","description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/shop.hayat-tech.fr\/#website"},"breadcrumb":{"@id":"https:\/\/shop.hayat-tech.fr\/?p=29#breadcrumblist"},"author":{"@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author"},"creator":{"@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author"},"datePublished":"2023-10-30T23:26:39+03:00","dateModified":"2023-10-30T23:27:34+03:00"},{"@type":"WebSite","@id":"https:\/\/shop.hayat-tech.fr\/#website","url":"https:\/\/shop.hayat-tech.fr\/","name":"shop.hayat-tech.fr","inLanguage":"en-US","publisher":{"@id":"https:\/\/shop.hayat-tech.fr\/#organization"}}]},"og:locale":"en_US","og:site_name":"shop.hayat-tech.fr -","og:type":"article","og:title":"- shop.hayat-tech.fr","og:description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr","og:url":"https:\/\/shop.hayat-tech.fr\/?p=29","article:published_time":"2023-10-30T20:26:39+00:00","article:modified_time":"2023-10-30T20:27:34+00:00","twitter:card":"summary_large_image","twitter:title":"- shop.hayat-tech.fr","twitter:description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr"},"aioseo_meta_data":{"post_id":"29","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-10-30 20:26:39","updated":"2025-12-24 11:00:31","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/shop.hayat-tech.fr\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/shop.hayat-tech.fr\/?cat=1\" title=\"Blog\">Blog<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/shop.hayat-tech.fr"},{"label":"Blog","link":"https:\/\/shop.hayat-tech.fr\/?cat=1"},{"label":"","link":"https:\/\/shop.hayat-tech.fr\/?p=29"}],"_links":{"self":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/29","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=29"}],"version-history":[{"count":2,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":29,"date":"2023-10-30T23:26:39","date_gmt":"2023-10-30T20:26:39","guid":{"rendered":"https:\/\/shop.hayat-tech.fr\/?p=29"},"modified":"2023-10-30T23:27:34","modified_gmt":"2023-10-30T20:27:34","slug":"29","status":"publish","type":"post","link":"https:\/\/shop.hayat-tech.fr\/?p=29","title":{"rendered":""},"content":{"rendered":"\n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n CodePen – 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 <\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>CodePen – 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-29","post","type-post","status-publish","format-standard","hentry","category-blog"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t<meta name=\"description\" content=\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"shop.hayat-tech.fr\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/shop.hayat-tech.fr\/?p=29\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"shop.hayat-tech.fr -\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"- shop.hayat-tech.fr\" \/>\n\t\t<meta property=\"og:description\" content=\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/shop.hayat-tech.fr\/?p=29\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2023-10-30T20:26:39+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2023-10-30T20:27:34+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"- shop.hayat-tech.fr\" \/>\n\t\t<meta name=\"twitter:description\" content=\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#blogposting\",\"name\":\"- shop.hayat-tech.fr\",\"author\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#organization\"},\"datePublished\":\"2023-10-30T23:26:39+03:00\",\"dateModified\":\"2023-10-30T23:27:34+03:00\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#webpage\"},\"articleSection\":\"Blog\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/shop.hayat-tech.fr\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1#listItem\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1#listItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#listItem\",\"position\":3,\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?cat=1#listItem\",\"name\":\"Blog\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#organization\",\"name\":\"shop.hayat-tech.fr\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1\",\"name\":\"shop.hayat-tech.fr\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/31459e6f670ff19047a979b4bfe2f78b3aa1edc310bfa1e61884c28c4fcf6d91?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"shop.hayat-tech.fr\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#webpage\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29\",\"name\":\"- shop.hayat-tech.fr\",\"description\":\"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?p=29#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/?author=1#author\"},\"datePublished\":\"2023-10-30T23:26:39+03:00\",\"dateModified\":\"2023-10-30T23:27:34+03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#website\",\"url\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/\",\"name\":\"shop.hayat-tech.fr\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/shop.hayat-tech.fr\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t\n\n","aioseo_head_json":{"title":"- shop.hayat-tech.fr","description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr","canonical_url":"https:\/\/shop.hayat-tech.fr\/?p=29","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#blogposting","name":"- shop.hayat-tech.fr","author":{"@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author"},"publisher":{"@id":"https:\/\/shop.hayat-tech.fr\/#organization"},"datePublished":"2023-10-30T23:26:39+03:00","dateModified":"2023-10-30T23:27:34+03:00","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/shop.hayat-tech.fr\/?p=29#webpage"},"isPartOf":{"@id":"https:\/\/shop.hayat-tech.fr\/?p=29#webpage"},"articleSection":"Blog"},{"@type":"BreadcrumbList","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr#listItem","position":1,"name":"Home","item":"https:\/\/shop.hayat-tech.fr","nextItem":{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?cat=1#listItem","name":"Blog"}},{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?cat=1#listItem","position":2,"name":"Blog","item":"https:\/\/shop.hayat-tech.fr\/?cat=1","previousItem":{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#listItem","position":3,"previousItem":{"@type":"ListItem","@id":"https:\/\/shop.hayat-tech.fr\/?cat=1#listItem","name":"Blog"}}]},{"@type":"Organization","@id":"https:\/\/shop.hayat-tech.fr\/#organization","name":"shop.hayat-tech.fr","url":"https:\/\/shop.hayat-tech.fr\/"},{"@type":"Person","@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author","url":"https:\/\/shop.hayat-tech.fr\/?author=1","name":"shop.hayat-tech.fr","image":{"@type":"ImageObject","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/31459e6f670ff19047a979b4bfe2f78b3aa1edc310bfa1e61884c28c4fcf6d91?s=96&d=mm&r=g","width":96,"height":96,"caption":"shop.hayat-tech.fr"}},{"@type":"WebPage","@id":"https:\/\/shop.hayat-tech.fr\/?p=29#webpage","url":"https:\/\/shop.hayat-tech.fr\/?p=29","name":"- shop.hayat-tech.fr","description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/shop.hayat-tech.fr\/#website"},"breadcrumb":{"@id":"https:\/\/shop.hayat-tech.fr\/?p=29#breadcrumblist"},"author":{"@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author"},"creator":{"@id":"https:\/\/shop.hayat-tech.fr\/?author=1#author"},"datePublished":"2023-10-30T23:26:39+03:00","dateModified":"2023-10-30T23:27:34+03:00"},{"@type":"WebSite","@id":"https:\/\/shop.hayat-tech.fr\/#website","url":"https:\/\/shop.hayat-tech.fr\/","name":"shop.hayat-tech.fr","inLanguage":"en-US","publisher":{"@id":"https:\/\/shop.hayat-tech.fr\/#organization"}}]},"og:locale":"en_US","og:site_name":"shop.hayat-tech.fr -","og:type":"article","og:title":"- shop.hayat-tech.fr","og:description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr","og:url":"https:\/\/shop.hayat-tech.fr\/?p=29","article:published_time":"2023-10-30T20:26:39+00:00","article:modified_time":"2023-10-30T20:27:34+00:00","twitter:card":"summary_large_image","twitter:title":"- shop.hayat-tech.fr","twitter:description":"CodePen - Resume_Skills_listing Revit LUMION AUTOCAD ARCHICAD 3D MAX BLENDER SKETCHUP AGISOFT METASHAPE Ps Ai Id Lr Pr"},"aioseo_meta_data":{"post_id":"29","title":null,"description":null,"keywords":[],"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":[],"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2023-10-30 20:26:39","updated":"2025-12-24 11:00:31","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/shop.hayat-tech.fr\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/shop.hayat-tech.fr\/?cat=1\" title=\"Blog\">Blog<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">»<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/shop.hayat-tech.fr"},{"label":"Blog","link":"https:\/\/shop.hayat-tech.fr\/?cat=1"},{"label":"","link":"https:\/\/shop.hayat-tech.fr\/?p=29"}],"_links":{"self":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/29","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=29"}],"version-history":[{"count":2,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=\/wp\/v2\/posts\/29\/revisions\/31"}],"wp:attachment":[{"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=29"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=29"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shop.hayat-tech.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=29"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}