{"id":7745,"date":"2022-07-02T15:00:57","date_gmt":"2022-07-02T15:00:57","guid":{"rendered":"https:\/\/elementor.jimfahad.com\/elementor110\/?page_id=7745"},"modified":"2022-07-02T21:36:38","modified_gmt":"2022-07-02T21:36:38","slug":"036-profile-card-drawer","status":"publish","type":"page","link":"https:\/\/elementor.jimfahad.com\/elementor110\/036-profile-card-drawer\/","title":{"rendered":"036 Profile Card Drawer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7745\" class=\"elementor elementor-7745\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70b962d2 e-flex e-con-boxed e-con e-parent\" data-id=\"70b962d2\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-546d479e card e-flex e-con-boxed e-con e-parent\" data-id=\"546d479e\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-81ce784 card-content e-flex e-con-boxed e-con e-parent\" data-id=\"81ce784\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6118ed0 elementor-widget elementor-widget-heading\" data-id=\"6118ed0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Someone famous<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44bcf4a elementor-widget elementor-widget-heading\" data-id=\"44bcf4a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Creative Designer<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eff37c1 elementor-widget elementor-widget-image\" data-id=\"eff37c1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1500\" height=\"1551\" src=\"https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-pic.jpg\" class=\"attachment-full size-full wp-image-6963\" alt=\"\" srcset=\"https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-pic.jpg 1500w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-pic-290x300.jpg 290w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-pic-990x1024.jpg 990w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-pic-768x794.jpg 768w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-pic-1485x1536.jpg 1485w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/>\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<div class=\"elementor-element elementor-element-7667031 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"7667031\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Hire Me<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e98e859 elementor-widget__width-initial elementor-absolute toggle-button elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"6e98e859\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"icon.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7a27303f e-flex e-con-boxed e-con e-parent\" data-id=\"7a27303f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-699d3c14 elementor-widget elementor-widget-html\" data-id=\"699d3c14\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n    .card-content{\n        --content-height: 85px;\n        \/*--content-height: 420px;*\/\n        --content-active-height: 420px;\n    }\n    .toggle-button{\n        cursor: pointer;\n    }\n    .toggle-button:before{\n        content: \"\";\n        position: absolute;\n        left: -34px;\n        width: 35px;\n        height: 35px;\n        background: transparent;\n        border-radius: 0px 35px 0px 0px;\n        box-shadow: 11px -10px 0px 10px #398cc0;\n    }\n    .toggle-button:after{\n        content: \"\";\n        position: absolute;\n        top: 0px;\n        right: -34px;\n        width: 35px;\n        height: 35px;\n        background: transparent;\n        border-radius: 35px 0px 0px 0px;\n        box-shadow: -11px -10px 0px 10px #398cc0;\n    }\n    .card.active-icon .elementor-icon i{\n        transform: rotate(180deg) !important;\n        transition: all 0.5s !important;\n    }\n    .card-content{\n        height: var(--content-height);\n        transition: all 0.5s !important;\n    }\n    .card-content.active{\n        height: var(--content-active-height);\n    }\n    \n    \/*RESPONSIVE*\/\n    \n@media (max-width: 767px){\n    \n    \n    }\n<\/style>\n\n\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\n<script>\nvar $ = jQuery\n    \n$(document).ready(function(){\n  $(\".toggle-button\").click(function(){\n    $(\".card-content\").toggleClass(\"active\");\n    $(\".card\").toggleClass(\"active-icon\");\n  });\n});\n<\/script>\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>Someone famous Creative Designer Hire Me<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-7745","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages\/7745","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/comments?post=7745"}],"version-history":[{"count":166,"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages\/7745\/revisions"}],"predecessor-version":[{"id":7920,"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages\/7745\/revisions\/7920"}],"wp:attachment":[{"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/media?parent=7745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}