49 lines
1.5 KiB
HTML
49 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Hello 挑战网</title>
|
|
<link rel="stylesheet" type="text/css" href="index.css">
|
|
<link rel="stylesheet" href="https://unpkg.com/tippy.js@5/dist/backdrop.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<img id="tz" src="https://picture-1300689095.file.myqcloud.com/2022/09/12/de75682879616.svg" alt="Tenzer"
|
|
title="tenzor.svg" />
|
|
</div>
|
|
<div class="container">
|
|
<div class="aside">
|
|
<nav>
|
|
<p class="aside_con" id="Home">Home</p>
|
|
<p class="aside_con" id="Messages">Messages</p>
|
|
<p class="aside_con" id="Gallery">Gallery</p>
|
|
<p class="aside_con" id="Settings">Settings</p>
|
|
</nav>
|
|
</div>
|
|
<div class="content">
|
|
<div class="dis">
|
|
<div class="circles">
|
|
<div class="c1 circle"></div>
|
|
<div class="c2 circle"></div>
|
|
<div class="c3 circle"></div>
|
|
</div>
|
|
<div class="pole">
|
|
<div class="ball"></div>
|
|
</div>
|
|
</div>
|
|
<div class="buttons">
|
|
<button class="but" onclick="change_color()">Change</button>
|
|
<button class="but" onclick="reset_color()">Reset</button>
|
|
<button class="but" onclick="animation_play()">Pause</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>
|
|
<script src="https://unpkg.com/popper.js@1"></script>
|
|
<script src="https://unpkg.com/tippy.js@5"></script>
|
|
<script src="main.js"></script>
|
|
</body>
|
|
|
|
</html> |