纯 HTML、CSS 与原生 JavaScript 实现,不引入 React/Vue/Next.js 等框架
website (evolv-sh) — HTML 企业官网模板
作者 evolv-sh
evolv.tech 的官方落地页,用纯 HTML、CSS 与 GSAP 动画实现终端风格 DevOps 服务展示,含 Cal.com 预约入口。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
使用 GSAP 时间线制作手绘箭头与终端打字等交互动画
移动优先的响应式布局,适配手机、平板与桌面
集成 Cal.com 会议预约与 mailto 服务咨询链接
颜色通过 :root 中的 CSS 变量集中管理,便于调整主题
推送到 main 分支后自动部署到 Vercel 或 Cloudflare Pages
模板详细介绍
这是 evolv.tech 的官方落地页,面向 DevOps-as-a-Service 业务,整体采用极简与终端/Arch Linux 的工程美学风格。页面不依赖 React、Vue、Next.js 等框架,由纯 HTML、CSS 和原生 JavaScript 构成,动画部分使用 GSAP 实现复杂时间线,包括手绘箭头效果和终端打字序列。
页面为响应式设计,按移动优先思路适配手机、平板和桌面。转化路径上集成了 Cal.com 用于直接预约会议,并提供 mailto 链接用于具体服务咨询。仓库配置为每次推送到 main 分支时自动部署到 Vercel 或 Cloudflare Pages。
本地运行不需要 npm install 或构建流程:克隆仓库后,用 VS Code 的 Live Server 打开 index.html,或使用 python3 -m http.server 即可预览。内容修改集中在 index.html(文本与布局)、style.css(样式,颜色通过 :root 中的 CSS 变量定义)和 script.js(GSAP 动画时序与终端文本)。项目采用 Apache-2.0 许可,但演示图片、字体、图标等第三方素材需另行核对许可。
适合你的项目吗?
适用场景
- 作为 DevOps 或技术服务公司的单页官网展示
- 需要终端风格、极简工程美学的品牌落地页
- 希望用静态 HTML 加 GSAP 动画实现交互动效的页面
- 需要直接嵌入 Cal.com 预约入口的获客页面
适合人群
- 熟悉 HTML、CSS 和原生 JavaScript 的前端开发者
- 希望避免框架依赖、追求轻量静态站点的团队
- 需要快速搭建并自动部署到 Vercel 或 Cloudflare Pages 的项目
- 能接受并遵守 Apache-2.0 许可条款的使用者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
克隆仓库后进入 website 目录,无需 npm install 或构建步骤
- 2
用 VS Code 的 Live Server 打开 index.html,或执行 python3 -m http.server 本地预览
- 3
文本与布局改 index.html,样式改 style.css(颜色在 :root 变量中),动画时序与终端文本改 script.js
- 4
推送到 main 分支会触发 Vercel 或 Cloudflare Pages 的自动部署,推送前先在本地测试响应式布局
- 5
演示图片、字体、图标等第三方素材需单独核对许可,不能仅凭代码的 Apache-2.0 判断
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 Apache-2.0 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发;分发时需随附 Apache-2.0 许可证。
- 修改过的文件需显著标明改动,并保留相关版权、专利、商标及归属声明。
- 若原项目附有 NOTICE 文件,分发衍生作品时需保留其中适用的归属声明。
- 许可包含适用的贡献者专利授权;发起许可所述专利诉讼会终止该专利授权,且不授予商标使用权。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 页面转化入口依赖外部服务 Cal.com 进行会议预约,需自行注册/配置 Cal.com 账号或链接;mailto 链接依赖用户本地邮件客户端,均非项目自带功能。
- 自动部署依赖第三方平台 Vercel 或 Cloudflare Pages 的账号与配置,使用该功能需自行注册并承担相应平台费用与条款。
- 动画依赖第三方库 GSAP,其许可与商用条款需单独核对,不随本项目 Apache-2.0 授权一并授予。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 Apache-2.0 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
no-charge, royalty-free, irrevocable copyright license
许可证原文
Integrated with **Cal.com** for direct meeting bookings and `mailto` links for specific service inquiries.
README 原文
This repository is configured to deploy automatically to **Vercel** / **Cloudflare Pages** on every push to the `main` branch.
README 原文
https://github.com/evolv-sh/website/blob/main/LICENSEhttps://github.com/evolv-sh/website/blob/main/README.mdPowered by **GSAP (GreenSock)** for complex timelines
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-02。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 83 / 100
- 技术栈
- HTML
- 网站类型
- 企业官网
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-02-09
- 截图检查日期
- 2026-10-02
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 0c98cfd6829c7d155425afc129d3dd1c17e6683d7b036bc28845a5f30a685554
2026-10-02T08:33:12.864Z
来源文件 / 仓库# evolv.tech Landing Page The official landing page for **evolv.tech**, a DevOps-as-a-Service provider. Built with a focus on performance, minimalism, and engineering aesthetics (Arch Linux, Terminal vibes). --- ## Features - **Zero Bloatware** Built with pure **HTML, CSS, and Vanilla JavaScript**. No heavy frameworks (React/Vue/Next.js) to ensure maximum load speed. - **Interactive Animations** Powered by **GSAP (GreenSock)** for complex timelines, including the "hand-drawn" arrow effects and terminal typing sequences. - **Responsive Design** Fully optimized for mobile, tablet, and desktop screens with a "mobile-first" approach. - **Conversion Focused** Integrated with **Cal.com** for direct meeting bookings and `mailto` links for specific service inquiries. ## Local Development You can easily run this project locally to test changes or tweak the animations. ### Step 1: Clone the Repository Clone the repository to your local machine using Git. ```bash git clone [https://github.com/evolv-sh/website.git](https://github.com/evolv-sh/website.git) cd website ``` ### Step 2: Run with Live Server Since this is a static site, you don't need `npm install` or a build process. 1. **VS Code**: Install the "Live Server" extension. 2. Right-click on `index.html` and select **"Open with Live Server"**. 3. The site will launch at `http://127.0.0.1:5500`. *Alternatively, you can use Python's built-in server:* ``` python3 -m http.server ``` ### Step 3: Modify Content - **Structure**: Edit `index.html` for text and layout changes. - **Styling**: Edit `style.css`. We use CSS Variables (`:root`) for the color palette. - **Logic**: Edit `script.js` to adjust GSAP animation timings or terminal text. ## Deployment - **Automatic Deployment** This repository is configured to deploy automatically to **Vercel** / **Cloudflare Pages** on every push to the `main` branch. - **Manual Trigger** Ensure you test responsive layouts locally before pushing changes to production. ## License This project is licensed under the Apache License 2.0 - see the [LICENSE](LICENSE) file for details.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

mazer
Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page
HTML · 后台

Freelancer
Freelancer 是 Start Bootstrap 出品的单页作品集模板,专为自由职业者、设计师和小型工作室设计。 页面结构清晰,包含多个内容区块、响应式作品集网格,每个作品项目配有模态窗口展示详情。
HTML · 作品集

Creative
Creative 是 Start Bootstrap 团队维护的一款单页营销模板,定位明确:为创意机构或产品服务提供一个以作品展示和行动号召为核心的落地页。
HTML · 企业官网

startbootstrap-agency
Agency 是 Start Bootstrap 维护的单页代理商作品集主题,基于 Bootstrap 构建,MIT 许可。
HTML · 企业官网

startbootstrap-landing-page
这是 Start Bootstrap 系列中一款通用型落地页模板,基于 Bootstrap 构建,定位是给产品或服务做单页推广。
HTML · 企业官网

Landing-Page
Tailwind CSS Starter Template - Landing Page
HTML · 企业官网
