A modern, responsive portfolio website showcasing my experience as a Software Engineer. Built with clean HTML, CSS, and JavaScript featuring smooth animations and a professional design.
- Responsive Design: Fully responsive across all devices (desktop, tablet, mobile)
- Modern UI/UX: Clean, professional design with smooth animations
- Interactive Navigation: Smooth scrolling navigation with active link highlighting
- Mobile-Friendly: Hamburger menu for mobile devices
- Performance Optimized: Throttled scroll events and optimized animations
- Accessibility: Semantic HTML and proper color contrast
- Clone or Download this repository to your local machine
- Open
index.htmlin your web browser - That's it! The website is ready to view
portfolio/
├── index.html # Main HTML file
├── styles.css # CSS styles and animations
├── script.js # JavaScript functionality
└── README.md # This file
- HTML5: Semantic markup and structure
- CSS3: Modern styling with Flexbox and Grid
- JavaScript (ES6+): Interactive functionality
- Font Awesome: Icons for social links and contact info
- Google Fonts: Inter font family for typography
- Hero Section: Introduction with name, title, and contact links
- About: Personal information and location details
- Education: Academic background and degrees
- Experience: Professional work experience with detailed achievements
- Projects: Featured projects with technology stacks
- Skills: Technical skills organized by categories
- Contact: Contact information and social links
- Personal Details: Edit the hero section in
index.html - Experience: Update the experience timeline with your work history
- Projects: Replace the projects with your own work
- Skills: Modify the skills section to match your expertise
- Contact Info: Update contact details and social links
- Colors: Modify the CSS variables in
styles.css - Fonts: Change the Google Fonts import in
index.html - Layout: Adjust grid layouts and spacing in the CSS
- Animations: Customize animations in the CSS and JavaScript
- Add the HTML structure in
index.html - Add corresponding styles in
styles.css - Update navigation links if needed
- Add any interactive functionality in
script.js
- Email: rayzzzx13@gmail.com
- Phone: 925-549-8799
- LinkedIn: linkedin.com/in/xun-zhu
- GitHub: github.com/Rayzzzx
- Location: San Francisco Bay Area, CA