[{"id":146,"created_at":"2023-12-18T08:31:17.864338+00:00","html":"

\r\n

Personal

\r\n

A basic package for indiviual freelancers

\r\n

$9.99 /month

\r\n\r\n

\r\n

$\"check\"$ Unlimited projects

\r\n

$\"check\"$ Unlimited tasks

\r\n

$\"check\"$ 48-hour support response time\r\n

\r\n

\r\n\r\n \r\n

\r\n

\r\n\r\n

Startup Popular

\r\n

A plan that scales rapidly with your growing business

\r\n

$49 /month

\r\n\r\n

\r\n

$\"check\"$ Unlimited projects and tasks\r\n

\r\n

$\"check\"$ Upto 20 team members

\r\n

$\"check\"$ Team dashboard\r\n

\r\n

$\"check\"$ 24-hour support response time\r\n

\r\n

\r\n\r\n \r\n

\r\n

\r\n\r\n\r\n

Enterprise

\r\n

Dedicated support and infrastructure for you company\r\n

\r\n \r\n\r\n

\r\n

$\"check\"$ Unlimited projects and task\r\n

\r\n

$\"check\"$ Unlimited team members

\r\n

$\"check\"$ Multiple independent teams\r\n

\r\n

$\"check\"$ 1-hour dedicated support and response time\r\n

\r\n

\r\n\r\n \r\n

\r\n

","css":"/* */\r\n:root {\r\n --border-color: white;\r\n --radius: 20px;\r\n --border-width: 1px;\r\n}\r\n\r\nbody {\r\n background-color: black;\r\n color: white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\r\n}\r\n\r\n.container>* {\r\n border-top: var(--border-width) solid var(--border-color);\r\n border-bottom: var(--border-width) solid var(--border-color);\r\n}\r\n\r\n.container {\r\n background-color: black;\r\n width: 700px;\r\n height: 420px;\r\n display: flex;\r\n flex-direction: row;\r\n}\r\n\r\n.personal {\r\n background-color: #3762e4;\r\n height: 100%;\r\n width: 180px;\r\n border-radius: var(--radius) 0px 0px var(--radius);\r\n border-left: var(--border-width) solid var(--border-color);\r\n}\r\n\r\n.startup,\r\n.personal,\r\n.enterprise {\r\n padding: 30px;\r\n position: relative;\r\n}\r\n\r\n.startup {\r\n background-color: #2a4dcf;\r\n height: 100%;\r\n width: 200px;\r\n border-left: var(--border-width) solid var(--border-color);\r\n border-right: var(--border-width) solid var(--border-color);\r\n border-top: var(--border-width) solid #2a4dcf;\r\n position: relative;\r\n padding-top: 0px;\r\n padding-bottom: 60px;\r\n /* border-bottom: var(--border-width) solid var(--border-color); */\r\n}\r\n\r\n.startup::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 100%;\r\n height: 70px;\r\n top: -70px;\r\n left: -1px;\r\n border-radius: var(--radius) var(--radius) 0px 0px;\r\n background-color: #2a4dcf;\r\n border-top: var(--border-width) solid var(--border-color);\r\n border-left: var(--border-width) solid var(--border-color);\r\n border-right: var(--border-width) solid var(--border-color);\r\n\r\n}\r\n\r\n.enterprise {\r\n background-color: black;\r\n height: 100%;\r\n width: 180px;\r\n border-right: var(--border-width) solid var(--border-color);\r\n border-radius: 0px var(--radius) var(--radius) 0px;\r\n}\r\n\r\n.type {\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.pricing {\r\n font-size: 10px;\r\n margin-top: 20px;\r\n}\r\n\r\n.price {\r\n font-size: 40px;\r\n font-weight: 800;\r\n\r\n}\r\n\r\n.package img {\r\n filter: invert(100);\r\n}\r\n\r\n.package>img {\r\n font-size: 1000px;\r\n}\r\n\r\n.pck {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.package {\r\n margin-top: 40px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.go {\r\n position: absolute;\r\n bottom: 10px;\r\n padding: 10px 9px;\r\n left: 50%;\r\n\r\n transform: translateX(-50%);\r\n background-color: inherit;\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: 7px;\r\n color: white;\r\n width: 70%;\r\n /* margin: 10px; */\r\n}\r\n\r\n\r\n.popular {\r\n font-size: 10px;\r\n padding: 10px;\r\n background-color: #365ad3;\r\n border-radius: 30px;\r\n}","js":"// ","user_id":"24c8783e-8cfd-47f1-ac9f-ac9a07eeaa73","project_key":"fc3c4a","description":"Pricing Card","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "cssProcessor": false},"tags":["card","html","css","pricing","cards","animation"],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":500}],"profiles":{"username":"nuur"}}]