This is a sample landing page created to showcase the use of Flexbox in HTML and CSS. The page layout uses Flexbox properties to create a responsive and visually appealing design.
You can view the page online by clicking here
The project was created using HTML and CSS. The Flexbox layout was implemented using CSS properties such as display, flex-direction, justify-content, align-items, and gap.
The landing page includes a header, hero section, content section, and footer. The header includes a logo and a navigation menu. The hero section includes a main message, a secondary message, and a call-to-action button. The content section includes four cards that highlight the benefits of signing up for the product, a quote or testimonial, and a final call-to-action button. The footer includes copyright information.
The images used in the project were sourced from Unsplash and Pexels. This project was built as part of my web development course. The original idea came from The Odin Project's Landing Page project.