Day 106 — Lagunitas Website #1006
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
✅ Deploy Preview for webdevin100days ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Thanks for creating a PR for your Issue!
|
Owner
|
check this Fix this @dimpal-yadav |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
🎯 Project Description
This project is a fully functional front-end clone of the Lagunitas Brewing Company website, built using HTML, CSS, and JavaScript.
The goal of this clone is to replicate the core structure, design aesthetics, and navigation experience of the original Lagunitas site in a simplified, responsive, and educational version.
Close issue #989
💻 Tech Stack
HTML5 – for semantic structure and layout
CSS3 – for responsive styling and design
JavaScript (Vanilla) – for smooth scroll navigation and interactivity
🚀 Features Implemented
✅ Responsive navigation bar with smooth scroll
✅ Fully designed Home, Beers, Our Pub, Shop, and About sections
✅ Interactive “Find Beer” button (ready for modal or map link integration)
✅ Smooth scrolling animation for navigation links
✅ Clean, modern UI inspired by the original Lagunitas design
✅ Removed demo splash page — loads directly to Home page
🧩 Folder Structure
Lagunitas-Clone/
├── index.html # Main page (HTML structure)
# Embedded CSS styles,
# Embedded JS for smooth scroll
🧠 Rationale for this Change
This project demonstrates hands-on web development practice with a real-world brand concept.
It helps to understand how to structure, style, and add dynamic behavior to modern marketing websites.
🧪 Testing
Verified navigation links (Home, Beers, Our Pub, Shop, About) scroll correctly.
Checked layout responsiveness on desktop and mobile.
Tested hover effects, section spacing, and scroll animations.
🎨 Future Enhancements
Integrate product APIs to load real beer items dynamically.
Add a “Find Beer Near Me” Google Maps modal.
Implement dark mode and animations using Framer Motion.