以下是一个简单的公司网站设计模板,可以在此基础上进行修改和定制:
HTML代码:
```html
公司网站
公司介绍
我们的公司成立于2000年,总部位于
北京市海淀区。我们致力于为客户提供高品质的产品和服务,
并通过不断创新来提升客户满意度。
产品和服务
我们的产品和服务涵盖了
为客户提供全方位的解决方案。
联系我们
我们的联系方式是
电话:1234567890
电子邮件:sales@example.com
如果您有任何问题,请随时联系我们。
```
CSS代码:
```css
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
border-radius: 5px;
text-align: center;
}
.logo {
width: 20px;
height: 20px;
margin: 0 5px;
border-radius: 50%;
background-color: #333;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav li a {
color: #fff;
text-decoration: none;
padding: 8px 10px;
}
main {
width: 80%;
padding: 20px;
margin: 0 auto;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
section {
width: 20%;
padding: 20px;
margin: 0 auto;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
margin-bottom: 20px;
}
p {
font-size: 18px;
line-height: 1.5;
}
.句话 {
margin-top: 20px;
font-size: 14px;
color: #333;
}
```
该模板包括一个头部元素、一个导航元素、多个主体元素和一个联系我们元素。您可以根据需要修改这些元素的内容,以实现您公司网站所需的功能。
