Arithmetic-website
/
train_choice.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>练习选择</title>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/Rank.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="js/jquery.js"></script>
</head>

<body>
<div class="nav">
 <a href="index.html" id="back"><span class="go_back">Back</span></a>
  <h2>请选择你们要进行的练习题型</h2>
  <header>
    <input class="event" type="checkbox" id="event"/>
    <label class="target" for="event"><i></i></label>
      <nav><a href="index.html">首页</a><a href="tream.html">竞赛</a><a href="#">排行榜</a><a href="login.html">注销</a><a href="calculator.html">计算器</a></nav>
  </header>
</div>
<div class="main">
  <ul id="main_box">
    <li>
      <button>
      <a href="train.html"><span>四则运算</span>
      <p>题库自动出题<br>
        囊括小学1-6年级<br>
        可以适应不同的难度<br>
        不同的题型<br>
        来一起探索算术的世界<br>
        感受算术的魅力吧<br>
      </p>
      </a>
      </button>
    </li>
    <li>
      <button>
      <a href="train.html"><span>小数转百分数</span>
      <p><br>
        随机的数字<br>
        小数转化百分数<br>
        怎么才能又快又准<br>
        一起来练习吧<br>
      </p>
      </a>
      </button>
    </li>
    <li>
      <button>
      <a href="train.html"><span>小数转分数</span>
      <p><br>
        养兵千日，用兵一时<br>
        学习了那么久<br>
        是时候测试一下自己了<br>
        你能否能为那个<br>
        NO.1呢</p>
      </a>
      </button>
    </li>
  </ul>
  <ul id="homework">
    <li>
      <button>
      <a href="train.html">进入练习</a>
      </button>
    </li>
    <li>
      <button>
      <a href="train.html">进入练习</a>
      </button>
    </li>
    <li>
      <button>
      <a href="train.html">进入练习</a>
      </button>
    </li>
  </ul>
</div>
</body>
</html>