{"html":"

\n \n

\n \n \n \n
\n 2 team members\n
\n
\n \n \n \n
\n 1000+ components\n
\n
\n \n \n \n
\n 1 month free updates\n
\n
\n \n \n \n
\n Life time technical support\n
\n

\n \n

","css":".pack-container {\n position: relative;\n display: flex;\n max-width: 350px;\n flex-direction: column;\n border-radius: 12px;\n background-color: #212121;\n border: 1px solid #fff;\n padding: 1.6rem;\n color: #fff;\n box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n}\n\n.header {\n position: relative;\n margin: 0;\n margin-bottom: 2rem;\n overflow: hidden;\n border-radius: 0;\n border-bottom: 1px solid #fff;\n background: transparent;\n padding-bottom: 1rem;\n text-align: center;\n}\n\n.title {\n display: block;\n font-family: sans-serif;\n font-size: 0.875rem;\n line-height: 1.25rem;\n text-transform: uppercase;\n color: #fff\n}\n\n.price-container {\n margin-top: 10px;\n display: flex;\n justify-content: center;\n align-items: flex-start;\n gap: 4px;\n font-family: sans-serif;\n font-size: 4.5rem;\n line-height: 1;\n}\n\n.price-container span:first-child {\n margin-top: 10px;\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.price-container span:last-child {\n align-self: flex-end;\n font-size: 2.25rem;\n line-height: 2.5rem;\n}\n\n.lists {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.list {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n\n.list span {\n border-radius: 50%;\n border: 1px solid rgba(255, 255, 255, 0.24);\n background-color: rgba(255, 255, 255, 0.185);\n height: 30px;\n width: 30px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.list span svg {\n height: 12px;\n width: 12px;\n}\n\n.list p {\n display: block;\n font-family: sans-serif;\n}\n\n.button-container {\n margin-top: 20px;\n padding: 0;\n}\n\n.button-container button {\n display: block;\n width: 100%;\n background-color: #fff;\n padding: 10px 20px;\n text-transform: uppercase;\n color: #000;\n outline: 0;\n border: 0;\n border-radius: 10px;\n}"}

jolly-lionfish-88

👁 实时预览

📝 源代码