要求：
1. 把所有的studyareaBox都改成studyareas（注意和现有的studyarea.js区分，studyareas是studyarea里面的主要部分），这次主要是做studyareas.js这块，代码需要原创，只能参考但不能照搬网站源代码
1. 代码的格式和调用方法一定要按照已经完成的studyplan部分
1. main.js按需要增加或修改一点内容，但index.html不用改，像studyplan一样在里面调用studyareas
1. studyareas所用到的CSS放在styles.css里
1. studyarea需要显示的内容: 主要是First Year的框架，requirements box，底部黄色的Prereqs bar和一个绿色的unit的icon作为example（比如MZB126），里面不用有任何function或者hyperlink，只需要基本的First Year studyarea的interface
1. 做出来的interface尽量接近原网站的界面，但是需要调整一点。如下图所示，Study Areas的底部有一部分留白，将底部框架向下拉伸到与左部的Study Plan底部框架齐平，同时study area里面的内容上半部分不变（如First Year和Study Areas的距离保持现状不用移动），下半部分相应地往下移（如unit icon和Prereqs bar随框架下移）
/docProps/thumbnail.jpeg