🤩 0x0B. Implement a design with bootstrap :

💡 learning goals :

In this project, you will implement 3 web pages with Bootstrap. You will use all HTML/CSS/Accessibility/Responsive design/Bootstrap knowledges that you learned previously.

You won’t have a lot of instruction, you are free to implement it the way that you want - the objective is simple: Have fully functional web pages that look the same as the designer file.

Here's the final result 👇 :

homepage

Tasks


✔️ Create an account in Figma and open these files
✔️ Let’s start by the Homepage: create the header/hero piece
✔️ Create the section “Carousel of quotes”
✔️ Create the section “Most popular tutorials”
✔️ Create the section “Free membership”
✔️ Create the section “Latest videos”
✔️ Create the footer
✔️ Now, let’s do the pricing page: create the header/hero piece
✔️ Create the prices grid
✔️ Same as the Homepage, create the Carousel of quotes
✔️ Create the FAQ grid
✔️ Same as Homepage, create the footer
✔️ Now, let’s do the courses page: create the header/hero piece
✔️ Create the search filters section
✔️ Create the result section of courses
✔️ Same as Homepage and Pricing page, create the footer

Author : Oumayma Bougossa 😃