{"html":"

\n\t\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t$49 / m\n\t\t\t\t\n\t\t\t\n\t\t\t

Professional

\n\t\t\t

This plan is for those who have a team already and running a large business.

\n\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t20 team members\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tPlan team meetings\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\tFile sharing\n\t\t\t\t

\n\t\t\t

\n\t\t\t\n\t\t\t\tChoose plan\n\t\t\t\n\t\t\t

\n\t\t

\n\t

","css":".plan {\n border-radius: 16px;\n box-shadow: 0 30px 30px -25px rgba(0, 38, 255, 0.205);\n padding: 10px;\n background-color: #fff;\n color: #697e91;\n max-width: 300px;\n}\n\n.plan strong {\n font-weight: 600;\n color: #425275;\n}\n\n.plan .inner {\n align-items: center;\n padding: 20px;\n padding-top: 40px;\n background-color: #ecf0ff;\n border-radius: 12px;\n position: relative;\n}\n\n.plan .pricing {\n position: absolute;\n top: 0;\n right: 0;\n background-color: #bed6fb;\n border-radius: 99em 0 0 99em;\n display: flex;\n align-items: center;\n padding: 0.625em 0.75em;\n font-size: 1.25rem;\n font-weight: 600;\n color: #425475;\n}\n\n.plan .pricing small {\n color: #707a91;\n font-size: 0.75em;\n margin-left: 0.25em;\n}\n\n.plan .title {\n font-weight: 600;\n font-size: 1.25rem;\n color: #425675;\n}\n\n.plan .title + * {\n margin-top: 0.75rem;\n}\n\n.plan .info + * {\n margin-top: 1rem;\n}\n\n.plan .features {\n display: flex;\n flex-direction: column;\n}\n\n.plan .features li {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.plan .features li + * {\n margin-top: 0.75rem;\n}\n\n.plan .features .icon {\n background-color: #1FCAC5;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n color: #fff;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n}\n\n.plan .features .icon svg {\n width: 14px;\n height: 14px;\n}\n\n.plan .features + * {\n margin-top: 1.25rem;\n}\n\n.plan .action {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: end;\n}\n\n.plan .button {\n background-color: #6558d3;\n border-radius: 6px;\n color: #fff;\n font-weight: 500;\n font-size: 1.125rem;\n text-align: center;\n border: 0;\n outline: 0;\n width: 100%;\n padding: 0.625em 0.75em;\n text-decoration: none;\n}\n\n.plan .button:hover, .plan .button:focus {\n background-color: #4133B7;\n}"}

splendid-firefox-37

👁 实时预览

📝 源代码