Findup – 目录和列表 HTML5 模板

# 项目简介 Findup 是一款面向目录和商家列表场景的 HTML5 网站模板，提供了首页风格、列表页（网格/列表/地图）、详情页、新闻动态等完整页面，适合快速搭建本地商家、黄页或垂直领域搜索平台。 ## 技术栈 - HTML5 + CSS3（静态页面） - Bootstrap 5（响应式布局框架） - Google Fonts（DM Sans 主字体） - Font Awesome（图标库） - jQuery + 第三方插件（slick、magnific-popup、jquery.easing 等） ## 项目结构 ``` 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/ # 字体文件 ``` ## 核心文件说明 - `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` — 商家/场所详情页 ## 快速开始 纯静态模板，无需构建工具： 1. 将 `findup/` 文件夹部署到 Web 服务器（如 Nginx、Apache），或直接用 VS Code Live Server 预览 2. 在浏览器打开 `findup/index.html` 即可查看首页 3. 所有页面均依赖外部 CDN 加载字体与部分插件，需保持网络畅通 ## 使用建议 模板提供了大量预设布局（如地图列表、侧边栏切换、三栏网格等），可直接复制 `findup/` 下的 HTML 文件作为页面模板，修改内容后替换资源路径即可投入使用。注意正式上线前将 CSS/JS 文件本地化，避免依赖外部 CDN。