self_exploration_page
所属分类:微服务
开发工具:HTML
文件大小:0KB
下载次数:0
上传日期:2024-02-25 23:19:24
上 传 者:
sh-1993
说明: CSUN职业中心网站的互动信息图。我的任务是创建一个交互式页面,为虚拟服务部分添加更多内容。该页面以有意义的方式显示信息,同时增加学生探索内容的参与度。
(An interactive infographic for CSUN s Career Center s website. I was tasked with creating an interactive page to add more content for the Virtual Services section. The page display information in a meaningful way while increasing engagement with student s exploring the content.)
文件列表:
assets/
script/
style/
index.html
# CSUN Career Center: Self-Exploration Page
An interactive infographic for CSUN's Career Center's website. I was tasked with creating an interactive page to add more content for the Virtual Services section.
The page display information in a meaningful way while increasing engagement with student's exploring the content. There are hover animations, clickable events, static animations, an wonderful designs from our previous illustrator whose assets I used and referenced to create this page. This is one of my very first projects using web development technologies. It was a great learning experience working on it and being part of the Career Center's team.
## Technologies
* HTML
* CSS
* JavaScript
## Contributions
I was given a written script and was given full creative control on how to portray the information given in a meaningful way. The illustrations were not my work but the work of our illustrator. I did create some of my own svg assets to add to the page. Used HTML for the layout of the page. I used CSS and JavaScript for animations, styling, and events.
## Deployment
Visit the site [here](https://www.csun.edu/career/self-exploration)
### Main page
![main](./assets/screenshots/main-page.png)
### Hover animaitions
![hover](./assets/screenshots/hover-info.png)
### Interactive SVGs
![interactive](./assets/screenshots/interactive-svgs.png)
### Career Center Services
![end-info](./assets/screenshots/end-infographic.png)
### Responsive Design
![responsive-1](./assets/screenshots/responsive-1.png)
![responsive-2](./assets/screenshots/responsive-2.png)
![csun-logo](https://raw.githubusercontent.com/edwardreyes29/edwardreyes29.github.io/b18d5616be28781de09fdaa7f7c3bc7252d8f43c/src/assets/svg/csun-logo.svg)
近期下载者:
相关文件:
收藏者: