编写一段html代码，要求实现功能：页面顶部有一个标题 "欢迎来到我的网页"，下方有三个横向排列的按钮，分别命名为 "主页"、"关于"、"联系我们"。在每个按钮下方添加一个小圆点作为指示器。确保代码能够正常运行。
user
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的网页</title>
<style>
  .header {
    text-align: center;
    padding: 20px;
    background-color: #f1f1f1;
  }
  .btn-group {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }
  .btn {
    padding: 10px 20px;
    margin: 0 5px;
    border: none;
    background-color: #4CAF50;
    color: white;
    cursor: pointer;
  }
  .dot {
    display: block;
    margin: 10px auto;
    height: 7px;
    width: 7px;
    background-color: #bbb;
    border-radius: 50%;
  }
</style>
</head>
<body>

<div class="header">
  <h1>欢迎来到我的网页</h1>
</div>

<div class="btn-group">
  <button class="btn">主页</button>
  <span class="dot"></span>
  <button class="btn">关于</button>
  <span class="dot"></span>
  <button class="btn">联系我们</button>
  <span class="dot"></span>
</div>

</body>
</html>
```
assistant