Skip to content

README.md

Latest commit

 

History

History
51 lines (39 loc) · 1.79 KB

README.md

File metadata and controls

51 lines (39 loc) · 1.79 KB
Raw

Flexbox Landing Page

A simple and responsive landing page created using HTML, CSS, and the power of Flexbox for layout management. This project demonstrates my practice and exploration of Flexbox concepts to build visually appealing and well-structured web designs.

Features

  • Responsive Layout: Adjusts seamlessly across various screen sizes.
  • Header Section: Includes a logo, navigation links, and a bold title with subtext.
  • Illustrations with Descriptions: Displays images alongside descriptive text.
  • Call to Action (CTA): A dedicated section encouraging user interaction.
  • Footer: Simple and minimalistic footer with copyright information.

Getting Started

Prerequisites

To view and test this project locally, you'll need:

  • A web browser (e.g., Chrome, Firefox, Edge).
  • A code editor (e.g., VS Code, Sublime Text).

Clone the Repository

git clone https://github.com/2bTwist/Flexbox.git

Open the Project

  1. Navigate to the project folder: 
    cd 'Landing Page'
  2. Open the index.html file in your browser to view the page or using VSCode's Live Server Extension.

Folder Structure

Landing Page/
├── index.html         # Main HTML file
├── style.css          # Stylesheet with Flexbox implementation
├── img/               # Folder containing image assets
└──

Built With

  • HTML5
  • CSS3 (Flexbox)
  • Google Fonts: Poppins and Roboto

Acknowledgments

This project was inspired by learning exercises on Flexbox and structured to enhance layout management skills. Special thanks to The Odin Project for guidance and learning materials.

Explore the project here. Contributions and feedback are welcome!