项目简介link

Findup 是一款面向目录和商家列表场景的 HTML5 网站模板，提供了首页风格、列表页（网格/列表/地图）、详情页、新闻动态等完整页面，适合快速搭建本地商家、黄页或垂直领域搜索平台。

技术栈link

• HTML5 + CSS3（静态页面）
• Bootstrap 5（响应式布局框架）
• Google Fonts（DM Sans 主字体）
• Font Awesome（图标库）
• jQuery + 第三方插件（slick、magnific-popup、jquery.easing 等）

项目结构link

finduphtml-10/
├── documentation/          # 官方文档
│   ├── index.html
│   └── assets/
├── findup/                 # 模板主体
│   ├── index.html          # 首页（三种风格）
│   ├── index-2.html
│   ├── index-3.html
│   ├── about.html
│   ├── contact.html
│   ├── faq.html
│   ├── pricing.html
│   ├── news.html / news-details.html
│   ├── sign-in.html / sign-up.html
│   ├── listings-*.html      # 各类列表页
│   ├── listing-details.html
│   └── assets/
│       ├── css/             # 样式文件（main.css / style.css 等）
│       ├── js/              # 脚本文件
│       └── fonts/           # 字体文件

核心文件说明link

• findup/index.html — 模板首页入口，包含导航、轮播、分类等模块
• findup/assets/css/main.css — 主要业务样式（含颜色、按钮、排版等）
• findup/assets/css/style.css — 样式补充与通用工具类
• findup/listings-grid-right-sidebar.html — 右侧边栏网格列表页
• findup/listings-half-screen-map-grid.html — 地图+网格混合布局页
• findup/listing-details.html — 商家/场所详情页

快速开始link

纯静态模板，无需构建工具：

1. 将 findup/ 文件夹部署到 Web 服务器（如 Nginx、Apache），或直接用 VS Code Live Server 预览
2. 在浏览器打开 findup/index.html 即可查看首页
3. 所有页面均依赖外部 CDN 加载字体与部分插件，需保持网络畅通

使用建议link

模板提供了大量预设布局（如地图列表、侧边栏切换、三栏网格等），可直接复制 findup/ 下的 HTML 文件作为页面模板，修改内容后替换资源路径即可投入使用。注意正式上线前将 CSS/JS 文件本地化，避免依赖外部 CDN。