Project
Amazing Prices
Challenging
111 completions
~ 15 hours
4.2Improve your HTML and CSS skills by creating a page layout from the ready-made Figma designs. Moreover, practice CSS Flexbox and learn about HTML5 Tables. In the end, make your page responsive for different screen sizes.
Provided by
JetBrains Academy
About
You have developed an outstanding service for your users. Now, it’s time to show the prices with a pricing page! In this project, you will design a page layout for the pricing of a service or a product. Practice your frontend skills using HTML & CSS and build a page based on our Figma designs.
Graduate project
This project covers the core topics of the Introduction to HTML and CSS course, making it sufficiently challenging to be a proud addition to your portfolio.
At least one graduate project is required to complete the course.
What you'll learn
Once you choose a project, we'll provide you with a study plan that includes all the necessary topics from your course to get it built. Here’s what awaits you:
Create the layout of the website with semantic elements.
Add a header and a text to inform your visitors about the pricing. Show your different pricing plans as cards.
Build an HTML table to show the difference in your pricing plans. This is vital for your visitors.
Make the website elements display correctly on mobile devices.
Reviews
1 month ago
He aprendido ha desaroolar una pagina para manejo de servicios utilizando componentes con card, table, y diseños responsivos para el uso den dispositivos moviles y tablet.
Boss
2 months ago
I have learned how to work with figma and create card with bootstrap. Thanks Hyperskill.
8 months ago
I have learned working with HTML and CSS in basic web design. I also learned to work a bit with Figma app
4.2
Learners who completed this project within the Introduction to HTML and CSS course rated it as follows: