HTML+CSS北京旅游宣传网站(附完整源码)

项目简介

红金古典横幅、景点卡片网格、交替风景大图、圆形美食图鉴与在线留言表单，五页静态 HTML + CSS。

技术栈与架构

• 页面规模：5 页多页静态站点
• 技术栈：HTML + CSS（原生实现，无构建链）
• 设计风格：Classic Travel Legacy，多页响应式布局
• 响应式：Mobile First，375 / 768 / 1024 断点适配
• 交互亮点：基础导航与布局
• 预览端口：5051（npx serve -l 5051）

页面展示

首页

首页以红金古典横幅 Hero 搭配城市简介双栏与特色标签，一屏呈现首都千年古都气质。

景点介绍

景点介绍页以双列卡片网格展示故宫、长城、天坛、颐和园与天安门等必游地标，每张卡片含配图与详细介绍。

风景欣赏

风景欣赏页采用交替大图布局，呈现故宫雪景、昆明湖、什刹海夜色、香山红叶等季节与城市风貌。

美食推荐

美食推荐页以圆形图鉴网格展示烤鸭、炸酱面、豆汁儿、涮羊肉等京味代表小吃。

在线留言

在线留言页提供称呼、电话、邮箱与内容表单，古典双边框样式，适合静态展示型作业。

本地预览

1. 解压或克隆源码，进入目录：cd BeijingTourismWebsiteBasic
2. 启动本地静态服务：npx serve -l 5051
3. 浏览器访问：http://localhost:5051
4. 直接双击 index.html 也可浏览，但动态页交互建议用静态服务打开

说明：本项目为纯前端页面，无登录账号，打开即可浏览全站。

获取源码

点击下方获取完整源码。