{"html":"

Standard

$2.99

/month

This Plan Includes:

Awesome Benefits
10% Discount

\n \n

","css":".card {\n width: 190px;\n height: 254px;\n background: rgb(45, 45, 45);\n box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);\n transition-duration: 0.5s;\n}\n\n.title {\n text-align: center;\n margin-top: 0.5em;\n font-weight: bold;\n font-size: x-large;\n color: rgb(200,200,200);\n}\n\n.pricecontainer {\n width: 100%;\n margin-top: 0.7em;\n background-color: rgb(30,30,30);\n box-shadow: inset 0px 0px 2em rgba(0, 0, 0, 0.3);\n}\n\n.price {\n text-align: center;\n color: rgb(180,180,180);\n font-size: x-large;\n font-weight: bold;\n padding: 0.75em 0 0 0;\n}\n\n.pricedescriptor {\n text-align: center;\n color: rgb(118, 118, 118);\n font-size: medium;\n padding: 0 0 1em 0;\n}\n\n.includes {\n text-align: center;\n color: rgb(110, 110, 110);\n margin-top: 0.6em;\n font-size: small;\n font-weight: bold;\n}\n\n.benefitlist li {\n color: rgb(150,150,150);\n font-size: small;\n text-align: center;\n}\n\n.benefitlist li:nth-child(1) {\n margin-top: 0.4em;\n}\n\n.btncontainer {\n text-align: center;\n}\n\n.btncontainer button {\n margin-top: 1em;\n padding: 0.5em 0.8em 0.5em 0.8em;\n border-style: none;\n border-radius: 1000000px;\n color: rgb(239, 239, 239);\n font-weight: bold;\n background-image: linear-gradient(45deg, #fe4fe1 0%, #3f00fe 100%);\n transition: box-shadow 0.15s ease-in-out;\n}\n\n.btncontainer button:hover {\n box-shadow: inset 0px 0px 5px rgb(0,0,0);\n transition: box-shadow 0.15s ease-in-out;\n}"}

proud-emu-10

👁 实时预览

📝 源代码