{"id":76,"date":"2026-04-08T10:38:24","date_gmt":"2026-04-08T10:38:24","guid":{"rendered":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/?page_id=76"},"modified":"2026-05-01T10:48:28","modified_gmt":"2026-05-01T10:48:28","slug":"plp-tilt-card","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/plp-tilt-card\/","title":{"rendered":"PLP Tilt Card"},"content":{"rendered":"<section class=\"bde-section-76-100 bde-section px_page_title_section bde-preset-b11e74e1-4dbc-4e2a-afb8-2edb52178358\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<div class=\"section-container\"><div class=\"bde-columns-76-101 bde-columns\"><div class=\"bde-column-76-102 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-div-76-103 bde-div\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-76-104 bde-text\">\nTilt Card\n<\/div>\n<\/div>\n<\/div><\/div><div class=\"bde-rich-text-76-105 bde-rich-text breakdance-rich-text-styles\">\nIt creates a sense of depth and engagement, making content feel more dynamic and responsive.\nTilt cards are commonly used in modern web design to enhance visual appeal and user interaction.\n<\/div><\/div>\n<\/section><section class=\"bde-section-76-106 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-76-107 bde-columns\"><div class=\"bde-column-76-108 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-76-109 bde-text\">\nDemo Style 1\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-76-110 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-76-111 bde-columns\"><div class=\"bde-column-76-112 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"plp-tiltcard-76-115 plp-tiltcard\">\n<div class=\"px_card tilt-enabled\" \n         data-tilt-glare=\"0.5\" >\n\n    <div class=\"px_front\">\n\n                <div class=\"px_icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z\"\/><\/svg>\n        <\/div>\n        \n                <div class=\"px_title\">\n            Premium Shoes \n        <\/div>\n        \n                <div class=\"px_media\">\n              <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled30.jpg\" width=\"500\" height=\"700\" srcset=\"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled30.jpg 500w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled30-214x300.jpg 214w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\">\n        <\/div>\n        \n                <div class=\"px_content\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting industry.\n        <\/div>\n        \n                <div class=\"px_button\">\n                    \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--primary px_btn\"  >\n    \n        <span class=\"button-atom__text\">Click !!<\/span>\n\n        \n        \n            <\/button>\n    \n\n        <\/div>\n                  \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div><div class=\"bde-column-76-113 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"plp-tiltcard-76-117 plp-tiltcard\">\n<div class=\"px_card tilt-enabled\" \n         data-tilt-glare=\"0.5\" >\n\n    <div class=\"px_front\">\n\n                <div class=\"px_icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z\"\/><\/svg>\n        <\/div>\n        \n                <div class=\"px_title\">\n            Premium Shoes \n        <\/div>\n        \n                <div class=\"px_media\">\n              <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled20.jpg\" width=\"500\" height=\"700\" srcset=\"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled20.jpg 500w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled20-214x300.jpg 214w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\">\n        <\/div>\n        \n                <div class=\"px_content\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting industry.\n        <\/div>\n        \n                <div class=\"px_button\">\n                    \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--primary px_btn\"  >\n    \n        <span class=\"button-atom__text\">Click !!<\/span>\n\n        \n        \n            <\/button>\n    \n\n        <\/div>\n                  \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div><div class=\"bde-column-76-114 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"plp-tiltcard-76-116 plp-tiltcard\">\n<div class=\"px_card tilt-enabled\" \n         data-tilt-glare=\"0.5\" >\n\n    <div class=\"px_front\">\n\n                <div class=\"px_icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z\"\/><\/svg>\n        <\/div>\n        \n                <div class=\"px_title\">\n            Premium Shoes \n        <\/div>\n        \n                <div class=\"px_media\">\n              <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled10.jpg\" width=\"500\" height=\"700\" srcset=\"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled10.jpg 500w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/Untitled10-214x300.jpg 214w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\">\n        <\/div>\n        \n                <div class=\"px_content\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting industry.\n        <\/div>\n        \n                <div class=\"px_button\">\n                    \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--primary px_btn\"  >\n    \n        <span class=\"button-atom__text\">Click !!<\/span>\n\n        \n        \n            <\/button>\n    \n\n        <\/div>\n                  \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-76-118 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-76-119 bde-columns\"><div class=\"bde-column-76-120 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"bde-text-76-121 bde-text\">\nDemo Style 1\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-76-122 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><h1 class=\"bde-heading-76-130 bde-heading\">\nMake Your Site More Attrective Using Tilt Cards...\n<\/h1><div class=\"bde-columns-76-123 bde-columns\"><div class=\"bde-column-76-124 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"plp-tiltcard-76-125 plp-tiltcard\">\n<div class=\"px_card tilt-enabled\" \n         data-tilt-glare=\"0.8\" >\n\n    <div class=\"px_front\">\n\n                <div class=\"px_icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\"><!--! Font Awesome Free 6.5.1 by @fontawesome - https:\/\/fontawesome.com License - https:\/\/fontawesome.com\/license\/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2023 Fonticons, Inc. --><path d=\"M0 192c0-35.3 28.7-64 64-64c.5 0 1.1 0 1.6 0C73 91.5 105.3 64 144 64c15 0 29 4.1 40.9 11.2C198.2 49.6 225.1 32 256 32s57.8 17.6 71.1 43.2C339 68.1 353 64 368 64c38.7 0 71 27.5 78.4 64c.5 0 1.1 0 1.6 0c35.3 0 64 28.7 64 64c0 11.7-3.1 22.6-8.6 32H8.6C3.1 214.6 0 203.7 0 192zm0 91.4C0 268.3 12.3 256 27.4 256H484.6c15.1 0 27.4 12.3 27.4 27.4c0 70.5-44.4 130.7-106.7 154.1L403.5 452c-2 16-15.6 28-31.8 28H140.2c-16.1 0-29.8-12-31.8-28l-1.8-14.4C44.4 414.1 0 353.9 0 283.4z\"\/><\/svg>\n        <\/div>\n        \n                <div class=\"px_title\">\n            Best Dining Zone\n        <\/div>\n        \n                <div class=\"px_media\">\n              <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/aa.jpeg\" width=\"1200\" height=\"800\" srcset=\"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/aa.jpeg 1200w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/aa-300x200.jpeg 300w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/aa-1024x683.jpeg 1024w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/aa-768x512.jpeg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\">\n        <\/div>\n        \n                <div class=\"px_content\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting industry.\n        <\/div>\n        \n                <div class=\"px_button\">\n                    \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--primary px_btn\"  >\n    \n        <span class=\"button-atom__text\">View Now !!<\/span>\n\n        \n        \n            <\/button>\n    \n\n        <\/div>\n                  \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div><div class=\"bde-column-76-126 bde-column\">\n  \n  \n\t\n\n\n\n<div class=\"plp-tiltcard-76-127 plp-tiltcard\">\n<div class=\"px_card tilt-enabled\" \n         data-tilt-glare=\"0.8\" >\n\n    <div class=\"px_front\">\n\n                <div class=\"px_icon\">\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-home\" viewBox=\"0 0 32 32\">\n<path d=\"M32 18.451l-16-12.42-16 12.42v-5.064l16-12.42 16 12.42zM28 18v12h-8v-8h-8v8h-8v-12l12-9z\"\/>\n<\/svg>\n        <\/div>\n        \n                <div class=\"px_title\">\n            Luxury Hotels\n        <\/div>\n        \n                <div class=\"px_media\">\n              <img loading=\"lazy\" decoding=\"async\" class=\"breakdance-image-object\" src=\"http:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-scaled.jpg\" width=\"2560\" height=\"1440\" srcset=\"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-scaled.jpg 2560w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-300x169.jpg 300w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-1024x576.jpg 1024w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-768x432.jpg 768w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-1536x864.jpg 1536w, https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-content\/uploads\/sites\/39\/2026\/04\/modern-living-room-with-large-tv-comfortable-sofa-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\">\n        <\/div>\n        \n                <div class=\"px_content\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting industry.\n        <\/div>\n        \n                <div class=\"px_button\">\n                    \n    \n    \n    \n    \n            \n            <button type=\"button\" class=\"button-atom button-atom--primary px_btn\"  >\n    \n        <span class=\"button-atom__text\">View Now !!<\/span>\n\n        \n        \n            <\/button>\n    \n\n        <\/div>\n                  \n    <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>Tilt Card It creates a sense of depth and engagement, making content feel more dynamic and responsive. Tilt cards are commonly used in modern web design to enhance visual appeal and user interaction. Demo Style 1 Premium Shoes Lorem Ipsum is simply dummy text of the printing and typesetting industry. Click !! Premium Shoes Lorem [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-essentials-elements\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}