# Portfolio

**Repository Path**: mo-qiwen/portfolio

## Basic Information

- **Project Name**: Portfolio
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-09-27
- **Last Updated**: 2025-09-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 个人作品集网站

这是一个响应式的个人作品集网站，展示设计师/开发者的个人信息、技能和项目作品。网站采用现代化的设计风格，支持各种设备的访问，并包含丰富的交互功能。

## 项目结构

```
.
├── index.html    # 主页面，包含网站的HTML5结构
├── styles.css    # 样式文件，定义网站的所有样式
├── main.js       # JavaScript文件，实现交互功能
├── images/       # 图片资源文件夹
└── README.md     # 项目说明文档（当前文件）
```

## 功能特点

- **响应式设计**：适配桌面、平板和移动设备
- **现代UI**：简洁美观的界面设计
- **交互效果**：平滑滚动、悬停动画、加载动画等
- **移动友好**：汉堡菜单导航，适合触摸设备
- **作品展示**：以网格布局展示项目作品
- **联系表单**：提供简单的联系方式

## 技术栈

- **HTML5**：语义化标签结构
- **CSS3**：现代CSS特性，包括Flexbox、Grid布局和动画
- **JavaScript**：原生JS实现交互功能
- **响应式设计**：媒体查询和流体布局

## 安装与运行

1. 克隆或下载本项目到本地
2. 确保所有文件（index.html, styles.css, main.js 和 images 文件夹）在同一目录下
3. 使用任何现代浏览器打开 index.html 文件即可查看网站

## 自定义指南

### 修改个人信息
1. 编辑 `index.html` 文件中的个人姓名、介绍文字等内容
2. 替换 `images/avatar.jpg` 为您的个人照片

### 添加作品
1. 在 `index.html` 的 `<section id="projects">` 部分添加新的项目卡片
2. 将项目图片添加到 `images/` 文件夹中
3. 更新图片路径和项目描述

### 修改样式
1. 编辑 `styles.css` 文件可以更改颜色、字体、布局等样式
2. 主要颜色定义在相关组件的样式规则中

## 浏览器兼容性

支持以下现代浏览器：
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+

## 许可证

本项目仅供学习和个人使用。