HTML企业官网

savore — HTML 企业官网模板

作者 OmarAllamDev

Savoré 是一个基于 HTML、CSS、JavaScript 和 Bootstrap 的餐厅网站模板,文本集中在 text.js 中修改,图片按固定文件名替换。

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

使用 HTML5、CSS3、JavaScript、Bootstrap 5 和 Bootstrap Icons 构建

02

响应式布局,包含移动端导航

03

支持滚动时高亮当前导航项与平滑滚动

04

菜单项、价格和描述可在 assets/js/text.js 中编辑

05

图片按 assets/images 下的固定文件名替换,README 给出建议宽高比

06

包含预订表单区块和客户评价、图库等展示区块

模板详细介绍

Savoré 是面向餐厅场景的静态网站模板,仓库为 OmarAllamDev/savore,README 说明其使用 HTML5、CSS3、JavaScript、Bootstrap 5 与 Bootstrap Icons 构建。页面结构集中在根目录的 index.html,样式在 assets/css/style.css,可编辑文本集中在 assets/js/text.js,图片资源位于 assets/images。README 列出的功能包括响应式设计、移动端导航、滚动时激活当前导航、平滑滚动、可编辑菜单项、预订表单,以及文本与图片的替换。

定制方式有两类:文本在 text.js 中修改引号内的内容,可调整网站名称、Hero 介绍与描述、About 区块文案与特性标题描述、菜单名称/描述/价格、Gallery 标题、预订电话与营业时间、页脚营业时间/邮箱/电话/地址;图片则替换 assets/images 下同名文件,README 要求保持文件名与大小写、尽量保持扩展名,并给出 logo、hero、about、菜单、gallery、客户头像的建议宽高比。README 未提供安装命令、构建步骤、依赖版本、部署说明或浏览器兼容性信息,也未说明预订表单提交后的处理方式。

HTML企业官网

适合你的项目吗?

适用场景

  • 为餐厅搭建静态展示型网站
  • 在已有 HTML/CSS/JS 基础上快速替换文案与图片
  • 制作包含菜单、图库和预订表单的餐饮页面原型
  • 作为学习 Bootstrap 5 响应式页面结构的参考模板

适合人群

  • 需要餐厅官网静态模板的开发者或设计者
  • 希望集中修改文本与图片、不引入构建流程的使用者
  • 熟悉或愿意使用 HTML、CSS、JavaScript 与 Bootstrap 的编辑者

上手与定制指南

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

  1. 1

    README 未提供安装或构建命令,模板以 index.html 为入口直接使用

  2. 2

    修改文本请编辑 assets/js/text.js 中引号内的内容,不要改变量名、引号或下方 JavaScript 代码

  3. 3

    替换图片时保持 assets/images 下原有文件名与大小写,并尽量保持扩展名

  4. 4

    README 未说明预订表单的提交目标或后端处理方式

  5. 5

    README 未提供部署步骤与依赖版本信息

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 80 / 100
技术栈
HTML
网站类型
企业官网
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: codex-user-requested-batch-review-20261015 · 2026-10-15

查看当时使用的来源资料

SHA-256: caf343b0e2eca3c77f99984e42e02dc49133f3dfaffe02e522b5a9bb7f3217d6

2026-10-15T03:19:06.631Z

来源文件 / 仓库
# Savoré Restaurant Template

A modern, responsive restaurant website template built with HTML, CSS, JavaScript, and Bootstrap.

## Features

- Responsive design
- Customizable text
- Bootstrap Icons
- Mobile navigation
- Active navigation on scroll
- Smooth scrolling
- Editable menu items
- Reservation form
- Easy image replacement
- Easy to customize

## Folder Structure

```text
│
├── index.html
├── README.md
│
└── assets/
    ├── css/
    │   └── style.css
    │
    ├── js/
    │   └── text.js
    │
    └── images/
        ├── logo.png
        ├── hero-image.png
        ├── about-image.png
        ├── menu-1.png
        ├── menu-2.png
        ├── menu-3.png
        ├── menu-4.png
        ├── gallery-1.png
        ├── gallery-2.png
        ├── gallery-3.png
        ├── gallery-4.png
        ├── gallery-5.png
        ├── client-1.png
        ├── client-2.png
        ├── client-3.png
        └── og-image.png

```

## Customization

### Change Text

Open:

```text
assets/js/text.js
```

You can edit:

- Website name
- Hero intro
- Hero description
- About section text
- About feature titles & descriptions
- Menu item names
- Menu descriptions
- Menu prices
- Gallery title
- Reservation phone number
- Reservation opening hours
- Footer opening hours
- Footer email
- Footer phone number
- Footer location

Simply replace the text inside the quotation marks.

Example:

```javascript
let websiteName = "SAVORÉ";
```

Only change **SAVORÉ**.

Do **not** change:

- Variable names
- Quotation marks
- JavaScript code below the editable section

---

### Change Images

Replace the images inside:

```text
assets/images
```

**Important**

- Keep the same filenames.
- Filenames are case-sensitive.
- Keep the same file extensions whenever possible.
- Use the recommended aspect ratios below for the best appearance.

|             Image             |        Recommended Aspect Ratio      |
|-------------------------------|--------------------------------------|
| logo.png                      |                 1:1                  |
| hero-image.png                |                 1:1                  |
| about-image.png               |                 5:4                  |
| menu-1.png – menu-4.png       |                 1:1                  |
| gallery-1.png – gallery-4.png |                 4:3                  |
| client-1.png – client-3.png   |                 1:1                  |

## Technologies

- HTML5
- CSS3
- JavaScript
- Bootstrap 5
- Bootstrap Icons

## License

Free to use for personal and commercial projects.
反馈内容错误

看看同类模板

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