43 lines
1.6 KiB
HTML
43 lines
1.6 KiB
HTML
<!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">
|
|
|
|
<li class="orbital bg bg--red pulse shadow">
|
|
<div class="orbital-content content-center anti-clockwise">
|
|
<div class="feature">
|
|
<div class="feature-item primary">
|
|
<img class="img" src="https://via.placeholder.com/64x64">
|
|
</div>
|
|
<div class="feature-item secondary">
|
|
<p>Hallo!</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
|
|
<li class="orbital bg bg--green pulse"><div class="orbital-content"></div></li>
|
|
<li class="orbital bg bg--blue pulse"><div class="orbital-content"></div></li>
|
|
<li class="orbital bg bg--red pulse"><div class="orbital-content content-center anti-clockwise"><p>How's things?</p></div></li>
|
|
<li class="orbital bg bg--green pulse"><div class="orbital-content"></div></li>
|
|
<li class="orbital bg bg--blue pulse"><div class="orbital-content"></div></li>
|
|
<li class="orbital bg bg--red pulse"><div class="orbital-content"></div></li>
|
|
<li class="orbital bg bg--green pulse"><div class="orbital-content"></div></li>
|
|
</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>
|