@vickievien
Posted
Design looks near flawless! I would include more semantic HTML by breaking out the code you have, instead of having everything within <header></header>
.
At a high level, something like this:
<body>
<header>
[HUDDLE LOGO CODE GOES HERE]
</header>
<main>
[ILLUSTRATION MOCKUP & TEXT BOX GOES HERE]
</main>
<footer>
<ul>
<li>[SOCIAL MEDIA ICON]</li>
<li>[SOCIAL MEDIA ICON]</li>
<li>[SOCIAL MEDIA ICON]</li>
</ul>
</footer>
</body>
This way, it'll help define the different sections better and help with SEO. Hope this helps.
Happy coding!
Marked as helpful
@Abu-Sman
Posted
I feel you @vickievien. I assumed this was a header of a large website, which is why i never considered splitting it up. But i will definitely keep this in mind when i build something similar in the future. Thank you so much.