{"html":"

\n \n

Team

\n\n

Avanced feaures for Individuals and organizations

\n\n

\n \n Unlimited file storage\n

\n \n 10 GB bandwidth per month\n

\n \n\n 10.000 tasks per month\n

\n \n\n Email support\n

\n \n\n 100 Webhooks\n

\n \n

\n $\n 19\n /month\n

\n Continue with Team\n

","css":".pack_card {\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: 0.5rem;\n border: 2px solid rgb(99 102 241);\n padding: 1.5rem 1rem 1rem 1rem;\n margin-top: 1rem;\n background-color: #fff;\n max-width: 300px;\n}\n\n.banner {\n position: absolute;\n left: 0px;\n right: 0px;\n top: -2rem;\n display: flex;\n justify-content: center;\n}\n\n.banner_tag {\n display: flex;\n height: 1.5rem;\n align-items: center;\n justify-content: center;\n border-radius: 9999px;\n background-color: rgb(99 102 241);\n padding: 0.25rem 0.75rem;\n font-size: 0.75rem;\n line-height: 1rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: #fff;\n}\n\n.pack_name {\n margin-bottom: 0.5rem;\n text-align: center;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n color: rgb(31 41 55 );\n}\n\n.description {\n margin: 0 auto 2rem auto;\n text-align: center;\n color: rgb(107 114 128 );\n}\n\n.lists > :not([hidden]) ~ :not([hidden]) {\n margin-top: 0.5rem;\n}\n\n.list {\n display: flex;\n gap: 0.5rem;\n}\n\n.list svg {\n height: 1.5rem;\n width: 1.5rem;\n flex-shrink: 0;\n color: rgb(99 102 241 );\n}\n\n.list span {\n color: rgb( 75 85 99 );\n}\n\n.bottom {\n margin-top: auto;\n display: flex;\n flex-direction: column;\n gap: 2rem;\n}\n\n.price_container {\n display: flex;\n align-items: flex-end;\n justify-content: center;\n gap: 0.25rem;\n}\n\n.devise {\n align-self: flex-start;\n color: rgb( 75 85 99 );\n}\n\n.price {\n font-size: 2.25rem;\n line-height: 2.5rem;\n font-weight: 700;\n color: rgb(31 41 55 );\n}\n\n.date {\n color: rgb(107 114 128 );\n}\n\n.btn {\n display: block;\n border-radius: 0.5rem;\n background-color: rgb(99 102 241 );\n padding: 0.75rem 2rem;\n text-align: center;\n font-size: 0.875rem;\n line-height: 1.25rem;\n font-weight: 600;\n color: #fff;\n outline: 2px solid transparent;\n outline-offset: 2px;\n transition: all .1s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.btn:hover {\n background-color: rgb(79 70 229 );\n}\n\n.btn:active {\n background-color: rgb(67 56 202 );\n}"}

hungry-jellyfish-92

👁 实时预览

📝 源代码