在线 Python 平台:分享和创建 Python 项目
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>在线 Python 平台:分享和创建 Python 项目</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>在线 Python</h1>
</header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">分享</a></li>
<li><a href="#">创建</a></li>
</ul>
</nav>
<section class="hero">
<div class="hero-text">
<h2>欢迎来到在线 Python 平台</h2>
<p>分享和创建 Python 项目</p>
</div>
<img src="python-image.jpg" alt="Python 图片">
</section>
<section class="features">
<h2>功能</h2>
<div class="feature-box">
<img src="feature1-image.jpg" alt="功能 1 图片">
<h3>分享你的作品</h3>
<p>上传并与他人分享你的 Python 项目</p>
</div>
<div class="feature-box">
<img src="feature2-image.jpg" alt="功能 2 图片">
<h3>创建新项目</h3>
<p>使用我们的在线 Python 编辑器创建新项目</p>
</div>
</section>
<footer>
<p>© 2022 在线 Python. 保留所有权利。</p>
</footer>
</body>
</html>
<p>/* style.css */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}</p>
<p>header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}</p>
<p>nav {
background-color: #444;
color: #fff;
padding: 10px;
}</p>
<p>ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}</p>
<p>li {
display: inline;
margin-right: 10px;
}</p>
<p>li a {
color: #fff;
text-decoration: none;
}</p>
<p>.hero {
background-color: #f2f2f2;
padding: 40px;
text-align: center;
}</p>
<p>.hero-text {
display: inline-block;
text-align: left;
}</p>
<p>.features {
background-color: #fff;
padding: 40px;
text-align: center;
}</p>
<p>.feature-box {
display: inline-block;
text-align: left;
margin: 20px;
}</p>
<p>footer {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}</p>
原文地址: https://www.cveoy.top/t/topic/pPBr 著作权归作者所有。请勿转载和采集!