HTML企业官网

bondi-template — HTML 企业官网模板

作者 Mahmoud-Abdelrahman-MM

Bondi 是一个面向创意机构的响应式 HTML 模板，使用 Bootstrap 构建，包含导航、服务、作品集、团队、博客与订阅等区块，设计源自 Elzero.org。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

2 个预览视图

桌面端首页1 / 2

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

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

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

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

值得关注的模板亮点

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

使用 Bootstrap 实现移动端、平板和桌面端的响应式布局

粘性导航头部并带搜索图标

服务区块展示平面设计、网页设计、App 设计

作品集网格支持分类筛选

包含团队资料、博客文章和订阅横幅等区块

样式与脚本按 css、js、images、webfonts 目录组织

模板详细介绍

Bondi Template 是一个面向创意机构的静态 HTML 模板，README 说明其使用 Bootstrap 实现布局与响应式，配合 HTML5、CSS3、Font Awesome 图标和 Google Fonts 的 Roboto 字体。页面包含粘性导航栏（带搜索图标）、服务展示（平面设计、网页设计、App 设计）、带分类筛选的作品集网格、公司介绍、团队成员资料、博客文章、订阅横幅以及带链接和社交图标的页脚，并带有动画与过渡效果。

项目结构为单页 index.html，样式集中在 css/bondi.css，另含 images、js 和 webfonts 目录。README 提供的使用方式是：克隆或下载仓库后直接在浏览器打开 index.html，按需修改 index.html 内容与 css/bondi.css 样式、替换 images 中的图片、调整 js 目录下的 JavaScript，部署时将全部文件上传到 Web 服务器。

README 说明该设计取自 Elzero.org，由作者 Mahmoud Abdelrahman 编写代码，项目定位为个人与教育用途的作品集和学习练习。README 未提供构建工具、包管理、浏览器兼容范围或后端功能说明，作品集筛选等交互的具体实现细节也未展开。

HTML企业官网

适合你的项目吗？

适用场景

为创意机构搭建静态展示页面
作为学习响应式 HTML/CSS 与 Bootstrap 布局的练习项目
在本地修改 index.html 与 bondi.css 定制内容后上传到 Web 服务器

适合人群

需要创意机构风格静态页面的开发者
学习 Bootstrap 响应式布局的初学者
希望基于现成 HTML 模板做二次修改的个人或教育用途项目

上手与定制指南

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

1
克隆或下载仓库到本地
2
直接用现代浏览器打开 index.html 查看模板
3
在 index.html 中修改内容，在 css/bondi.css 中调整样式
4
将 images 目录中的图片替换为自己的素材
5
部署时把全部文件上传到 Web 服务器

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
设计取自 Elzero.org，代码由作者编写，需遵守 Elzero.org 的许可条款。
项目声明仅供个人与教育用途，并需参考 Elzero.org 原始设计许可。
项目定位为作品集与学习练习，非商业产品级用途。

查看原文依据

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

The design is taken from Elzero.org website and coded by me. This ensures compliance with Elzero.org licensing terms while providing a functional HTML/CSS implementation.
README 原文

This project is for personal and educational use. Please refer to Elzero.org's original license for the design.
README 原文

This project was created as a portfolio piece and a learning exercise to demonstrate responsive HTML/CSS design, modern web practices, and clean code organization.
README 原文

https://github.com/Mahmoud-Abdelrahman-MM/bondi-template/blob/main/LICENSE https://github.com/Mahmoud-Abdelrahman-MM/bondi-template/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-01
截图检查日期: 2026-10-14

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: b02736a117160796270c8545bba898bdfbe1352c7d2a9f5ed03c650a2290b3a9

2026-10-14T00:21:47.882Z

来源文件 / 仓库

# Bondi Template

**Bondi** is a modern and fully responsive template designed for creative agencies. Built with Bootstrap, this template features a clean and well-structured sections, smooth typography, and a professional layout.

## Features

- Fully responsive design (mobile, tablet, desktop)
- Sticky navigation header with search icon
- Services showcase (Graphic Design, Web Design, App Design)
- Interactive portfolio grid with category filtering
- About section with company information
- Team member profiles with descriptions
- Blog section with featured articles
- Newsletter subscription banner
- Footer with links and social media icons
- Smooth animations and transitions

## Technologies Used

- HTML5
- CSS3 (With Font Awesome icons)
- Bootstrap (For layout and responsiveness)
- Google Fonts (Roboto)

## Screenshot

images/screenshot.png

## Live Demo

- https://mahmoud-abdelrahman-mm.github.io/bondi-template/

## Project Structure

```
bondi-template/
├── index.html
├── README.md
├── css/
│ ├── all.min.css
│ ├── bootstrap.min.css
│ ├── bootstrap.min.css.map
│ └── bondi.css
├── images/
├── js/
│ ├── all.min.js
│ └── bootstrap.bundle.min.js
│ └── bootstrap.bundle.min.js.map
└── webfonts/
```

## Installation and Usage

1. Clone or download this repository to your local machine.
2. Open `index.html` in any modern web browser to view the template.
3. Customize the content in `index.html` and styles in `css/bondi.css` as needed.
4. Update images in the `images/` folder with your own content.
5. Modify the JavaScript in `js/` files for custom functionality.
6. For deployment, upload all files to your web server.

## Design Source

The design is taken from Elzero.org website and coded by me. This ensures compliance with Elzero.org licensing terms while providing a functional HTML/CSS implementation.

## License

This project is for personal and educational use. Please refer to Elzero.org's original license for the design.

## Purpose

This project was created as a portfolio piece and a learning exercise to demonstrate responsive HTML/CSS design, modern web practices, and clean code organization.

## Author

Coded by Mahmoud Abdelrahman

反馈内容错误