Project
First Landing
Challenging
142 completions
~ 14 hours
3.4Apart from creating a real-life example landing page, you will also sharpen your HTML and CSS skills. Gain some experience in constructing a website without JavaScript!
Provided by
JetBrains Academy
About
As you probably noticed, when a company releases a new product, it often comes with a web page to promote it. This page is called a landing page. In this project, your goal is to create such a page for a new product. You can choose what product you want to sport on your landing!
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:
Before going into detail, adjust the basic layout of your landing page.
Implement a custom navigation bar for your landing page.
The product banner is going to be the first thing a visitor sees on your landing page.
The product gallery will feature rows with images and information on your products.
Similar to the navbar design, create a footer with the navigation links on the page bottom.
Add a short contact form in the footer for users to interact with the web page.
Reviews
1 year ago
I have learned a lot of css: flexbox, grid , positioning, and so, applying all of these topics in a real life project
Christian Miguel Flores Morales
1 year ago
Very fun project which help me to learn and practice the basics of html, css and flexbox
1 year ago
This is a very nice project for people who just started learning HTML (and CSS). Even though the first two stages are quite long, once you finish them, you understand most of the concepts and get to finish your project easily :)
3.4
Learners who completed this project within the Introduction to HTML and CSS course rated it as follows: