深色电影感视觉风格,高对比度首屏与醒目排版
boteco — HTML 企业官网模板
作者 vinayak8484
Boteco 是一个面向巴西餐厅、酒吧与酒廊的单页 HTML 网站模板,采用深色电影感视觉风格,包含照片画廊、菜单与订位入口以及 WhatsApp 浮动联系按钮,使用纯 HTML/CSS/JavaScript 编写,无框架与构建步骤。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
内置照片画廊区块,用于展示菜品、饮品与店内氛围
提供查看菜单与预订餐位的行动按钮
自带浮动 WhatsApp 快速联系组件
纯 HTML/CSS/JavaScript 单文件结构,无框架、无构建步骤、无依赖
响应式布局,可直接在浏览器打开预览
模板详细介绍
Boteco 是一个单页餐厅与酒吧网站模板,定位为巴西风味餐厅、酒吧和酒廊的展示页面。页面以深色高对比度的首屏视觉为主,配合醒目排版,整体呈现电影感氛围。模板内置照片画廊区块,用于展示菜品、饮品与店内环境;同时提供查看菜单和预订餐位的行动按钮,以及一个浮动的 WhatsApp 快速联系组件。
技术上,该模板由纯 HTML5、CSS3 和原生 JavaScript 构成,不依赖 React、Tailwind 构建流程或 npm 安装,整个站点为自包含的 HTML 文件,可直接在浏览器中打开预览。编辑内容时,文字、菜单项、价格、营业时间与联系方式均在 index.html 内直接修改,占位图片需替换为餐厅自有照片,WhatsApp 与社交媒体链接也需指向实际账号。
部署方面,README 给出 GitHub Pages(在仓库设置中从 main 分支启用)、Netlify/Vercel 拖拽或连接仓库自动部署,以及任意静态托管三种方式。模板采用 MIT 许可,允许免费使用、修改、商用和分发该版本代码,分发时需保留版权声明与完整 MIT 许可声明;演示图片、字体、图标等第三方素材需按各自许可单独核对,域名、托管等外部服务可能另行收费。
适合你的项目吗?
适用场景
- 为巴西餐厅、酒吧或酒廊搭建单页品牌展示网站
- 需要快速上线、无需构建工具与依赖安装的静态站点项目
- 以照片画廊和菜单展示为主、并引导顾客通过 WhatsApp 联系的餐饮页面
- 在 GitHub Pages、Netlify、Vercel 或任意静态托管上部署的轻量官网
适合人群
- 经营巴西风味餐饮、酒吧或酒廊并需要单页官网的商家
- 希望直接编辑单个 HTML 文件即可维护内容的非技术用户
- 偏好零依赖、无构建流程静态模板的开发者
- 需要 MIT 许可下可自由修改与商用代码版本的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
下载或 fork 仓库后,直接用浏览器打开 index.html 即可本地预览
- 2
在 index.html 内直接修改文字、菜单项、价格、营业时间与联系方式
- 3
将占位图片替换为餐厅自有照片,并更新 WhatsApp 与社交媒体链接
- 4
部署可选择 GitHub Pages(设置中从 main 分支启用)、Netlify/Vercel 拖拽或连接仓库,或任意静态托管
- 5
演示图片、字体、图标等第三方素材需按各自许可核对,外部服务可能另行收费
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
- 模板内置的 WhatsApp 浮动联系按钮与社交媒体链接为占位内容,使用前必须替换为你自己的账号链接,否则会指向模板作者的账号。
- 页面中的图片均为占位素材,需替换为餐厅自有照片;演示图片等第三方素材的许可需自行单独核对。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Update the WhatsApp link and social media links to point to your own accounts.
README 原文
https://github.com/vinayak8484/boteco/blob/main/LICENSEhttps://github.com/vinayak8484/boteco/blob/main/README.mdReplace the placeholder images with your own restaurant's photos.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-13。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料较完整 · 80 / 100
- 技术栈
- HTML
- 网站类型
- 企业官网
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2026-08-13
- 截图检查日期
- 2026-10-13
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 HTML。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
审核声明: [email protected] · 2026-10-13
查看当时使用的来源资料
SHA-256: 0100e19a9a0b5d92e6574a3ce713059549f54293bd3ca721e52805eda94a9b58
2026-10-13T09:23:43.233Z
来源文件 / 仓库# Boteco — Brazilian Restaurant & Bar Website Template A bold, cinematic one-page website template for Brazilian restaurants, bars, and lounges. Built with plain HTML, CSS, and JavaScript — no frameworks, no build step, no dependencies. **[Live Demo →](https://vinayak8484.github.io/boteco/)** ## Features - **Cinematic dark theme** — moody, high-contrast hero section with bold typography - **Photo gallery section** — showcase your food, drinks, and venue atmosphere - **Menu & reservation CTAs** — ready-made call-to-action buttons for viewing the menu and booking a table - **WhatsApp contact button** — floating quick-contact widget built in - **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 WhatsApp link and social media links to point to your own accounts. ## 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 bar, a star on the repo is always appreciated.
看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

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