This is the HTML portion of this project. In it I go over how to best structure the website HTML to make going from mobile to desktop with the easiest transition.
Properly setting up your html is a fundamental skill that will affect the entire project. If you make mistakes here, you will have to deal with them later on when you’re doing CSS and coils waste a lot of time.
Here’s the starter kit I use in this video:
https://github.com/Oak-Harbor-Kits/Starter-Kit
And here’s the code I use to add dark mode to your website in under 5 minutes and how to use it:
https://www.oakharborwebdesigns.com/blog/2020/december/how-to-add-dark-mode-to-a-website#blog-post
This is the first video in a playlist in which I build an entire real world client website of mine from scratch in just HTML and CSS. I also show you how to build a responsive mobile first website and how to take a desktop design and transfer it into a mobile one. Lots of good tips in this playlist, hope you enjoy it!
source