HTML企业官网

World-Energy-Event — HTML 企业官网模板

作者 mrEckendonk

基于 Cindy Shin 原始创意复刻的清洁能源主题活动网站，使用 HTML、CSS 与 JavaScript 构建，包含桌面端与移动端布局。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

基于 Cindy Shin 原始活动网站创意的复刻版本，主题为清洁能源

02

使用 HTML、CSS 与 JavaScript 构建的静态页面

03

仓库提供桌面端与移动端布局截图，并附 Netlify 与 GitHub Pages 演示链接

04

包含首页与 about 等内页，可参考其页面组织方式

05

仓库内含标准 MIT 许可文件

模板详细介绍

World Energy Event 是 mrEckendonk 在 GitHub 上发布的静态活动网站模板，README 明确说明它是基于 Cindy Shin 原始创意的复刻版本，主题为清洁能源。页面由 HTML、CSS 和 JavaScript 组成，仓库中提供了桌面端与移动端两种布局的截图，并附有 Netlify 与 GitHub Pages 两个在线演示地址。

模板的用途偏向活动信息展示：首页呈现活动主题，另有 about 等内页，适合作为会议、论坛或主题活动页面的起点。README 的 Getting Started 部分保留了通用示例文字，其中克隆命令指向的仍是 Portfolio 仓库，且 npm start 与 Live Server 两种本地运行方式并列，实际使用时需要按自己的项目结构调整。

许可方面，仓库包含标准 MIT 许可文件，允许免费使用、修改、商用和分发该版本代码，分发时需保留版权声明与许可声明。演示图片、字体、图标等第三方素材的授权需单独核对，不能仅凭代码的 MIT 许可判断。

HTML企业官网

适合你的项目吗？

适用场景

  • 清洁能源、环保或可持续发展主题活动的信息展示页
  • 会议、论坛类活动网站的静态页面参考
  • 学习 HTML、CSS 与 JavaScript 页面布局的练习素材
  • 需要快速搭建活动介绍页并自行替换文案与图片的场景

适合人群

  • 想参考活动类静态页面结构的开发者
  • 需要清洁能源主题页面起点的个人或小团队
  • 正在学习 HTML 与 CSS 并希望研究实际页面组织方式的学习者

上手与定制指南

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

  1. 1

    README 中的克隆命令指向的是 Portfolio 仓库，实际使用时需替换为本仓库地址

  2. 2

    本地运行可选用 npm start 或 Visual Studio Code 的 Live Server，README 未说明二者差异

  3. 3

    README 的 Getting Started 部分为通用示例文字，部分章节（如测试、部署）标注为 N/A

  4. 4

    演示图片、字体、图标等第三方素材需按各自许可单独核对

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

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

额外费用与待核对事项

  • 该项目是基于 Cindy Shin 原始创意的复刻版本，并非完全原创设计；若用于公开或商业用途，建议自行确认原始设计方的署名或授权要求。
  • README 中的克隆命令指向的是 Portfolio 仓库而非本项目仓库，实际使用时需替换为 World-Energy-Event 仓库地址。
  • Getting Started 部分为通用示例文字，测试与部署章节标注为 N/A，本地运行说明需按自身项目结构调整。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

This is the copy for the World Energy Event project based on the original idea from Cindy Shin

README 原文

$ git clone https://github.com/mrEckendonk/Portfolio.git

README 原文

**This is an example of how you may give instructions on setting up your project locally.**

README 原文
https://github.com/mrEckendonk/World-Energy-Event/blob/main/LICENSEhttps://github.com/mrEckendonk/World-Energy-Event/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 68 / 100
技术栈
HTML
网站类型
企业官网
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2022-07-25
截图检查日期
2026-10-02

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 3ab3abd87341e74e34fbaec27af48db1bfef3be65c6fd28dba2be5c9d90f7d63

2026-10-02T19:28:13.107Z

来源文件 / 仓库
![](https://img.shields.io/badge/Microverse-blueviolet)
[![Netlify Status](https://api.netlify.com/api/v1/badges/fa9ddac6-7ed7-4ce5-b24e-20545ad72db4/deploy-status)](https://app.netlify.com/sites/world-energy-event/deploys)
![Size](https://github-size-badge.herokuapp.com/mrEckendonk/World-Energy-Event.svg)
![License](https://img.shields.io/badge/license-MIT-green.svg)

# Project Name : World Energy Event ♻️

This is the copy for the World Energy Event project based on the original idea from Cindy Shin

# Screenshots
- Desktop Layout

![Desktop_Layout](assets/images/desktop.png)

- Mobile Layout

![Mobile_Layout](assets/images/mobile.png)

- The into with loom video link

https://www.loom.com/share/2c574b34a32647248a49e7cc5edfb589

Additional description about the project and its features.

## Built With

- HTML 
- CSS
- Javascript
- VScode
- Git & GitHub
## Live Demo link


[Live Demo Link Netlify](https://world-energy-event.netlify.app/)

[Live Demo Link gh-pages](https://mrEckendonk.github.io/World-Energy-Event/)



## Getting Started

**This is an example of how you may give instructions on setting up your project locally.**
**Modify this file to match your project, remove sections that don't apply. For example: delete the testing section if the currect project doesn't require testing.**


To get a local copy up and running follow these simple example steps.

### Prerequisites
have a working git on your localmachine.
## Install
To get a working local copy up and running follow these simple steps
- open terminal
- clone this project with the command:


```
$ git clone https://github.com/mrEckendonk/Portfolio.git
```
- Finally, run the next command in the terminal to see the web app in your local browser, or also, you can use Live Server in Visual Studio Code.
```
$ npm start
```
### Usage
For anyone that whats to learn html & css
### Run tests
N/A
### Deployment
N/A


## Author

👤 **Author**

- GitHub: [@mrEckendonk](https://github.com/mrEckendonk)
- Twitter: [@twitterhandle](https://twitter.com/mike_eckendonk)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/mike-van-eckendonk)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/mrEckendonk/Portfolio/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to anyone whose code was used
- Inspiration 💘
- Microverse program ⚡
- My standup team 🏹
- My family's support 🙌

## 📝 License

This project is [MIT](./MIT.md) licensed.
反馈内容错误

看看同类模板

对比同技术栈与用途的模板，找到更适合的视觉与内容结构。

mazer

mazer

Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page

HTML · 后台

Freelancer

Freelancer

Freelancer 是 Start Bootstrap 出品的单页作品集模板，专为自由职业者、设计师和小型工作室设计。 页面结构清晰，包含多个内容区块、响应式作品集网格，每个作品项目配有模态窗口展示详情。

HTML · 作品集

Creative

Creative

Creative 是 Start Bootstrap 团队维护的一款单页营销模板，定位明确：为创意机构或产品服务提供一个以作品展示和行动号召为核心的落地页。

HTML · 企业官网

startbootstrap-agency

startbootstrap-agency

Agency 是 Start Bootstrap 维护的单页代理商作品集主题，基于 Bootstrap 构建，MIT 许可。

HTML · 企业官网

startbootstrap-landing-page

startbootstrap-landing-page

这是 Start Bootstrap 系列中一款通用型落地页模板，基于 Bootstrap 构建，定位是给产品或服务做单页推广。

HTML · 企业官网

Landing-Page

Landing-Page

Tailwind CSS Starter Template - Landing Page

HTML · 企业官网