好的,以下是一个简单的班级模板网站模板,您可以根据自己的需要进行修改:
HTML代码:
```html
班级网站
联系我们
下面是我们的联系方式:
电话:123456789
邮箱:联系我们@example.com
```
CSS代码:
```css
body {
background-color: #f2f2f2;
}
header {
background-color: #1c2731;
color: #fff;
padding: 20px;
text-align: center;
}
nav ul {
list-style: none;
margin: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #fff;
text-decoration: none;
display: inline-block;
padding: 5px 10px;
}
main > section {
margin-bottom: 20px;
}
section h2 {
margin-bottom: 0;
color: #1c2731;
}
section ul {
list-style: none;
margin: 0;
}
section li {
display: inline-block;
margin-right: 10px;
}
section a {
color: #1c2731;
text-decoration: none;
}
.logo img {
width: 20px;
height: 20px;
margin-right: 10px;
}
```
这个模板包含了一个头部元素、一个导航元素、多个子元素以及一个联系我们元素。您可以使用CSS样式来更改颜色、字体、布局等。如果您需要更详细的定制,请查看您的模板开发文档。
