study
/
daohang

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页-时光旅行</title>
<style>
body {
    margin: 0;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}

li a {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

li a.active {
    background-color: #4CAF50;
    color: white;
}

li a:hover:not(.active) {
    background-color: #555;
    color: white;
}

</style>
</head>
<body>

<ul>
  <li><a class="active" href="#home" id="home">首页</a></li>
  <li><a href="#news" id="news">新闻</a></li>
  <li><a href="#contact" id="contact">联系</a></li>
  <li><a href="#about" id="about">关于</a></li>
</ul>

<div style="margin-left:25%;padding:1px 16px;height:1000px;">

  <h2>关于我们</h2>
  <h3>本平台是一个多维的共享社区，它集成了交流、学习、活动和查询，让你不用离开家就能了解世界的重大事件。因为我们的宗旨是整合资源，共享社区！</h3>
  <p>This platform is a multi-dimensional shared community that integrates communication, learning, activities, and queries so that you can understand the world's major events without leaving home. Because our goal is to integrate resources and share communities!</p>

</div>

</body>
</html>