<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Iot 登录页</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge"><link rel="stylesheet" href="./style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="m-layout cpc-triadic codepenchallenge" id="container">
  <canvas id="canvas3d"></canvas>
  <div class="m-container m-container--login">
    <a class="logo"></a>
    <form class="m-form">
      <h2 class="m-form_title">
        立即登录
      </h2>
      <div class="m-form_group">
        <label class="m-form_label" for="username">用户名</label><input class="m-form_input" id="username" name="username" type="text" value="Brawada" />
      </div>
      <div class="m-form_group">
        <label class="m-form_label" for="password">密码</label><input class="m-form_input" id="password" name="password" type="password" value="Brawada" />
      </div>
      <div class="m-form_group">
        <button class="m-form_btn" type="submit">登录</button>
      </div>
      <!-- <div class="m-form_link">
        <a class="m-form_btn-register">Register</a>
      </div> -->
    </form>
  </div>
</div>

<script>
  var SPE = {};
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r121/three.min.js"></script>
<script src="https://cdn.spline.design/lib/anime.min.js"></script>
<script src="https://cdn.spline.design/lib/spline.runtime.min.js"></script>
<!-- partial -->
  <script  src="./script.js"></script>

</body>
</html>