编写一个碳排放系统的首页html页面
时间: 2024-06-06 13:08:24 浏览: 9
<!DOCTYPE html>
<html>
<head>
<title>碳排放系统</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>碳排放系统</h1>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">碳排放查询</a></li>
<li><a href="#">碳排放减少</a></li>
<li><a href="#">意见反馈</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h2>让我们一起减少碳排放</h2>
<p>碳排放是全球变暖的主要原因之一。我们需要采取行动来减少碳排放,保护我们的地球。</p>
<a href="#" class="cta">了解更多</a>
</section>
<section class="features">
<div class="feature">
<img src="carbon-footprint.png" alt="碳足迹">
<h3>了解您的碳足迹</h3>
<p>通过我们的碳排放查询工具,您可以了解您的碳足迹,并采取措施来减少碳排放。</p>
<a href="#" class="cta">查询碳排放</a>
</div>
<div class="feature">
<img src="reduce-carbon.png" alt="减少碳排放">
<h3>减少碳排放</h3>
<p>我们提供各种减少碳排放的方法,包括购买碳信用,使用可再生能源,减少能源浪费等。</p>
<a href="#" class="cta">了解更多</a>
</div>
<div class="feature">
<img src="feedback.png" alt="意见反馈">
<h3>意见反馈</h3>
<p>您的意见对我们非常重要。如果您有任何建议或反馈,请不要犹豫与我们联系。</p>
<a href="#" class="cta">联系我们</a>
</div>
</section>
</main>
<footer>
<p>版权所有 © 2021 碳排放系统</p>
</footer>
</body>
</html>
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)