How To Make A Responsive Coffee Website Design Using HTML and CSS || From Scratch

How to make a complete responsive coffee website design template using html and css step by step.
The main feature of this website are:
✔ responsive header section with search box, navbar toggle and shopping cart box.
✔ responsive home section
✔ responsive about section
✔ responsive services section
✔ responsive why us section
✔ responsive gallery section
✔ responsive contact us section
✔ responsive footer section.