Editorial HTML5 Blog Project
Open in IDE
Includes assets, JPG images of the design files, design files themselves and a basic style guide. There's also a README to help you get started.
Your challenge is to build out this landing page and get it looking as close to the design as possible.
This project focuses mostly on HTML, CSS and layouts with CSS. There's a tiny bit of JS included for the mobile navigation toggle. But you could also choose to do this without JS!
You can use any tools you like to help you complete this project. So if you've got something you'd like to practice, feel free to give it a go.
Your users should be able to:
View the optimal layout for the site depending on their device's screen size
See hover states for all interactive elements on the page
Download the starter code and go through the README.md file.
README.md file will provide further details about the project. The
style-guide.html file is where you'll find colors, fonts, etc.
Don't forget to share your submissions with the community to get feedback. All the best.
Get involved with the community
Join our discord server and share your feedbacks with others. Ask questions, help others and win prizes.
Check out the full-stack learning path to learn how to build such projects completely on your own.