WIP - Student Notes UI

The <div> here was a way to get us more granular control over elements. I chose a <div> over a <section> as I believe a heading is required for <section>'s and I didn't want to use one here. However, this does seem a little too complex. I'll remove it!