Task Description
Write semantic html that marks up the header section of the page. It will utilize a <header> tag and also contain a <nav> element that introduces a menu to the site, with links. They can be empty links for now to #. Create some checkboxes and radios to allow users to sort by different fields, then add a search input and finally a button. None of this needs styles yet or functionality.
Technical Considerations
Below is a single json example of one dinosaur. You can use this data to provide yourself insights into what sort of things you might be able to search/filter by within the search sections.
{"id":105,"name":"Euhelopus","imageSrc":"https://www.nhm.ac.uk/resources/nature-online/life/dinosaurs/dinosaur-directory/images/reconstruction/small/Euhelopus.jpg","typeOfDinosaur":"sauropod","length":10,"weight":"N/A","diet":"herbivorous","whenLived":"Late Jurassic, 154-142 million years ago","foundIn":"China","taxonomy":"Dinosauria, Saurischia, Sauropodomorpha, Sauropoda, Eusauropoda","namedBy":"Wiman (1929)","typeSpecies":"zdanskyi","description":"Euhelopus is known from a skull and partial postcranial skeletons."}
Additional Considerations
Our components branch has a header component and a nav component within it we could adopt/adapt/evolve into your branch.
https://www.creative-tim.com/product/get-shit-done-kit
We could leverage a free theme from this site to help get started with a pretty solid foundation of CSS that's mobile friendly and beautiful.
I think we should all look through the free options on this site and maybe share the favs with the group then we can vote on the one to go with and maybe modify it from there to fit our projects theme
Task Description Write semantic html that marks up the header section of the page. It will utilize a
<header>tag and also contain a<nav>element that introduces a menu to the site, with links. They can be empty links for now to#. Create some checkboxes and radios to allow users to sort by different fields, then add a search input and finally a button. None of this needs styles yet or functionality.Technical Considerations Below is a single json example of one dinosaur. You can use this data to provide yourself insights into what sort of things you might be able to search/filter by within the search sections.
Additional Considerations Our
componentsbranch has a header component and a nav component within it we could adopt/adapt/evolve into your branch.https://www.creative-tim.com/product/get-shit-done-kit We could leverage a free theme from this site to help get started with a pretty solid foundation of CSS that's mobile friendly and beautiful. I think we should all look through the free options on this site and maybe share the favs with the group then we can vote on the one to go with and maybe modify it from there to fit our projects theme