For milestone #1, we will start the CARIT site with three static HTML pages and a CSS file. Create a dedicated folder for this project. This folder should contain all related files in this project. The future milestones are cumulative and built directly on top of your prior work.

Function/content requirements:

1. A home page named index.html, which include these contents at least:
   • Description of the center. You may reference the example sites.
   • Latest news: use list tags; make up some news items.
   • Use

     ,
     , and heading tags properly.

   • Other contents you may wish to design: banner, front image, etc.
   • Please put a note in the site footer to indicate this is a class project with a link to the class website http://it5443.azurewebsites.net
2. About us (faculty) page
   • Present at least three faculty members with their information like image, positions, research interests, and contact information. Put a link on each name which links to his/her personal website. You may refer to faculty information here: http://ccse.kennesaw.edu/it/faculty-staff.php or their websites here http://facultyweb.kennesaw.edu
3. A third page which you can decide what content to be put on. Use the reference sites as examples. For example: projects, resources, events, etc. You have to use the table tag at least once for some content.
4. For all three pages, display the following common contents:
   • The name of the center (site title) in a big heading
   • A logo with a link to http://ccse.kennesaw.edu/it
   • A menu which consists of three text links, linking to three pages above respectively. Apply some hovering styles.
   • These common contents should display the same in all pages.

Style requirements

1. All pages should have the same style and layout.
2. Create your own page style. Use a simple style, neat, clean; not too colorful and flashy.
3. Apply some nice styles to HTML elements like paragraphs, images, lists.
4. All links should have some color other than the default color.
5. The menu item links style should be different from other links. Create a hover effect for menu items so their styles change when the mouse cursor is on them.
6. Please do not use any third party style frameworks or packages.

File/code organization requirements

1. Use one style sheet file (.css) for all three pages. Use class selectors wisely.
2. Organize page content sections (header, content, footer, etc.) in a number of
   tags. This should be consistent on all pages.

Part 2:

Instruction

The summer is coming and CARIT has four student assistant positions open (not real!). In order to be considered for such a position, a student has to complete some required courses and meet the minimum average grade (of these required classes) requirement. See the table below.

* Note: please decide the other courses as you like.

Student status	Courses Required Completion	Grade average requirement (for the four courses required)
Undergraduate	CSE 3203 Mobile System Overview IT 4213 Mobile Web Development	>3.2
Graduate	IT 7113 Data Visualization IT 6713 Business Intelligence	>3.7

Function/content requirements:

Continuing the work from assignment #1, add one page for students to evaluate their eligibility to apply for the positions. Add this page to the main menu as well.

In this new page:

1. Provide a short description of the page, purpose, and instructions.
2. Design a form for students to enter their information and get the evaluation results. Complete the following functionalities using JavaScript.
   • The student should first select his student status. Depending on the information provided, different set of course titles should be presented.
   • A student then should enter or select a letter grade (A, B, C, D, or F) for each course. Use appropriate form controls to accept user inputs.
   • After hitting the Evaluate button, the result (average grade) with a message should be displayed right underneath the form.
   • Use the rules of this course to convert letter grades to numeric point grades (e.g. A is 4.0, etc.).
   • If the average grade requirement is met, display a congratulation message with instructions to apply (linking to the application form page which will be in milestone #3); if not, thank his/her interest (make up your own text) but do not show the application form link.

Style requirements

1. The new page should have the same style and layout as the site.
2. Apply some custom style to form controls, other than the default style.
3. Use a simple style, neat, clean; not too colorful and flashy. Refer to milestone #1 style requirements.

File/code organization requirements

1. Professionally name all files.
2. You may embed JavaScript directly in the page or create a separate script file (.js).
3. The new page should also link to the CSS style file you created in milestone #1.