HTML企业官网

trillo-flexbox — HTML 企业官网模板

作者 Ch-sriram

Trillo 是一个用 HTML 与 SASS（SCSS）构建的酒店/餐饮类静态网页模板，采用 Flexbox 布局，代码以 MIT 许可发布。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

桌面端首页

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

桌面端截图首屏预览

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

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

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

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

值得关注的模板亮点

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

使用 HTML 与 SASS（SCSS）编写的静态网页模板

布局基于 Flexbox 属性实现

面向酒店或餐饮业务场景的页面设计

提供 Netlify 在线演示可直接查看效果

代码以 MIT 许可发布，允许修改与商用

归属于作者的 css-sass 父仓库，构建脚本需参考父仓库说明

模板详细介绍

Trillo 是 GitHub 用户 Ch-sriram 发布的静态网页模板，面向酒店或餐饮业务场景，仓库描述称其为餐厅业务页面模板，README 则表述为酒店业务模板。页面使用 HTML 配合 SASS（SCSS）预处理器编写，布局依赖 Flexbox 属性，属于纯前端静态页面，不包含后端逻辑。

模板的在线演示部署在 Netlify 上，可直接访问查看实际效果。项目归属于作者的 css-sass 父仓库，README 说明 package.json 的安装与执行细节需参考父仓库中的 SASS 安装与运行章节，并提示本项目的 scripts 字段与父仓库存在差异。仓库采用 MIT 许可，允许免费使用、修改、商用与分发，但演示图片、字体、图标等第三方素材需单独核对许可。

HTML企业官网

适合你的项目吗？

适用场景

为餐厅或酒店搭建展示型静态页面
学习 SASS（SCSS）与 Flexbox 布局的参考案例
作为企业官网类模板进行二次修改

适合人群

需要酒店或餐饮展示页面的开发者
想参考 SCSS 与 Flexbox 实践的初学者
接受静态页面、自行处理部署与素材的团队

上手与定制指南

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

1
SASS（SCSS）的安装与执行方式需参考父仓库 css-sass 的对应章节
2
本项目 package.json 的 scripts 字段与父仓库不同，使用前请先核对
3
演示图片、字体、图标等第三方素材需按各自许可单独确认
4
模板为静态页面，部署与托管需自行安排

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
该模板归属于作者的 css-sass 父仓库，README 明确指向父仓库获取 package.json 的安装与执行细节，使用前需结合父仓库说明。
本项目 package.json 的 scripts 字段与父仓库不同，README 提示需自行核对，构建脚本不能直接照搬父仓库配置。

查看原文依据

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

The parent repository is **[here](https://github.com/Ch-sriram/css-sass)**.
README 原文

**Note**: There are some changes in the `"scripts"` object in the **package.json** file for this particular project (please check to know).
README 原文

https://github.com/Ch-sriram/trillo-flexbox/blob/master/LICENSE https://github.com/Ch-sriram/trillo-flexbox/blob/master/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 65 / 100
技术栈: HTML
网站类型: 企业官网

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2020-05-28
截图检查日期: 2026-10-13

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 0f6eb2224a96556a94ae7897e968fbb8b93409567bea714d0835f090d67376ea

2026-10-13T05:09:42.070Z

来源文件 / 仓库

# TRILLO

A template website made using SASS (SCSS) [A CSS pre-processor] with flexbox properties for a hotel business. The template is live **[here](https://trillo-ram.netlify.app/)**. The parent repository is **[here](https://github.com/Ch-sriram/css-sass)**.

## Details on package.json

Check the details regarding **package.json** (under the sub-section: *SASS (SCSS) Installation & Execution*) **[here, at the parent repository](https://github.com/Ch-sriram/css-sass#sass-scss-installation--execution)**.

**Note**: There are some changes in the `"scripts"` object in the **package.json** file for this particular project (please check to know).

反馈内容错误