Okay, so today I decided to dive into making a “Honey Cake Shop” website. It was a bit of a spur-of-the-moment thing, but I’ve been wanting to practice my web dev skills, and what better way than with something sweet?
I started by sketching out a basic layout on a piece of paper. Just some boxes for where I wanted the header, the cake images, descriptions, and maybe a contact form at the bottom. Nothing fancy, just a roadmap to keep me on track.
Then, I fired up my code editor and created the basic HTML structure. You know, the usual <html>, <head>, and <body> tags. I added a title and linked a stylesheet (which I created next) to keep things organized.
Styling with CSS
For the stylesheet, I kept it pretty simple. I chose a warm, inviting background color – kind of a light, creamy yellow, like honey, I guess!. I picked a nice, readable font for the text, and a slightly fancier one for the headings. Nothing too crazy, just wanted it to look clean and appealing.
I made a container in center for my web
- I used display flex features to make cakes item in row.
- I add some hover effect for fun.
Getting the Content In
Next up, I started adding the actual content. I created a div for the header and put in the shop’s name, “Honey Cake Shop,” in a big, bold font.
Then came the fun part – adding the cakes! I found some free stock photos of delicious-looking honey cakes online. I created a div for each cake, put the image inside, and added a short description and price below it.
Making it a “Shop”
If want to sell cake, how can user contact with me?
I created a simple form with fields for name, email, and a message box.
I didn’t hook it up to any actual backend or database,I just want a static web, so I will learn that later!. It’s just there for show, to give the impression of a functional contact form.
Finally, I added a footer with a copyright notice and that’s it! My very own, albeit very simple, “Honey Cake Shop” website. It’s not going to win any awards, but it was a great way to practice some basic HTML and CSS. And who knows, maybe one day I’ll actually turn it into a real online store!
