2022-04-19 14:34:33 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>Vite App</title>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="app" class="wrapper">
|
|
|
|
<ul class="orbitals clockwise">
|
2022-04-19 14:47:39 +00:00
|
|
|
<li class="orbital bg bg--red pulse"><div class="orbital-content content-center anti-clockwise"><p>Hallo!</p></div></li>
|
|
|
|
<li class="orbital bg bg--green"><div class="orbital-content"></div></li>
|
|
|
|
<li class="orbital bg bg--blue"><div class="orbital-content"></div></li>
|
|
|
|
<li class="orbital bg bg--red"><div class="orbital-content content-center anti-clockwise"><p>How's things?</p></div></li>
|
|
|
|
<li class="orbital bg bg--green"><div class="orbital-content"></div></li>
|
|
|
|
<li class="orbital bg bg--blue"><div class="orbital-content"></div></li>
|
|
|
|
<li class="orbital bg bg--red"><div class="orbital-content"></div></li>
|
|
|
|
<li class="orbital bg bg--green"><div class="orbital-content"></div></li>
|
2022-04-19 14:34:33 +00:00
|
|
|
</ul>
|
|
|
|
<div class="inner-content">
|
|
|
|
<div class="image-hover">
|
|
|
|
<img class="img" src="https://via.placeholder.com/256x256/999/333">
|
|
|
|
<img class="img" src="https://via.placeholder.com/256x256/666/ccc">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script type="module" src="/main.js"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|