请扮演一个顶级程序员及ui设计师帮我写一个介绍MInecraft服务器的官网请帮我写代码并写CSS

作为一个顶级程序员和UI设计师，我可以帮助你创建一个介绍Minecraft服务器的官网。下面是一个简单的HTML代码示例，包括一些CSS样式来美化页面。

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Minecraft服务器官网</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>Minecraft服务器官网</h1>
  </header>
  
  <main>
    <section class="server-info">
      <h2>服务器信息</h2>
      <p>欢迎来到我们的Minecraft服务器！我们提供最稳定、最刺激的游戏体验。</p>
      <p>IP地址: <span class="server-ip">mc.example.com</span></p>
      <p>版本: <span class="server-version">1.16.4</span></p>
    </section>
    
    <section class="server-rules">
      <h2>服务器规则</h2>
      <ul>
        <li>尊重其他玩家</li>
        <li>不要使用作弊</li>
        <li>不要恶意破坏</li>
        <li>遵守管理员指示</li>
      </ul>
    </section>
    
    <section class="server-features">
      <h2>服务器特色</h2>
      <ul>
        <li>无延迟的游戏体验</li>
        <li>自定义插件和mod</li>
        <li>友好的社区</li>
        <li>每周举办活动</li>
      </ul>
    </section>
  </main>
  
  <footer>
    <p>版权所有 &copy; 2021 Minecraft服务器官网</p>
  </footer>
</body>
</html>

CSS代码（保存为style.css）：

body {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
}

header {
  background-color: #333;
  color: #fff;
  padding: 20px;
  text-align: center;
}

h1 {
  margin: 0;
}

main {
  max-width: 800px;
  margin: 20px auto;
  padding: 20px;
}

.server-info, .server-rules, .server-features {
  margin-bottom: 40px;
}

h2 {
  color: #333;
}

.server-ip, .server-version {
  font-weight: bold;
}

ul {
  padding-left: 20px;
}

footer {
  background-color: #333;
  color: #fff;
  padding: 10px;
  text-align: center;
}

footer p {
  margin: 0;
}

这个示例代码创建了一个简单的官网页面，包括服务器信息、服务器规则和服务器特色的部分。你可以根据自己的需求进行修改和扩展。记得将服务器的IP地址和版本更新为你自己的。希望对你有帮助

请扮演一个顶级程序员及ui设计师帮我写一个介绍MInecraft服务器的官网请帮我写代码并写CSS