好的,以下是一个基本的HTML网站模板和相应的CSS样式表:
```html
My Website
Welcome to my website!
Hello, world!
About me
My name is John and I am a 30 year old professional Developer. I love to learn new things and share my knowledge with others.
Contact me
Email: john@example.com
Phone: 1-202-333-4567
```
CSS样式表:
```css
body {
background-color: #f2f2f2;
font-family: Arial, sans-serif;
}
header {
background-color: #1C2331;
color: #fff;
padding: 20px;
text-align: center;
}
h1 {
margin-bottom: 40px;
color: #1C2331;
}
nav ul {
list-style-type: none;
margin: 0;
}
nav li {
display: inline-block;
margin-right: 10px;
}
nav a {
color: #1C2331;
text-decoration: none;
}
nav a:hover {
color: #fff;
background-color: #1C2331;
}
main {
display: flex;
flex-direction: column;
align-items: center;
}
section {
margin-bottom: 20px;
}
h2 {
color: #1C2331;
text-align: center;
}
p {
font-size: 16px;
margin-bottom: 20px;
}
#name {
color: #fff;
font-size: 24px;
font-weight: bold;
}
#age {
color: #fff;
font-size: 24px;
font-weight: bold;
}
#email {
color: #fff;
font-size: 24px;
font-weight: bold;
}
#phone {
color: #fff;
font-size: 24px;
font-weight: bold;
}
footer {
background-color: #1C2331;
color: #fff;
padding: 20px;
text-align: center;
}
```
注意,这只是一个简单的HTML模板和CSS样式表。您需要根据自己的需要进行修改和定制,以创建符合您个人需求的网站。
