Hi! I wanna start making a personal project. And since it's not for work and I'm not gonna follow the design of the UI team as usual, I would like to use some tool that helps me quickly build a base to work on.

I'm planning to host it on Apache with the usual HTML+CSS+JS+PHP, mostly because despite of its limitations it's cheaper to host.
(Haven't used those in years, nowadays everything is Angular, Clojure, SASS, EF and Spring 🤣)

So I was looking for some application that allows you to design a base and then turn it on a base code to start adding my CSS, JS and PHP on it.

I tried Dreamweaver on School and I hate it! The result code looks terrible (repeated IDs, not too modular, css hard to reuse later...)

And I found a good looking software called CoffeeCup that is 100$ one time payment.
But no matter how seductive it looks and how tempting the "one time payment" is, I wanna play smart before spending those 100$, because doesn't have any Demo and haven't seen any reviews.

So before taking another step, do you guys know similar software like those two?

Edit:
Someone suggested me Pinegrow on a direct message, not sure why on a message, maybe to be anonymous?
I checked it and looks great! But the price is higher than CoffeeCup, so if I would pay for one I will choose the cheaper one (it's not for professional use), but still thank for the suggestion!

Also, thanks everyone for the replies, I didn't know about Emmet and looks really practical (not the way of saving time I was looking for, but still amazing) and didn't know that CoffeeCup had a trial (I must be blind, cuz I searched it before and couldn't find it).
I'll give it a try with the demo, and if wasn't that impressive as I expected I will try Emmet that now calls my attention.

Thanks everyone for your contributions! ^^