以下是一个简单的诗意网站模板,可以在此基础上进行自定义和修改:
```html

诗意网站模板

关于我们

这里是我们的介绍,包括我们的团队、产品和服务等。

联系我们

这里是我们的联系方式,包括网站、电话、邮箱等。

```
CSS:
```css
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.logo img {
width: 20px;
height: 20px;
margin-top: 5px;
}
.title {
text-align: center;
font-size: 28px;
font-weight: bold;
margin-top: 20px;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #fff;
text-decoration: none;
}
main .content {
max-width: 80%;
margin: 0 auto;
padding: 20px;
}
main h1 {
margin-bottom: 20px;
}
main p {
margin-bottom: 20px;
}
.contact {
margin-top: 20px;
padding: 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
text-align: center;
}
.contact h1 {
font-size: 24px;
margin-bottom: 20px;
}
```
这个模板包括一个包含网站介绍、联系我们和文章列表的HTML头部、一个包含分类、文章列表和视频列表的HTML主体和一个包含首页、分类、文章列表、视频列表和联系我们的HTML尾部。你可以根据需要添加其他模块,如图片、表格、表单等。