HTML启动器

codedesign-basic-element — HTML 启动器模板

作者 elkindnet

Basic Element 是由 Code/Design 发布的免费单页 HTML 网站模板，基于 Bootstrap 构建，采用深色布局与滚动动画，适合作为多用途单页站点起点。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

作者提供的预览

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

作者提供的预览

来自项目 README 的原始预览。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

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

值得关注的模板亮点

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

免费单页 HTML 模板，基于 Bootstrap 构建，采用深色布局

固定顶部导航栏，页面滚动时自动收起

平滑滚动动画，Scrollspy 高亮当前页面区块

自定义描边按钮样式

集成 Google Maps API，使用 Snazzy Maps 自定义地图皮肤，地图标记为可替换的 PNG 图片

采用 Apache-2.0 许可，允许免费使用、修改、商用与分发

模板详细介绍

Basic Element 是一个免费、多用途的单页网站主题，使用 HTML 与 Bootstrap 构建，由 Code/Design（Jeny Elkind）创建并维护，源码托管在 GitHub 的 elkindnet/codedesign-basic-element 仓库。模板采用深色布局，配合平滑滚动动画，整体定位为单页展示型站点。

模板包含固定顶部导航栏，在页面滚动时收起；页面滚动带有平滑动画；通过 Scrollspy 高亮当前所在区块；提供自定义描边按钮样式；集成 Google Maps API，并使用 Snazzy Maps 的自定义地图皮肤，地图标记为可自行替换的 PNG 图片。

使用方式上，README 提供两种途径：从 GitHub 下载最新发布包，或 fork 该仓库。仓库采用 Apache-2.0 许可，允许免费使用、修改、商用与分发，分发时需随附许可证，修改过的文件需标注改动，并保留版权、专利、商标与归属声明；若原项目包含 NOTICE 文件，衍生作品分发时需保留其中适用的归属声明。该许可包含贡献者专利授权，但发起相关专利诉讼会终止该授权，且不授予商标使用权。代码按现状提供。

需要注意，Apache-2.0 仅覆盖代码本身，演示图片、字体、图标等第三方素材需单独核对各自许可；域名、托管等外部服务可能另行收费。模板资料未说明其生产就绪程度或兼容性细节。

HTML启动器

适合你的项目吗？

适用场景

制作单页展示型网站，如产品、活动或服务介绍页
需要深色视觉风格与滚动动画的落地页
需要固定导航、区块高亮与地图展示的页面
作为学习 Bootstrap 单页布局与滚动交互的参考模板

适合人群

需要快速搭建单页站点的开发者或设计者
接受深色布局与滚动动画风格的项目
希望基于 Bootstrap 自定义模板的前端使用者
需要集成 Google Maps 展示位置的单页页面

上手与定制指南

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

1
从 GitHub 下载最新发布包，或 fork 仓库后开始使用
2
使用 Google Maps 功能需自行配置 Google Maps API
3
地图标记为 PNG 图片，可按需替换
4
分发时需随附 Apache-2.0 许可证，修改过的文件需标注改动并保留归属声明
5
演示图片、字体、图标等第三方素材需单独核对许可

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

允许免费使用、修改、商用和分发；分发时需随附 Apache-2.0 许可证。
修改过的文件需显著标明改动，并保留相关版权、专利、商标及归属声明。
若原项目附有 NOTICE 文件，分发衍生作品时需保留其中适用的归属声明。
许可包含适用的贡献者专利授权；发起许可所述专利诉讼会终止该专利授权，且不授予商标使用权。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

模板集成 Google Maps API，使用地图功能需自行申请并配置 Google Maps API 密钥，可能受 Google 服务条款与计费政策约束；地图皮肤来自第三方 Snazzy Maps。
地图标记为可自行替换的 PNG 图片，替换时需确保所用图片素材的授权合规。
Apache-2.0 仅覆盖代码；演示图片、字体、图标等第三方素材需单独核对许可，分发时须随附许可证、标注修改并保留归属声明。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Apache-2.0 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

no-charge, royalty-free, irrevocable copyright license
许可证原文

Google Maps API integration with a custom Google Maps skin by Snazzy Maps
README 原文

Easy to edit custom PNG map marker
README 原文

Code released under the [Apache 2.0](https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/LICENSE) license.
README 原文

https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/LICENSE https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/README.md

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

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 68 / 100
技术栈: HTML
网站类型: 启动器

这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: b5719589cb6a483b5e422756b2462b890e343ee274ab12bf4d30df6ee45db6cb

2026-10-02T08:38:25.614Z

来源文件 / 仓库

# [Code/Design](http://http://codedesign.elkind.net/) - [Basic  Element one page website theme](http://codedesign.elkind.net/themes/basicelement/)


[Basic Element one page website theme](http://codedesign.elkind.net/themes/basicelement/) is a free HTML (Bootstrap3), multipurpose, one page website theme for [Bootstrap](http://getbootstrap.com/) created by [Code/Design](http://http://codedesign.elkind.net/).

<img src="https://raw.githubusercontent.com/elkindnet/codedesign-basic-element/gh-pages/screenshot.jpg">
###[Live Demo](http://codedesign.elkind.net/themes/basicelement/)   |   [Download](https://github.com/elkindnet/codedesign-basic-element/archive/gh-pages.zip)

## Theme Description:

Basic Element is a free HTML (Bootstrap3), multipurpose, one page website theme featuring a dark layout along with smooth scrolling page animations.

## Theme Features:

Fixed top navigation that collapses on scroll
Smooth scrolling animations
Scrollspy that highlights active page sections
Custom outline button style
Google Maps API integration with a custom Google Maps skin by Snazzy Maps
Easy to edit custom PNG map marker


## Getting Started

To use this template, choose one of the following options to get started:
* [Download](https://github.com/elkindnet/codedesign-basic-element/archive/gh-pages.zip) the latest release on Github
* [Fork](https://github.com/elkindnet/codedesign-basic-element/fork) this repository on GitHub


## Bugs and Issues

Have a bug or an issue with this template? [Open a new issue](https://github.com/elkindnet/codedesign-basic-element/issues) here on GitHub or leave a comment on the [template overview page at Code/Design](http://codedesign.elkind.net/themes/basicelement/).


## Creator

Code/Design was created by and is maintained by **Jeny Elkind**, [elkind.net](http://elkind.net/).

* https://github.com/jenyelkind
* https://elkind.net
* https://www.facebook.com/jenyelkind

Code|Design is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).


## Copyright and License

Copyright 1994-2047 elkind.net Code released under the [Apache 2.0](https://github.com/elkindnet/codedesign-basic-element/blob/gh-pages/LICENSE) license.

反馈内容错误