116 lines
4.7 KiB
HTML
116 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Bloub Bloub Studio</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link rel="stylesheet" href="/game.css">
|
|
<link rel="icon" href="/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<script>0</script>
|
|
<h1>Bloub Bloub Studio</h1>
|
|
<nav>
|
|
<img id="menu-icon" src="/menu-burger.png" alt="menu icon" />
|
|
</nav>
|
|
<menu>
|
|
<a href="/">
|
|
<img src="/forum-logo.svg" alt="forum" />
|
|
<h3>FORUM</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/steam-logo.png" alt="steam" />
|
|
<h3>STEAM</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/youtube-logo.png" alt="youtube" />
|
|
<h3>TWITTER</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/twitter-logo.png" alt="twitter" />
|
|
<h3>TWITTER</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/email-logo.png" alt="email us" />
|
|
<h3>EMAIL US</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/mailing-list-logo.png" alt="mailing list" />
|
|
<h3>MAILING LIST</h3>
|
|
</a>
|
|
<a href="/">
|
|
<img src="/press-kit-logo.png" alt="press kit" />
|
|
<h3>PRESS KIT</h3>
|
|
</a>
|
|
</menu>
|
|
<main class="games">
|
|
<a href="/game0.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 0" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game1.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 1" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game2.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 2" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game3.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 3" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game4.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 4" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game5.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 5" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game6.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 6" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game7.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 7" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game8.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 8" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
<a href="/game9.html" class="game">
|
|
<img src="/miniature.png" alt="GAME 9" />
|
|
<video class="game-video" autoplay loop muted poster="/miniature.png">
|
|
<source src="/trailer.mp4" type="video/mp4">
|
|
</video>
|
|
</a>
|
|
</main>
|
|
<!--
|
|
<div id="notif">
|
|
<img id="notif-close" src="close.svg" alt="close button" onclick="document.getElementById('notif').style.display = 'none'" />
|
|
<a href="/game0.html">BUY OUR LAST GAME NOW!</a>
|
|
</div>
|
|
-->
|
|
</body>
|
|
</html>
|