HTML企业官网

bukowsky_bar — HTML 企业官网模板

作者 fracabu

罗马 Bukowski's Bar 的静态官网模板，采用 1920 年代暗色 speakeasy 风格，包含首页、金酒、菜单与联系页。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图首屏预览

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

1920 年代暗色 speakeasy 视觉风格，以金色点缀与墨黑、深褐、古金、纸白配色

四个完整页面：首页、Il Nostro Gin、菜单与联系页

菜单使用标签式导航，列出 12 种以上 Spritz 变体

联系页集成 Google Maps，并提供一键拨号、WhatsApp 与路线导航按钮

使用 Playfair Display、Cormorant Garamond、Lora 与 Montserrat 字体组合

包含淡入动画与视差滚动效果

模板详细介绍

该模板是罗马 Borgo Pio 地区 Bukowski's Bar（集画廊、咖啡馆与小酒馆于一体）的官方网站，使用纯 HTML、CSS 与 JavaScript 构建，整体呈现 1920 年代暗色 speakeasy 美学，以金色点缀搭配墨黑、深褐、古金与纸白配色。

页面结构包含四个完整页面：首页（Hero、About 与 Experience 卡片）、Il Nostro Gin（植物成分、品鉴笔记与配方）、Menu（Spritz、鸡尾酒、食物与葡萄酒）以及 Contatti（表单、地图与快捷操作）。菜单采用标签式导航，列出 12 种以上 Spritz 变体；联系页集成 Google Maps，并提供一键拨号、WhatsApp 与路线导航按钮。

设计系统使用 Playfair Display、Cormorant Garamond、Lora 与 Montserrat 字体，并带有淡入动画与视差滚动效果。模板为静态站点，不包含后端逻辑或数据库，联系表单依赖外部服务或仅作展示；演示中的图片、字体与图标等第三方素材需按各自许可单独核对。

HTML企业官网

适合你的项目吗？

适用场景

为酒吧、咖啡馆或小酒馆搭建品牌官网
为餐厅或餐饮场所制作品牌展示与菜单页面
为特定酒类或饮品创建独立展示页（如金酒页面）
为线下门店提供联系、地图与快捷沟通入口

适合人群

需要暗色复古风格官网的酒吧、咖啡馆或小酒馆
希望以静态 HTML 快速上线展示型站点的餐饮品牌
需要菜单与联系页面的线下餐饮门店
接受 MIT 许可并愿意自行核对第三方素材的开发者

上手与定制指南

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

1
克隆仓库后可直接打开 index.html，或使用本地服务器（如 python -m http.server 8000）预览
2
联系表单与 Google Maps 等外部服务可能需要自行配置密钥或替换为自有实现
3
演示图片、字体与图标等第三方素材需按各自许可单独核对，不能仅凭代码的 MIT 许可判断
4
域名、托管等外部服务可能另外收费

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

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

查看原文依据

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

https://github.com/fracabu/bukowsky_bar/blob/main/LICENSE https://github.com/fracabu/bukowsky_bar/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2025-12-19
截图检查日期: 2026-10-13

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: adcc6800225e81f923672d169e78b9dc106543904e20dc66f9ba236f8510a33f

2026-10-13T06:54:04.398Z

来源文件 / 仓库

<h1 align="center">Bukowski's Bar</h1>
<h3 align="center">Galleria - Cafe - Bistrot</h3>

<p align="center">
  <em>Dark speakeasy-themed website for a literary bar in Rome</em>
</p>

<p align="center">
  <img src="https://img.shields.io/badge/HTML5-E34F26?style=flat-square&logo=html5&logoColor=white" alt="HTML5" />
  <img src="https://img.shields.io/badge/CSS3-1572B6?style=flat-square&logo=css3&logoColor=white" alt="CSS3" />
  <img src="https://img.shields.io/badge/JavaScript-F7DF1E?style=flat-square&logo=javascript&logoColor=black" alt="JavaScript" />
  <img src="https://img.shields.io/badge/Borgo_Pio-Roma-B8966E?style=flat-square" alt="Borgo Pio" />
</p>

<p align="center">
  :gb: <a href="#english">English</a> | :it: <a href="#italiano">Italiano</a>
</p>

---

<a name="english"></a>
## :gb: English

### Overview

Sophisticated dark-themed website for Bukowski's Bar, a gallery/cafe/bistrot in Borgo Pio, Rome. 1920s speakeasy aesthetic with modern functionality.

### Features

- **Dark Speakeasy Theme** - 1920s vintage aesthetic with gold accents
- **Interactive Menu** - Tab-based navigation with 12+ Spritz varieties
- **Gin del Marchese Page** - Dedicated showcase for house gin
- **Contact Form** - With Google Maps integration
- **Quick Actions** - One-tap call, WhatsApp, directions

### Pages

| Page | Status | Description |
|------|--------|-------------|
| Homepage | Complete | Hero, About, Experience cards |
| Il Nostro Gin | Complete | Botanicals, Tasting notes, Recipes |
| Menu | Complete | Spritz, Cocktails, Food, Wine |
| Contatti | Complete | Form, Map, Quick actions |

### Design System

- **Colors**: Ink Black, Dark Sepia, Antique Gold, Paper Cream
- **Fonts**: Playfair Display, Cormorant Garamond, Lora, Montserrat
- **Effects**: Fade-in animations, parallax scrolling

### Quick Start

```bash
git clone https://github.com/fracabu/bukowsky_bar.git
cd bukowsky_bar
# Open index.html or use local server
python -m http.server 8000
```

---

<a name="italiano"></a>
## :it: Italiano

### Panoramica

Sito web sofisticato a tema scuro per Bukowski's Bar, galleria/cafe/bistrot a Borgo Pio, Roma. Estetica speakeasy anni '20 con funzionalita moderne.

### Funzionalita

- **Tema Speakeasy Scuro** - Estetica vintage anni '20 con accenti oro
- **Menu Interattivo** - Navigazione a tab con 12+ varieta Spritz
- **Pagina Gin del Marchese** - Vetrina dedicata al gin della casa
- **Form Contatto** - Con integrazione Google Maps
- **Azioni Rapide** - Chiamata, WhatsApp, indicazioni one-tap

### Pagine

| Pagina | Stato | Descrizione |
|--------|-------|-------------|
| Homepage | Completa | Hero, About, Experience cards |
| Il Nostro Gin | Completa | Botaniche, Note degustazione, Ricette |
| Menu | Completa | Spritz, Cocktail, Food, Vino |
| Contatti | Completa | Form, Mappa, Azioni rapide |

### Design System

- **Colori**: Ink Black, Dark Sepia, Antique Gold, Paper Cream
- **Font**: Playfair Display, Cormorant Garamond, Lora, Montserrat
- **Effetti**: Animazioni fade-in, parallax scrolling

### Avvio Rapido

```bash
git clone https://github.com/fracabu/bukowsky_bar.git
cd bukowsky_bar
# Apri index.html o usa server locale
python -m http.server 8000
```

---

## Location

Via degli Ombrellari, 25 - 00193 Roma (Borgo Pio)

## License

MIT

---

<p align="center">
  <a href="https://github.com/fracabu">
    <img src="https://img.shields.io/badge/Made_by-fracabu-8B5CF6?style=flat-square" alt="Made by fracabu" />
  </a>
</p>

反馈内容错误