The first <div> element is used to create the effect of a page border around the content of the page.
You can nest <div> elements inside each other.
The second <div> element is used to create an area of background notes that is presented differently than the rest of the page.