HTML博客

novisdev-theme-multipurpose-one-page — HTML 博客模板

作者 adnenre

Novis 是一个面向创意机构、自由职业者与数字工作室的单页 HTML 模板，用滚动式布局串联首页、关于、服务、作品、博客、客户与联系等区块。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

novisdev-theme-multipurpose-one-page · 桌面端首页

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

桌面端截图首屏预览

从已核对的演示页面实际渲染并截图。

全部页面与视图 2

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

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

值得关注的模板亮点

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

单页滚动布局，使用 scrollIt.js 在首页、关于、服务、作品、博客、客户、联系等区块间平滑滚动

基于 Bootstrap Grid 与自定义 flex 组件实现响应式设计

作品区使用 Isotope 画廊，支持 All、Brand、Design、Graphic 分类筛选

客户评价使用 Swiper 触摸轮播，视频通过 SimpleLightbox 弹窗播放

图标使用 Font Awesome 与 Linea，字体来自 Google Fonts 的 Poppins 与 Raleway

联系表单仅提供 HTML 结构，README 明确说明不包含后端处理

模板详细介绍

Novis 是一个单页 HTML 模板，目标用户是创意机构、自由职业者和数字工作室。它把首页、关于、服务、作品、博客、客户和联系等必要内容放在一个滚动页面中，通过 scrollIt.js 实现区块间的平滑滚动。

模板采用 Bootstrap Grid 与自定义 flex 组件实现响应式布局，作品区使用 Isotope 画廊并支持按 All、Brand、Design、Graphic 分类筛选，客户评价使用 Swiper 轮播，视频通过弹窗灯箱播放。图标来自 Font Awesome 与 Linea，字体使用 Google Fonts 的 Poppins 与 Raleway。

README 说明联系表单只提供 HTML 结构，不包含后端处理，需要自行添加服务端逻辑并更新表单 action。模板以演示/教育用途提供，README 建议在商业部署前替换图片并做个性化修改。README 未提供浏览器兼容性测试的具体版本、性能数据或生产就绪程度说明。

HTML博客

适合你的项目吗？

适用场景

创意机构或数字工作室搭建单页展示站点，集中呈现服务、作品与客户评价
自由职业者用滚动式单页介绍个人业务、案例与联系方式
作为前端练习或教学素材，参考单页滚动、画廊筛选与轮播的 HTML 结构
在替换图片与文案后，作为演示或原型页面使用

适合人群

创意机构、自由职业者与数字工作室的展示型单页需求
需要作品分类筛选与客户评价轮播的页面
希望基于 Bootstrap Grid 与 jQuery 插件快速搭建静态页面的开发者
用于学习或演示用途的前端项目

上手与定制指南

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

1
下载或克隆模板后，直接用浏览器打开 index.html 即可查看
2
在 data-scroll-index 为 0 到 6 的各 <section> 中替换文本与图片
3
修改 c-video__link 的 href 值可更换视频链接
4
在作品区的 .c-filter 中调整筛选分类
5
联系表单需自行添加服务端处理并更新表单 action；样式变量位于 css/main.css，使用类 BEM 的类名

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
联系表单仅提供 HTML 结构，不包含后端处理，需自行添加服务端逻辑。
README 声明模板仅供演示/教育用途，并建议商业部署前替换图片并做个性化修改。
字体来自 Google Fonts（Poppins、Raleway），使用外部字体服务。
图标使用 Font Awesome 与 Linea 图标集，属于第三方资源。
依赖 jQuery、Bootstrap Grid、Isotope、Swiper、SimpleLightbox、scrollIt.js 等第三方库。

查看原文依据

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

- **Contact Form** – Ready‑to‑style HTML form (backend not included).
README 原文

This template is provided for demonstration/educational use. Replace the images and make it your own before commercial deployment.
README 原文

- Fonts: Google Fonts (Poppins, Raleway)
README 原文

- Icons: Font Awesome, Linea
README 原文

- **jQuery**, **Bootstrap Grid**, **Isotope**, **Swiper**, **SimpleLightbox**, **scrollIt.js**
README 原文

https://github.com/adnenre/novisdev-theme-multipurpose-one-page/blob/main/LICENSE.txt https://github.com/adnenre/novisdev-theme-multipurpose-one-page/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间: 2026-05-02
截图检查日期: 2026-10-16

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: codex-user-requested-batch-review-20261017 · 2026-10-16

查看当时使用的来源资料

SHA-256: 61ebde2992e0376aa3ff3f7fb88b9cf82c10fa8c7c2d146b49e6a9a01f643050

2026-10-14T01:00:20.614Z

来源文件 / 仓库

# Novis – One‑Page Multipurpose Agency Template

Novis is a modern, fully responsive one‑page HTML template designed for creative agencies, freelancers, and digital studios. It presents all essential sections (Home, About, Services, Works, Blog, Clients, Contact) in a clean, scroll‑based layout.

## Features

- **One‑Page Design** – Smooth scrolling between sections (`scrollIt.js`).
- **Fully Responsive** – Built with Bootstrap Grid and custom flex‑based components.
- **Portfolio Filtering** – Isotropic gallery with category filters (All, Brand, Design, Graphic).
- **Video Lightbox** – Watch the “story” video in a modal popup.
- **Client Testimonials Swiper** – Touch‑enabled carousel for quotes.
- **Contact Form** – Ready‑to‑style HTML form (backend not included).
- **Font Icons** – Font Awesome + Linea icon sets.
- **Cross‑browser Compatible** – Tested on modern browsers.

## Quick Start

1. Download or clone the template.
2. Open `index.html` in any browser.
3. Customise content:
   - Replace text/images in each `<section>` (data-scroll-index="0" to "6").
   - Change the video link: `c-video__link` href value.
   - Modify the filter categories in `.c-filter` (Works section).
   - Update the contact form action if you add server‑side handling.
4. Styling variables are in `css/main.css` (uses BEM‑like class names).

## Credits

- **jQuery**, **Bootstrap Grid**, **Isotope**, **Swiper**, **SimpleLightbox**, **scrollIt.js**
- Fonts: Google Fonts (Poppins, Raleway)
- Icons: Font Awesome, Linea

## License

This template is provided for demonstration/educational use. Replace the images and make it your own before commercial deployment.

---

## License

<a href=/LICENSE.txt target="_blank">MIT</a> license.

## Author

- github: https://github.com/adnenre
- website: https://adnenre.dev

反馈内容错误