HTML企业官网

smash-haus-v2_1 — HTML 企业官网模板

作者 vinayak8484

Smash Haus 是一个面向汉堡店与快餐休闲餐厅的单页网站模板,使用纯 HTML、CSS 和原生 JavaScript 编写,无框架、无构建步骤、无依赖,内置 DE/EN 双语切换。

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

内置 DE/EN 语言切换器,README 称可适配其他语言对

02

首屏包含火焰动画与滚动驱动的跑马灯文字

03

菜单卡片内置 signature、spicy、vegan、bestseller 标签

04

提供按星期排列的每周优惠区块

05

多地点 Find Us 布局,用于展示两家或更多门店

06

纯 HTML5、CSS3 与原生 JavaScript,无框架、无构建步骤、无依赖

模板详细介绍

该模板适合汉堡店、smash burger 门店和快餐休闲餐厅使用,所有内容集中在单个 index.html 文件中,可直接在浏览器打开预览,并直接编辑其中的文本、菜单项、价格、营业时间与联系方式。README 说明模板包含内置的 DE/EN 语言切换器,可适配其他语言对;首屏带火焰动画与滚动驱动的跑马灯文字;菜单卡片内置 signature、spicy、vegan、bestseller 标签;另有按星期排列的每周优惠区块,以及用于展示两家或更多门店位置的多地点 Find Us 布局。模板完全响应式,无外部依赖。

部署方面,README 提供了 GitHub Pages、Netlify/Vercel 以及任意静态主机的部署方式。由于是单个 HTML 文件,README 称其可用于任何 Web 主机。

需要说明的是,README 未提供模板所包含的具体页面区块数量、无障碍支持情况、浏览器兼容范围、多语言切换的具体实现方式、图片占位符的来源或替换细节,也未说明是否包含表单提交、在线订餐、地图嵌入等后端或第三方集成功能。

HTML企业官网

适合你的项目吗?

适用场景

  • 为汉堡店或 smash burger 门店搭建单页展示网站
  • 为快餐休闲餐厅展示菜单、标签与每周优惠
  • 需要德英双语切换的餐饮类网站
  • 需要同时展示多个门店位置的餐厅网站

适合人群

  • 汉堡店与 smash burger 门店
  • 快餐休闲餐厅
  • 需要多门店展示的餐饮品牌
  • 希望直接编辑单个 HTML 文件、不引入构建工具的开发者或店主

上手与定制指南

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

  1. 1

    下载或 fork 仓库后,直接在浏览器打开 index.html 即可本地预览

  2. 2

    在 index.html 中直接编辑文本、菜单项、价格、营业时间与联系方式

  3. 3

    将占位图片替换为餐厅自己的照片

  4. 4

    如需 DE/EN 之外的语言,需更新语言字符串

  5. 5

    部署可选 GitHub Pages(Settings → Pages → 从 main 分支部署)、Netlify/Vercel 拖放或连接仓库,或任意静态主机

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 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-13
截图检查日期
2026-10-15

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 827d3215301f7d09a3fdb5ac36e551926f8973b6b879e9969283ce51e78b38c8

2026-10-15T03:20:41.854Z

来源文件 / 仓库
# Smash Haus — Burger Restaurant Website Template

A bold, high-energy one-page website template for burger joints, smash burger spots, and fast-casual restaurants. Built with plain HTML, CSS, and JavaScript — no frameworks, no build step, no dependencies.

**[Live Demo →](https://vinayak8484.github.io/smash-haus-v2_1/)**

![Smash Haus preview](smash-haus-v2_1.png)

## Features

- **Bilingual out of the box** — built-in DE / EN language switcher, easy to adapt to any language pair
- **Animated, bold hero section** — eye-catching flame animation and scroll-driven marquee text
- **Menu with tags** — signature, spicy, vegan, and bestseller badges built right into the menu cards
- **Weekly deals section** — ready-made layout for day-of-the-week promotions
- **Multi-location Find Us layout** — built to showcase two or more restaurant locations
- **Fully responsive & zero dependencies** — a self-contained HTML file, easy to read, edit, and deploy anywhere

## Getting Started

1. **Download or fork** this repository.
2. Open `index.html` directly in your browser to preview it locally.
3. Edit the text, menu items, prices, opening hours, and contact details directly inside `index.html`.
4. Replace the placeholder images with your own restaurant's photos.
5. Update the language strings if you want different translations than DE/EN.

## Deploying

- **GitHub Pages** — enable Pages in your repo settings (Settings → Pages → deploy from `main` branch) and your site is live at `https://<username>.github.io/<repo>/`.
- **Netlify / Vercel** — drag and drop the folder, or connect the repo for automatic deploys.
- **Any static host** — since it's a single HTML file, it works with literally any web host.

## Tech Stack

Plain HTML5, CSS3, and vanilla JavaScript. No React, no Tailwind build step, no npm install required.

## License

This project is open source under the [MIT License](LICENSE) — free to use, modify, and distribute for personal or commercial projects. Attribution is appreciated but not required.

## Contributing

Contributions, bug fixes, and new template variations are welcome! Feel free to open an issue or submit a pull request.

---

If you use this template for your restaurant or cafe, a star on the repo is always appreciated.
反馈内容错误

看看同类模板

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