{"id":6947,"date":"2022-06-21T20:24:32","date_gmt":"2022-06-21T20:24:32","guid":{"rendered":"https:\/\/elementor.jimfahad.com\/elementor110\/?page_id=6947"},"modified":"2022-07-15T17:31:12","modified_gmt":"2022-07-15T17:31:12","slug":"032-dropdown-card","status":"publish","type":"page","link":"https:\/\/elementor.jimfahad.com\/elementor110\/032-dropdown-card\/","title":{"rendered":"032 Dropdown Card"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6947\" class=\"elementor elementor-6947\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8a33cf9 e-flex e-con-boxed e-con e-parent\" data-id=\"8a33cf9\" 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-2456fff card e-flex e-con-boxed e-con e-parent\" data-id=\"2456fff\" 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\t\t<div class=\"elementor-element elementor-element-5aafa35 elementor-position-left elementor-vertical-align-top elementor-widget elementor-widget-image-box\" data-id=\"5aafa35\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1500\" height=\"1500\" src=\"https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-image2.jpg\" class=\"attachment-full size-full wp-image-7093\" alt=\"\" srcset=\"https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-image2.jpg 1500w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-image2-300x300.jpg 300w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-image2-1024x1024.jpg 1024w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-image2-150x150.jpg 150w, https:\/\/elementor.jimfahad.com\/elementor110\/wp-content\/uploads\/2022\/06\/profile-image2-768x768.jpg 768w\" sizes=\"(max-width: 1500px) 100vw, 1500px\" \/><\/figure><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Jim Fahad<\/h3><p class=\"elementor-image-box-description\">Web Designer<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-11fcbe0 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"11fcbe0\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-user\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Edit Profile<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-comment-alt\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Inbox<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-sun\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Settings<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-question-circle\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Support<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-external-link-alt\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Log Out<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f64c712 elementor-widget__width-initial elementor-absolute toggle-button elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"f64c712\" 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-42550b2 e-flex e-con-boxed e-con e-parent\" data-id=\"42550b2\" 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-14d9a4f elementor-widget elementor-widget-html\" data-id=\"14d9a4f\" 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{\n        --content-height: 125px;\n        --content-active-height: 400px;\n    }\n    .toggle-button{\n        cursor: pointer;\n    }\n    .card .elementor-image-box-content h3{\n        padding-top: 10px;\n    }\n    .card.active .elementor-icon i{\n        transform: rotate(180deg) !important;\n        transition: all 0.5s !important;\n    }\n    .card{\n        height: var(--content-height);\n        transition: all 0.5s !important;\n    }\n    .card.active{\n        height: var(--content-active-height);\n    }\n    \n    \/*RESPONSIVE*\/\n    \n@media (max-width: 767px){\n    .card{\n        --content-height: 225px;\n        --content-active-height: 500px;\n    }\n    .toggle-button{\n        cursor: pointer;\n    }\n    .card .elementor-image-box-content h3{\n        padding-top: 10px;\n    }\n    .card.active .elementor-icon i{\n        transform: rotate(180deg) !important;\n        transition: all 0.5s !important;\n    }\n    .card{\n        height: var(--content-height);\n        transition: all 0.5s !important;\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\").toggleClass(\"active\");\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>Jim Fahad Web Designer Edit Profile Inbox Settings Support Log Out<\/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-6947","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages\/6947","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=6947"}],"version-history":[{"count":169,"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages\/6947\/revisions"}],"predecessor-version":[{"id":8041,"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/pages\/6947\/revisions\/8041"}],"wp:attachment":[{"href":"https:\/\/elementor.jimfahad.com\/elementor110\/wp-json\/wp\/v2\/media?parent=6947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}