Skip to content

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.

Notifications You must be signed in to change notification settings

drawdejohn/landing-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Flexbox Landing Page

Overview

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.

Live Preview

You can view the page online by clicking here

Technologies used

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.

Features

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.

Credits

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.

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published