HTML作品集企业官网

alex-personal-portofolio-html — HTML 作品集模板

作者 templatecookie

ALEX 是 Templatecookie 发布的免费个人作品集 HTML 模板,基于 Bootstrap 4、Isotope 布局与 SCSS,包含服务、关于、联系、作品集及其详情、博客及其详情等页面,采用 MIT 许可。

看看你的网站会是什么样

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

1 个预览视图
桌面端首页
桌面端截图首屏预览

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

目前有 1 张原始预览,可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

01

纯 HTML 静态模板,配合 Bootstrap 4 栅格与组件

02

使用 Isotope 实现作品集/列表的布局与筛选交互

03

样式以 SCSS 编写,便于统一调整主题

04

包含服务、关于、联系、作品集列表与详情、博客列表与详情等多页面

05

MIT 许可,允许免费使用、修改、商用与分发该版本代码

模板详细介绍

ALEX 是一个面向个人作品集网站的 HTML 落地页模板,由 Templatecookie 设计与开发,仓库以 MIT 许可公开。模板定位为个人作品集展示,同时被归入企业官网类用途。

从 README 与演示站信息看,模板包含多个页面:服务、关于、联系、作品集列表、作品集详情、博客列表与博客详情等,适合需要一次性搭建多页静态站点结构的场景。技术栈为纯 HTML,配合 Bootstrap 4 提供栅格与组件基础,使用 Isotope 实现作品集或列表的筛选/布局效果,样式通过 SCSS 编写。

限制方面:模板为静态 HTML 结构,README 未说明任何后端、CMS 或数据接口,内容需手动编辑 HTML 或 SCSS 后重新构建。演示中的图片、字体、图标等第三方素材的授权需单独核对,MIT 许可仅覆盖该版本代码本身。仓库更新时间为 2023 年,未提供依赖版本锁定或构建脚本说明。

HTML作品集企业官网

适合你的项目吗?

适用场景

  • 个人设计师、开发者搭建作品集展示站点
  • 自由职业者制作包含服务介绍与联系方式的个人主页
  • 需要博客列表与文章详情页的静态个人站点
  • 以作品集为主、附带企业官网式介绍页面的小型站点

适合人群

  • 希望直接编辑 HTML/SCSS 的开发者或前端人员
  • 需要多页面静态作品集结构、不依赖后端 CMS 的项目
  • 接受 Bootstrap 4 与 Isotope 技术选型的站点
  • 需要 MIT 许可下可自由修改与商用的模板使用者

上手与定制指南

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

  1. 1

    模板为静态 HTML,需自行准备托管环境并上传文件

  2. 2

    内容修改需直接编辑 HTML 与 SCSS 源文件,并重新编译样式

  3. 3

    演示图片、字体、图标等第三方素材需按各自许可单独核对

  4. 4

    MIT 许可要求分发代码副本或实质性部分时保留版权声明与许可声明

  5. 5

    README 未提供依赖版本锁定或构建脚本,使用前建议确认本地工具链

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 73 / 100
技术栈
HTML
网站类型
作品集 · 企业官网
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: ec8e8ffeffd2a81b498ba740a53652d64721148bfdee1bed5d1472ac56b699f2

2026-10-02T17:34:30.843Z

来源文件 / 仓库
# [Templatecookie](https://templatecookie.com)
Templatecookie.com creates quality templates and php scripts. Templatecookie has many free HTML & Figma templates available for professional use. Templatecookie is famous for its premium PHP Scripts available on [Codeanyon Marketplace](https://codecanyon.net/user/templatecookie). Browse [Templatecookie](https://templatecookie.com) today and discover awesome digital products.

# [ALEX - personal portfolio template](https://templatecookie.com/demo/alex-personal-portfolio-template)

> Alex is a beautiful landing page template for a portfolio website, It has many pages including, services, about, contact, portfolio, portfolio details, blog, blog details, and more.

Check the [Live Demo here](https://alex-portfolio-template.netlify.app/).

![](screenshot.png)

## Framework & Technologies
- [bootstrap4](https://getbootstrap.com/docs/4.0/getting-started/introduction/)
- [isotope-layout](https://isotope.metafizzy.co/)
- [scss](https://sass-lang.com/)

## Credits
- Design & Developed by [Templatecookie](https://templatecookie.com)

## License
The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。