44 lines
974 B
HTML
44 lines
974 B
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<title>Sanic - Flexbox layout</title>
|
||
|
|
<link rel="stylesheet" href="sanic.css">
|
||
|
|
<script src="sanic.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="flexbox-container">
|
||
|
|
<div id="controls-top">
|
||
|
|
<div id="top-left-controls">
|
||
|
|
<button>Login</button>
|
||
|
|
<button>Config</button>
|
||
|
|
</div>
|
||
|
|
<div id="playback-controls">
|
||
|
|
<div>
|
||
|
|
<button>⏮️</button>
|
||
|
|
<button>⏯️</button>
|
||
|
|
<button>⏹️</button>
|
||
|
|
<button>⏭️</button>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<label for="progress"></label>
|
||
|
|
<input type="range" id="progress" name="progress" min="0" max="100" />
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="queue-controls">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="queue">
|
||
|
|
queue
|
||
|
|
</div>
|
||
|
|
<div id="controls_bottom">
|
||
|
|
controls bottom
|
||
|
|
</div>
|
||
|
|
<div id="footer">
|
||
|
|
footer
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|