<template id="main">
	<div class="textwall-container">
		<div class="page-header">
			<h2 class="page-header-content">Multiplayer</h2>
		</div>
		
		<div class="feature_containers">
			<div class="feature_container">
				<h2 class="feature_heading">Among Us</h2>
                <img class="feature_image" src="images/games/games_amongus.jpg" alt="Games Among Us">
                <p>Classic Among Us. But we did it in Minecraft!<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">BedWars</h2>
                <img class="feature_image" src="images/games/games_bedwars.jpg" alt="Games BedWars">
                <p>Each team needs to defend their bed and to destroy the enemies beds.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">RageMode</h2>
                <img class="feature_image" src="images/games/games_ragemode.jpg" alt="Games RageMode">
                <p>Kill other players by shooting at them. Each kill is a point. Throw an axe to reduce points of other players.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">ShoppingChaos</h2>
                <img class="feature_image" src="images/games/games_shoppingchaos.jpg" alt="ShoppingChaos">
                <p>How fast are you at crafting? Train your skills and compete with other players by giving the customers what they want in time. If you don't know a crafting recipe, don't panic. There's a helpful human right beside you.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Hide and Seek</h2>
                <img class="feature_image" src="images/games/games_hideandseek.jpg" alt="Games Hide and Seek">
                <p>Are you the runner or the hunter? Either way: Run fast! Get points to win the game by breaking the diamond block in the middle or hiding as long as possible.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">KnockFight</h2>
                <img class="feature_image" src="images/games/games_knockfight.jpg" alt="Games KnockFight">
                <p>Knock other players off the platform by using your knockback-stick. Use skills by pressing function-keys to get advantages or to make it more complicated for other players to knock you off. But remember: You only have a limited amount of lifes.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Spleef</h2>
                <img class="feature_image" src="images/games/games_spleef.jpg" alt="Games Spleef">
                <p>Click the blocks below other players to remove them. If they fall, you win!<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">3D-TicTacToe</h2>
                <img class="feature_image" src="images/games/games_3dtictactoe.jpg" alt="Games 3D-TicTacToe">
                <p>It's like Tictactoe, but 3D! Use your type of block to get 3 in a row.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Chinese Checkers (Halma)</h2>
                <img class="feature_image" src="images/games/games_halma.jpg" alt="Games Chinese Checkers">
                <p>This game can be played by 2-6 players. It's your goal to get all your tokens to the opposite site of your color. In your turn you can only move one token. The token can move one step in all directions. You can jump over multiple tokens to get to the other site faster. Be strategic and smart!<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">FastBridge</h2>
                <img class="feature_image" src="images/games/games_fastbridge.jpg" alt="Games FastBridge">
                <p>Every few seconds new blocks spawn. Use these blocks to fastbridge faster than the others. Don't fall down or you will be slowed down for a few seconds. Remember, time is running!<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Rebuild</h2>
                <img class="feature_image" src="images/games/games_rebuild.jpg" alt="Games Rebuild">
                <p>Try to rebuild the given pattern as fast as possible.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Snowfight</h2>
                <img class="feature_image" src="images/games/games_snowgame.jpg" alt="Games Snowfight">
                <p>It's a snowball fight! Throw snowballs at your enemies to eliminate their team. But be careful, you only have a limited amount of lifes.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">MengerRun</h2>
                <img class="feature_image" src="images/games/games_mengerrun.jpg" alt="Games MengerRun">
                <p>You can be runner or catcher. Each player has the same amount of game time. If you're the catcher try to catch other players while your available game time shrinks. If you run out of time, you lose. Use function-keys to jump higher and further. If you're the runner, try to escape!!! But don't fall down or you'll automatically be the catcher again.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">CaptureTheFlag</h2>
                <img class="feature_image" src="images/games/games_capturetheflag.jpg" alt="Games CaptureTheFlag">
                <p>Eliminate an opponent team by bringing their flag into your base while your flag is also in your base.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Cores</h2>
                <img class="feature_image" src="images/games/games_cores.jpg" alt="Games Cores">
                <p>Destroy other cores and protect your own!<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Don’t get angry</h2>
                <img class="feature_image" src="images/games/games_donotgetangry.jpg" alt="Games Don’t get angry">
                <p>Play against others or AI.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Checkers</h2>
                <img class="feature_image" src="images/games/games_checkers.jpg" alt="Games Checkers">
                <p>Eliminate all opponent game pieces.<br></p>
			</div>
		</div>
		
		<div class="page-header">
			<h2 class="page-header-content">Singleplayer</h2>
		</div>
		
		<div class="feature_containers">
			<div class="feature_container">
				<h2 class="feature_heading">3D-Snake</h2>
                <img class="feature_image" src="images/games/games_snake.jpg" alt="Games Snake">
                <p>Move the snake around and eat some red apples. Don’t touch the walls.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Portal</h2>
                <img class="feature_image" src="images/games/games_portal.jpg" alt="Games Snake">
                <p>Jump and run extended with portals and movement boost areas.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Gravity</h2>
                <img class="feature_image" src="images/games/games_gravity.jpg" alt="Games Snake">
                <p>Change the gravity as you want while heading for the target!<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Buttons</h2>
                <img class="feature_image" src="images/games/games_buttons.jpg" alt="Games Buttons">
                <p>Click the correct button in time. Available time per click is shrinking constantly.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Letters</h2>
                <img class="feature_image" src="images/games/games_letters.jpg" alt="Games Letters">
                <p>Find the letters in alphabetical order on the map. Try to be strategic and fast. If you have a good memory this should be no problem after a few tries.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Inverting</h2>
                <img class="feature_image" src="images/games/games_inverting.jpg" alt="Games Inverting">
                <p>Toggle a pattern of blocks by clicking. Make the whole game field single colored.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Jump'n'Run</h2>
                <img class="feature_image" src="images/games/games_jumpnrun.jpg" alt="Games Jump'n'Run">
                <p>Get through some obstacles to reach the goal. Try to reach checkpoints so you don't loose your progress.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">4D-Jump'n'Run</h2>
                <img class="feature_image" src="images/games/games_4djumpnrun.jpg" alt="Games 4D-Jump'n'Run">
                <p>Experience a Jump'n'Run, but in 4D! Use function keys to jump trough 3D space, while controlling the 4th dimension and turn strategically to switch the 3 main space axis to your will.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Parcour</h2>
                <img class="feature_image" src="images/games/games_parcour.jpg" alt="Games Parcour">
                <p>Jump through Parcours. Every millisecond counts.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">ItemHunt</h2>
                <img class="feature_image" src="images/games/games_itemhunt.jpg" alt="Games ItemHunt">
                <p>Collect the displayed items to get the highest score possible in the given time.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Sammelfieber</h2>
                <img class="feature_image" src="images/games/games_sammelfieber.jpg" alt="Games Sammelfieber">
                <p>Collect as many different items as possible.<br></p>
			</div>
			<div class="feature_container">
				<h2 class="feature_heading">Leapfrog</h2>
                <img class="feature_image" src="images/games/games_leapfrog.jpg" alt="Games Leapfrog">
                <p>The goal is to remove as many tokens as possible. Jump over other tokens to remove them from the board. If the last token is standing in the middle, you get an extra point!<br></p>
			</div>
		</div>
	</div>
</template>

<?php include "base.php"; ?>