以下是一个简单的个人简洁网站模板,可以根据自己的需要进行修改:
HTML代码:
```html
My Website
Welcome to My Website
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac consectetur sapien.
Contact Me
Your Name
Your Phone Number
Your Email Address
```
CSS代码:
```css
body {
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
padding: 20px;
text-align: center;
}
nav {
background-color: #fff;
padding: 20px;
ul {
list-style: none;
margin: 0;
}
li {
display: inline-block;
margin-right: 10px;
}
}
main {
margin: 50px auto;
padding: 20px;
}
section {
margin-bottom: 20px;
}
h1 {
font-size: 36px;
margin-bottom: 20px;
}
p {
font-size: 18px;
line-height: 1.5;
color: #333;
}
```
这个模板包括一个头部元素、一个导航元素、三个主体元素和一个 Contact 元素。CSS样式表包括背景颜色、头部元素的颜色、导航元素的宽度和ul元素的样式。你可以根据需要修改这些元素的颜色、样式和标题文本等。
