{"html":"

\n Run with the pack\n

\n\n

\n \n Get 35% off\n \n On your next order over $100\n

\n Offer valid until 29th April, 2023 *\n

","css":".card {\n overflow: hidden;\n border-radius: 0.5rem;\n max-width: 300px;\n background-color: #fff;\n color: #212121;\n}\n\n.image {\n height: 8rem;\n width: 100%;\n object-fit: cover;\n background-color: rgb(204, 0, 255);\n background-image: linear-gradient(to right, rgb(255, 174, 0), rgb(204, 0, 255));\n}\n\n.content {\n padding: 1rem;\n text-align: center;\n}\n\n.text-1 {\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n}\n\n.text-2 {\n margin-top: 1rem;\n font-weight: 900;\n text-transform: uppercase;\n}\n\n.text-2 span:first-child {\n font-size: 2.25rem;\n line-height: 2.5rem;\n font-weight: 900;\n}\n\n.text-2 span:last-child {\n margin-top: 0.5rem;\n display: block;\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n.action {\n margin-top: 1rem;\n display: inline-block;\n width: 100%;\n background-color: rgb(0, 0, 0);\n padding-top: 1rem;\n padding-bottom: 1rem;\n border-radius: 4px;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: rgba(255, 255, 255, 1);\n text-decoration: none;\n}\n\n.date {\n margin-top: 1rem;\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 500;\n text-transform: uppercase;\n color: rgba(156, 163, 175, 1);\n}"}

jolly-bulldog-80

👁 实时预览

📝 源代码