Take the basic website you have designed in your previous two Lesson Tasks in this module (Lesson Task – Put Thought Into Your Design and Lesson Task – Planning the Structure) and convert that into HTML and CSS code. This will help you understand the importance between the design and the programming phase and how they work together. Don’t stress if you can’t get everything right, just do as much as you can.
For this LT I decided to code as much as I could in the time that I had and uploaded it to my domain. I didn’t get everything perfectly in place. I struggled with aligning the text and pictures and with the footer icons and text. I also didn’t have the time to fix the problem for optimizing it for other screens such as tablets and phones.
Here are some screenshots of the code:
And here is the link to Hawaii Tours: