You may customize content anywhere through the document, adding, removing, modifying as you see fit. Remember that none of the functionality of the site is expected to be working - the code given is simply a prototype layout.

<aside> ‼️ This assignment consists of two walk-through documents, named "Content" and "Style". Before you begin, it may be beneficial to review both documents in detail. Strongly consider that the style instructions outlined in the "Style" document were written to match index.html in the form it was given. Therefor, structural changes you make to index.html, may affect the values defined as part of the instructions in the "Style" document.

</aside>

Document

[ ] In the document <head>, set the title, description and author of the document.
[ ] If you are not using Google's Material Design Icons anywhere, remove that <link>
- [ ] If removed, remember to remove all class attributes that point to material-icons
[ ] Closely review the reset.css stylesheet, uncomment the various resets and then compare with and without (use all, some, or non - at your discretion)

Header

[ ] Add your logo between the <a> tags near the top of the document
[ ] Modify the <ul> menu within the <nav>, to reflect a few example site pages, or sub searches
[ ] Replace the "search" icon , replacing it with your custom search image or styled elements
[ ] Replace the "favourite" and "cart" icons, replacing them with your own images or styled elements

Main

[ ] Replace the <h1> content with an example product category that reflects what the user is seeing

Header/Filter

[ ] Review the sorting <select> and revise the <option> elements to match your product needs
[ ] Modify the filters in the <form> to reflect properties or attributes that matches your products
- Each <fieldset> represents one possible filtering metric that can be used as part of a product index. These example fields are meant to demonstrate some the ways you can filter information. Other than "Sort", you may add or remove filtering metrics as you see fit.
[ ] Replace the default browser symbol for at least one set of the type="checkbox" or type="radio" elements in the filter with a custom graphic (image or a styled element)
- Notice that <label> elements, when connected to an <input> element's id attribute with a matching for attribute value, trigger the input to be checked. Therefor, type="checkbox" and type="radio" elements themselves can be hidden with display: none (amongst other possibilities), leaving only the <label>. Either place a custom image into the <label> or create one using HTML/CSS.

Products ("Results")

You will have at least 6 unique product <article> elements (you may repeat them to create a longer document). You may re-arrange the order of the content within each product elements as you see fit.

[ ] Replace each unique product image with your own image