{"id":26998,"date":"2021-06-19T06:04:53","date_gmt":"2021-06-19T06:04:53","guid":{"rendered":"https:\/\/webartdevelopers.com\/blog\/?p=26998"},"modified":"2021-06-19T07:07:23","modified_gmt":"2021-06-19T07:07:23","slug":"smart-card-holder","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/smart-card-holder\/","title":{"rendered":"SMART CARD HOLDER"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Author:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>Visnu Ravichandran<\/li><li>August 5, 2020<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>Made with:<\/em><\/span><\/strong><\/h4>\n\n\n\n<ul><li>HTML \/ CSS (SCSS) \/ JS<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><span style=\"text-decoration: underline;\"><em>About the code:<\/em><\/span><\/strong><\/h4>\n\n\n\n<p>This is an amazing and cool jQuery Cards Animation. You probably have a credit card or two. And maybe even from different banks. Isn&#8217;t is cool to have one app with all your cards!!! Perhaps with basic functionality like account balance and money transfer. Not sure if one bank would be able to integrate with another, but guess we&#8217;ll see, right?<\/p>\n\n\n\n<p><strong><em>Compatible browsers:<\/em><\/strong> Chrome, Edge, Firefox, Opera, Safari<\/p>\n\n\n\n<p><strong><em>Responsive:<\/em><\/strong> No<\/p>\n\n\n\n<p><strong><em>Dependencies:<\/em><\/strong> gsap.js<\/p>\n\n\n<a href=\"https:\/\/codepen.io\/visnuravichandran\/share\/zip\/wvGvpwX\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n\n\n<a href=\"https:\/\/dribbble.com\/shots\/6725201-Smart-Cardholder\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Dribbble Page<\/span><\/a>\n\n\n<a href=\"https:\/\/codepen.io\/visnuravichandran\/pen\/wvGvpwX\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Author: Visnu Ravichandran August 5, 2020 Made with: HTML \/ CSS (SCSS) \/ JS About the code: This is an amazing and cool jQuery Cards Animation. You probably have a credit card or two. And maybe even from different banks. Isn&#8217;t is cool to have one app with all your cards!!! Perhaps with basic functionality like account balance and money transfer. Not sure if one bank would be able to integrate with another, but guess we&#8217;ll see, right? Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: No Dependencies: gsap.js<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":26999,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5794],"tags":[3808,583,5802,7494],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/26998"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=26998"}],"version-history":[{"count":1,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/26998\/revisions"}],"predecessor-version":[{"id":27000,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/26998\/revisions\/27000"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/26999"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=26998"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=26998"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=26998"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}