Odin Flexbox Template

This project is a clone of the Odin Project’s landing page, created to demonstrate the use of Flexbox for layout and design. It showcases everything learned up to this point in the foundation course of The Odin Project.

Table of Contents

• Demo
• Features
• Technologies
• Project Structure

Demo

You can view the live demo here.

Features

• Responsive Layout: The design is responsive and adjusts to various screen sizes using Flexbox.
• Navigation Bar: A header with a navigation menu linking to different sections of the page.
• Content Sections: Organized sections for information, including text and images.
• Call to Action: A sign-up call-to-action section prompting users to join.
• Testimonial Section: A quote section with a testimonial for visual balance and flair.
• Footer: A simple footer with copyright information.

Technologies

• HTML5: Structuring the content of the webpage.
• CSS3: Styling the page using custom stylesheets with Flexbox layout techniques.

Project Structure

├── index.html        # Main HTML file
├── style.css         # Stylesheet using Flexbox for layout
└── /Images           # Folder for images used in the project