https://github.com/blordeus/huddle-landing-page
https://github.com/blordeus/huddle-landing-page
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/blordeus/huddle-landing-page
- Owner: blordeus
- Created: 2025-07-01T22:00:11.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-01T22:16:59.000Z (12 months ago)
- Last Synced: 2025-07-01T23:27:12.654Z (12 months ago)
- Language: CSS
- Size: 799 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Huddle Landing Page with Alternating Feature Blocks
This is a frontend solution to the [Huddle Landing Page Challenge](https://www.frontendmentor.io/challenges/huddle-landing-page-with-alternating-feature-blocks-5ca5f5981e82137ec91a5100) on Frontend Mentor. The goal was to build a responsive and accessible landing page that matches the provided design as closely as possible.
## 🔗 Live Site
[View the live project here](https://blordeus.github.io/huddle-landing-page/)
## 📸 Screenshots
## ⚙️ Built With
- Semantic HTML5 markup
- Custom CSS for layout control
- Mobile-first responsive design
- Flexbox for alignment and layout
- Optimized images and alt tags for accessibility
## 📁 Folder Structure
```
├── index.html
├── style.css
├── /images
├── /designs
```
## 🚀 Features
- Fully responsive layout (mobile, tablet, and desktop)
- Clean and accessible HTML/CSS
- Alternating feature sections
- Consistent spacing and typography
- Optimized images and alt text
## 🧠 What I Learned
- How to implement alternating sections using flexbox
- Managing consistent vertical spacing across sections
- Mobile-first approach and debugging with browser tools
## 📈 Optimizations
- Used semantic tags for better accessibility
- Implemented responsive typography and spacing
- Ensured consistent image sizing and layout balance
## 🛠️ Installation
To run locally:
```bash
git clone https://github.com/blordeus/huddle-landing-page.git
cd huddle-landing-page
open index.html
```
## 👨💻 Author
- GitHub: [@blordeus](https://github.com/blordeus)
- Portfolio: [www.bryanlordeus.com](https://www.bryanlordeus.com)
## 🙌 Acknowledgments
Thanks to [Frontend Mentor](https://www.frontendmentor.io/) for the challenge and community support.