
Personal Resume Website
A professional resume website that showcases personal information, educational background, and work experience.
by xiuyu zhang• xiuyu.zhang.24@stu.hainan-biuh.edu.cn
Description
This is a personal resume website designed to present personal information, educational background, work experience, and skills to potential employers or collaborators. It solves the problem of organizing and showcasing professional credentials in a clear, structured, and accessible manner. The website consists of four main sections: a homepage with a personal profile and contact details, an education background page, a work experience page, and a skills certificate page. Each section is designed for easy navigation, allowing visitors to quickly locate and understand the presented information. The user experience is streamlined, with a focus on readability and information hierarchy. It is built using HTML5 for semantic structure, CSS3 for styling and layout, and JavaScript (where applicable) for interactive elements. The design implements a responsive approach, ensuring the website adapts to different screen sizes—from desktop monitors to mobile phones—via media queries and flexible layout techniques. The visual style is minimalist and professional, utilizing a monochromatic color scheme (black, white, and shades of gray) to maintain a formal tone. Typography is chosen for readability, with clear headings and body text. The layout follows a card and section-based structure to organize content logically.
Desktop Homepage

Mobile Homepage

Open Graph Image
