Web UI

The Website I made is called Holland Hexagon for the Stony Brook University Career Center

You can have a look at the website using the link below:

https://divyasrithala22.github.io/hollandHexagon/

Below is the link for the source files that are located in my google drive:

https://drive.google.com/drive/folders/1E6dXfG4QFR88ojNU_NpFMsXYip0KxMJE?usp=sharing

Below are the instructions on how to navigate through this website:

In the main page I have 5 different icons that is “Home”, “Student”, “Faculty&Staff”,”Employer”,”Jobs”

1)If you click on the home page it will take you to the main page

2)In my main page if you scroll down you will be able to see different letter codes like “R”,”I”,”A”,”S”,”E”,”C”. So next to each of these letter there is a hexagon in which it says “explore realistic”,”explore investigative” and so on. So if you click on that hexagon it will take you to the new page and show you list of all the majors and related careers and related clubs and organizations related to the realistic hexagon code you can click on all the links for the majors at the sbu and it will take the user to the undergraduate bulletin for sbu for that particular majors and its the same for the jobs and career fields as well. This will work for each and every hexagon on the main page.

3) so when you click on the “student” icon it will again show all the information about the career success roadmap and there are different buttons i kept in this page like “Explore stage 1” if you click on that button it will open a google form which the users can fill out. 

4) When you click on the “Faculty&staff” icon it will show al the pictures and names and job descriptions of all the faculty members. 

5) when you click on the “Employer” icon it will show all the pictures of the employers who are in partnership with SBU so you can click on each of the employer for eg:”PSEG” and you will get more information about that company and you can click on all the employers image and it will take you to a description page which provides details of the company. 

5) when you click on the jobs icon it will show you information about handshake and there is a button called “explore handshake” so if the user clicks on that button they can sign into handshake and use it. So there are three buttons or links in that page that you can see. 

6) there is also a “link” icon in the footer so if you click on that it will take you to the main stony brook university page where the users can find any information about anything on campus.