{"playground_type":"fork","logged_in_user":[],"users_to_assign":[],"bootstrap_versions":{"3.4":{"cssTags":[""],"jsTags":["",""]},"4.6":{"cssTags":[""],"jsTags":["",""]},"5.3":{"cssTags":[""],"jsTags":[""]}},"forking_from":294,"component_data":{"id":294,"slug":"for-me","title":"for me","description":"A modern and visually appealing card component with a gradient background and hover effect.","html":"

Welcome Email

Kickstart customer relationships with a warm welcome! This multi-step template introduces your brand, highlights key features, and guides new users with tailored onboarding emails. Start building trust today.

Abandoned Cart Recovery

Recover lost sales with reminders that integrate easily with Shopify, Wix, and WooCommerce. Send personalized nudges and exclusive offers to complete purchases.

Customer Retention

Recover lost sales with reminders that integrate easily with Shopify, Wix, and WooCommerce. Send personalized nudges and exclusive offers to complete purchases.

Feedback

Recover lost sales with reminders that integrate easily with Shopify, Wix, and WooCommerce. Send personalized nudges and exclusive offers to complete purchases.

","css":".card-sleek { background: linear-gradient(135deg, #85D8CE , #3c3f3f ); color: #fff; border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease-in-out; } .card-sleek2 { background: linear-gradient(135deg, #FFA726 , #55362d ); color: #fff; border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease-in-out; } .card-sleek3 { background: linear-gradient(135deg, #5C6BC0 , #573e5e ); color: #fff; border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease-in-out; } .card-sleek4 { background: linear-gradient(135deg, #FFEB3B , #25241a ); color: #fff; border-radius: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease-in-out; } .card:hover { transform: translateY(-5px); } .card-body { padding: 2rem; } .card-title { font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem; } .card-text { font-size: 1rem; line-height: 1.5; } .btn-sleek { background-color: #fff; color: #667eea; font-weight: bold; transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; } .btn-sleek:hover { background-color: #667eea; color: #fff; }","javascript":null,"user_id":1469,"user_name":"jimmy-mercury","center_type":1,"is_responsive":1,"is_supports_dark_mode":0,"bs_version":"5.3","tags":[{"label":"Card","value":3}]}}