使用 HTML5、CSS3、JavaScript、Bootstrap 5 和 Bootstrap Icons 构建
savore — HTML 企业官网模板
作者 OmarAllamDev
Savoré 是一个基于 HTML、CSS、JavaScript 和 Bootstrap 的餐厅网站模板,文本集中在 text.js 中修改,图片按固定文件名替换。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
响应式布局,包含移动端导航
支持滚动时高亮当前导航项与平滑滚动
菜单项、价格和描述可在 assets/js/text.js 中编辑
图片按 assets/images 下的固定文件名替换,README 给出建议宽高比
包含预订表单区块和客户评价、图库等展示区块
模板详细介绍
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/CSS/JS 基础上快速替换文案与图片
- 制作包含菜单、图库和预订表单的餐饮页面原型
- 作为学习 Bootstrap 5 响应式页面结构的参考模板
适合人群
- 需要餐厅官网静态模板的开发者或设计者
- 希望集中修改文本与图片、不引入构建流程的使用者
- 熟悉或愿意使用 HTML、CSS、JavaScript 与 Bootstrap 的编辑者
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
README 未提供安装或构建命令,模板以 index.html 为入口直接使用
- 2
修改文本请编辑 assets/js/text.js 中引号内的内容,不要改变量名、引号或下方 JavaScript 代码
- 3
替换图片时保持 assets/images 下原有文件名与大小写,并尽量保持扩展名
- 4
README 未说明预订表单的提交目标或后端处理方式
- 5
README 未提供部署步骤与依赖版本信息
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
https://github.com/OmarAllamDev/savore/blob/main/LICENSEhttps://github.com/OmarAllamDev/savore/blob/main/README.mdPermission is hereby granted, free of charge
许可证原文
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.看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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 · 企业官网
