[{"id":107,"created_at":"2023-12-12T23:24:39.43271+00:00","html":"

\r\n

Unlimited

\r\n

$8.99 /per month

\r\n

Save $18 with annual billing

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

\r\n \r\n

\r\n\r\n

\r\n

$\"\"$ Unlimited users

\r\n

$\"\"$ Articles

\r\n

$\"\"$ \r\n Youtube videos (coming soon)\r\n

\r\n

$\"\"$ \r\n Podcast (coming soon)\r\n

\r\n

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

","css":"@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap');\r\n\r\nbody {\r\n display: grid;\r\n place-content: center;\r\n color: #333;\r\n background-color: white;\r\n}\r\n\r\nul {\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.pricing-container {\r\n height: 400px;\r\n width: 250px;\r\n border: 2px solid #333;\r\n border-radius: 10px;\r\n box-shadow: 5px 5px 0px 1px rgb(33, 33, 33);\r\n font-family: \"Rubik\";\r\n padding: 21 20;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.name {\r\n font-weight: 700;\r\n font-size: 23;\r\n}\r\n\r\n.price {\r\n font-size: 60;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: baseline;\r\n}\r\n\r\n.recuring {\r\n font-size: 10;\r\n}\r\n\r\n.deal {\r\n font-size: 13;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.save {\r\n color: rgb(18, 199, 18);\r\n}\r\n\r\n.check-deal {\r\n height: 30px;\r\n width: 60px;\r\n border-radius: 4px;\r\n box-shadow: 4px 4px 0px .2px rgb(33, 33, 33);\r\n position: relative;\r\n background-color: #cacaca;\r\n cursor: pointer;\r\n}\r\n\r\n#check {\r\n display: none;\r\n\r\n}\r\n\r\n.check-deal::before {\r\n content: \"\";\r\n height: calc(100% - 7px);\r\n width: 20px;\r\n background-color: white;\r\n position: absolute;\r\n top: 50%;\r\n left: 14;\r\n border-radius: 3px;\r\n transform: translate(-50%, -50%);\r\n box-shadow: 2px 2px 5px .1px rgb(124, 123, 123);\r\n bottom: 0;\r\n transition: transform .3s ease-in-out;\r\n}\r\n\r\n#check:checked+.check-deal {\r\n background-color: orange;\r\n}\r\n\r\n#check:checked+.check-deal::before {\r\n transform: translate(100%, -50%);\r\n}\r\n\r\n.package {\r\n margin-top: 30px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n font-weight: 500;\r\n}\r\n\r\n.soon {\r\n color: #999;\r\n}\r\n\r\n.sign-up {\r\n margin-top: 10px;\r\n width: fit-content;\r\n padding: 10px;\r\n background-color: white;\r\n border: 1px solid #333;\r\n border-radius: 5px;\r\n box-shadow: 3px 2px 0 1px orange;\r\n}","js":"// ","user_id":"24c8783e-8cfd-47f1-ac9f-ac9a07eeaa73","project_key":"4UerNX","description":"Neubrutalism: 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":[],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":659}],"profiles":{"username":"nuur"}}]