This is a personal portfolio website built using HTML, CSS, and JavaScript to showcase personal information, resume, projects, and contact details. The site provides a clean, responsive design and interactive navigation, making it easy for visitors to learn more about me.
Responsive Design: The site adapts seamlessly to different screen sizes, including mobile, tablet, and desktop. About Section: Highlights personal background, education, and interests. Resume Page: Displays academic achievements, professional experience, and technical skills. Projects Page: Lists featured projects with descriptions and key highlights. Contact Form: Allows visitors to send messages via the contact page. Interactive Navigation: Easy-to-use navigation bar for quick access to different sections.
The project is organized as follows:
graphql Copy code termproject/ ├── assets/ │ ├── css/ │ │ ├── style.css # Main stylesheet for the site │ │ ├── responsive.css # Styles for responsive design │ ├── images/ # Folder for images (e.g., profile picture, background) │ ├── js/ │ │ ├── main.js # JavaScript for site interactivity │ │ ├── form.js # Script for handling contact form submissions ├── index.html # Homepage ├── about.html # About page ├── resume.html # Resume page ├── projects.html # Projects page ├── contact.html # Contact page └── README.md # Project documentation
HTML5: For structuring the content of the website. CSS3: For styling and responsive design. JavaScript: For adding interactivity and dynamic features. GitHub Pages: For hosting the website.
Add animations for smoother transitions between pages. Integrate a backend service to handle contact form submissions. Add more projects and interactive demos.
If you have any questions or feedback, feel free to reach out:
Email: wenligai@bu.edu Phone: 540-998-0521