coffeeHere Used AI
A coffee shop landing page cum full site wth OnePiece theme
for now creating while learning
from this project iv'e learnt about a lot of things in css and html it really improved my core skills in web dev
Followers
No followers yet
Ship Your Project
Get ready!
Once you ship this you can't edit the description of the project, but you'll be able to add more devlogs and re-ship it as you add new features!
Timeline
Now the site good to ship just changed all the previous things like reviews and about shop lines with the one piece relatable things and character lines the idea of new theme is a success.
Now this is the final look with fully responsiveness this project thought me a lot bout the front end
hell Yahweh
got the final theme for the site in one piece edition
also the background with pirate flag is looking good using different styles and fonts to make it nice
Sorry guys I was not consistent on this project as i was busy in academic stuff but let's start this again working on one piece theme just completed the contact section and also changed the colour to test it also adding new images for new theme
Designed the testimonies section also added some animation on the menu section.
I have an idea to change the theme into a fully dedicated one piece theme so stay tuned.
created menu and about section and working on its responsive styling
again this is not the final theme i am learning the things, will change the design later
Made the landing page responsive today 📱. Adjusted the layout using a media query at max-width: 900px to handle mobile and tablet screens smoothly ✅. The navbar now transforms properly on smaller screens, and I added a menu open ☰ and close ✖️ button for toggling the mobile menu. Fixed the earlier issue where both buttons were visible on large screens by adjusting the default visibility and using proper media query overrides 🧠. Everything scales better now — hero content stacks nicely and buttons stay accessible 🎯. Happy with how it feels on mobile, and it's ready for the next step 🚀.
Started working on this coffee-themed landing page today ☕. I built the hero section with a fixed navbar 📌, clean layout 🎨, and styled buttons . Used Google Fonts (“Poppins” and “Miniver”), CSS variables for consistency , and Flexbox for layout . Added a coffee splash image to the right and bold heading on the left 💥. Faced a small issue with a media query (missing space) but fixed it quickly . Might change the theme or idea later, but this is the progress so far .
