Html, CSS and a little bit of JavaScript

There are some issues you need to fix/improve:

• I recommend you add the fonts in the HTML Document in a link tag getting the embed code from Google Fonts.
• Your background image looks different from the original one.
• Add a border-radius to the content-1, content-2 and content-3 containers and buttons.
• Also, try different values for the blur(third parameter) and spread(fourth parameter) in the box-shadow property looking similar to the original design. You can use this tool that generates automatic code for box-shadow.
• The content-2 container for the Professional plan includes a gradient background with white, again you can use this tool to generate the code for the gradient as the background.
• With text-transform: uppercase you can change the style of any text, including the one inside of the buttons of learn more.

That's all I can see now, good work, and keep coding and learning every day! 😁