The "Landing Page" project is part of The Odin Project's Foundations course, aimed at practicing and showcasing essential HTML and CSS skills. This project involves creating a visually appealing landing page, applying various web design concepts.
odin-landing-page/
│
├── css/
│ └── style.css
│
├── index.html
└── README.md
- HTML Structure: Applied standard HTML document elements, including
<!DOCTYPE>,<html>,<head>,<body>, and meta tags. - CSS Styling: Utilized CSS to style various components, including the header, content area, information cards, quote section, call-to-action, and footer.
- Flexbox Layout: Used Flexbox to create responsive and flexible layouts for the header, content, and information cards.
- Typography and Color: Implemented typographic styles and color schemes to enhance the visual appeal of the page.
- Button Styling: Styled buttons to be visually prominent and user-friendly.
- Image Integration: Incorporated an image into the layout using the
<img>tag, ensuring proper sizing and placement.
The hero image used in this project is credited to Glenn Carstens-Peters on Unsplash.
Special thanks to The Odin Project for providing the curriculum and resources for this learning journey.