= Page woods - Error 404 https://fredgaloppin.github.io/Woods-404-page/
// links :semantic: https://www.w3schools.com/html/html5_semantic_elements.asp :flex: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox
Type of challenge: learning + Duration: 100 min (except time for the logo) + Deployment strategy: Github page + Team challenge: solo
== Learning objectives
At the end of this challenge you should be able to:
- write semantic HTML
- understand CSS positioning
== First
- Check this : https://flexboxfroggy.com/#fr
== The mission
You have to create a new repository called Woods-404-page containing the HTML and CSS required for an error 404 page for the Woods promotion.
.Instructions
- create the repository
- write an error 404 for the "Woods" page in HTML and CSS
- created a logo representing the "Woods promotion" (You can use a logo generator of course, but don't hesitate to be creative !)
- try to use as much {semantic}[semantical HTML] as possible
- implement the CSS {flex}[Flexbox system]
- add a back button that redirects to the official repository of the woods promotion
- commit/push
- deploy on a Github page
=== Bonus
- add an animation when mousing hover an element
== Resources
- https://www.w3schools.com/css/css3_animations.asp[CSS3 animations]
- https://daneden.github.io/animate.css/[animate]
- http://learnlayout.com/position.html[CSS positioning]
== Congrats
As you all know, we see errors all the time, so we might as well make them look pretty. Plus, a custom error 404 page does give an aura of professionalism to a website.