https://github.com/harsh825/odin-landing-page

A landing page built as part of The Odin Project curriculum's Foundations course. This project demonstrates fundamental HTML and CSS skills, including flexbox layouts, and proper semantic markup. Features a hero section, services overview, and contact information in a clean, professional design
https://github.com/harsh825/odin-landing-page

flexbox flexbox-grid

Last synced: 5 days ago
JSON representation

A landing page built as part of The Odin Project curriculum's Foundations course. This project demonstrates fundamental HTML and CSS skills, including flexbox layouts, and proper semantic markup. Features a hero section, services overview, and contact information in a clean, professional design

• Host: GitHub
• URL: https://github.com/harsh825/odin-landing-page
• Owner: HARSH825
• Created: 2024-02-13T11:30:32.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-10-30T04:23:40.000Z (18 days ago)
• Last Synced: 2024-10-30T06:25:08.783Z (18 days ago)
• Topics: flexbox, flexbox-grid
• Language: HTML
• Homepage:
• Size: 22.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Odin Landing Page Project

## 🚀 Live Demo

[View Live Site](https://harsh825.github.io/Odin-landing-page/)

## 📝 Description

A landing page implementation created while following The Odin Project's web development curriculum. This project demonstrates fundamental web development skills through a clean, modern design.

## ✨ Features

- layout using CSS Flexbox

- Modern hero section design

- Information cards showcasing key features

- Quote/testimonial section

- Call-to-action button

- Footer with links

## 🛠️ Technologies Used

- HTML5

- CSS3

- Flexbox

## 📚 Learning Outcomes

- Implementing layouts with CSS Flexbox

- Working with CSS selectors and properties

- Creating responsive designs

- Following design specifications

## 🎯 Original Design

This project is based on The Odin Project's [landing page assignment](https://www.theodinproject.com/lessons/foundations-landing-page).

## 📸 Screenshots



  

  



  

  



  

  



  



## 🚀 Installation

1. Clone the repository:

```bash

git clone https://github.com/HARSH825/Odin-landing-page.git