HTML作品集

Portfolio-Website — HTML 作品集模板

作者 akankshavm22

一个使用 HTML、CSS 和 JavaScript 构建的个人作品集网站，包含响应式布局、深浅色主题切换、滚动动画和打字效果，用于展示技能、项目与联系方式。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

2 个预览视图

桌面端首页1 / 2

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-13查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

纯 HTML/CSS/JavaScript 实现，打开 index.html 即可本地预览

响应式布局，适配桌面、平板与手机

一键切换深色与浅色主题

使用 AOS 库实现滚动触发动画

首页包含角色/兴趣循环打字效果

包含首页、关于我、技能、项目、联系五个内容区块

模板详细介绍

该模板是一个静态个人作品集网站，基于 HTML、CSS 和 JavaScript 实现，无需构建工具即可运行。页面包含首页、关于我、技能、项目、联系五个区块，并配有深浅色主题切换按钮、基于 AOS 库的滚动动画以及角色/兴趣文字的循环打字效果。

HTML作品集

适合你的项目吗？

适用场景

个人开发者或学生搭建展示技能与项目的在线简历
网络安全方向求职者展示专业方向与交互项目
作为静态作品集模板进行二次修改与内容替换

适合人群

需要快速上线个人作品集页面的开发者
希望以纯静态方式托管作品集、不引入构建流程的用户
接受 MIT 许可并愿意保留版权声明的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
克隆仓库后进入项目目录，直接用浏览器打开 index.html 即可运行
2
除加载 AOS 库需要联网外，无需安装其他依赖
3
替换图片、文字与项目链接时，请确认所用素材的授权情况

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发该版本代码。
分发代码副本或实质性部分时，保留原作者版权声明和完整 MIT 许可声明。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
运行页面时需联网加载 AOS 动画库，离线环境下滚动动画将无法生效。

查看原文依据

Permission is hereby granted, free of charge
许可证原文

No additional dependencies are required except internet access to load the AOS library.
README 原文

https://github.com/akankshavm22/Portfolio-Website/blob/main/LICENSE https://github.com/akankshavm22/Portfolio-Website/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 74 / 100
技术栈: HTML
网站类型: 作品集

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2025-08-24
截图检查日期: 2026-10-13

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

审核声明: [email protected] · 2026-10-13

查看当时使用的来源资料

SHA-256: 229f10b4c12514d755d8525a1e5bdc190f9c1f2b4338b009d86db16fe4dd9296

2026-10-13T06:26:59.817Z

来源文件 / 仓库

# 🌐 Portfolio Website

A personal **portfolio website** built using **HTML, CSS, and JavaScript** with smooth animations, dark/light theme toggle, and responsive design.  
This portfolio showcases my skills, projects, and contact information as a **Cybersecurity student, developer, and tech enthusiast**. 🚀💻

## ✨ Features

- **💻 Responsive Design:** Works well on desktops, tablets, and mobile devices.
- **🌗 Dark/Light Mode:** Toggle between themes with a single click.
- **🎨 Smooth Animations:** Built with AOS (Animate On Scroll) library for engaging scroll animations.
- **⌨️ Typing Effect:** Dynamic text animation showcasing roles/interests.
- **📂 Sections Included:**
  - 🏠 Home
  - 🙋 About Me
  - 🛠️ Skills
  - 📁 Projects
  - ✉️ Contact

## 🚀 Installation & Usage
To run the website locally:
1. Clone the repository:
   <pre>git clone https://github.com/your-username/portfolio-website.git</pre>
2. Navigate to the project directory:
   <pre>cd portfolio-website</pre>
3. Open `index.html` in your preferred web browser. 🌐
No additional dependencies are required except internet access to load the AOS library. 🌟

## 🖼️ Screenshots 
### 🌞 Light Mode
<img width="1913" height="902" alt="Light Mode Screenshot" src="https://github.com/user-attachments/assets/fbda5c52-2d20-4aa4-ac53-621cbfcd41e9" />

### 🌙 Dark Mode
<img width="1915" height="900" alt="Dark Mode Screenshot" src="https://github.com/user-attachments/assets/6bb9823b-e315-4956-83c0-b06477a01110" />

## 👩‍💻 Author
Developed by **Akanksha Mane** 💜  
If you like this project, ⭐ star the repo and share your feedback! 🙌

反馈内容错误