The Second Coming - Minecraft Game
About this app
The Second Coming - Minecraft Game
The Second Coming - Minecraft Game The Second Coming - Minecraft Game Players: Rounds:
Related apps
Put this on your site
Source
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>The Second Coming - Minecraft Game</title>
<meta name="description" content="The Second Coming - Minecraft Game">
<meta name="keywords" content="Minecraft, game, AIM, AOL Instant Messenger, The Dark Lord, Clippy, iTunes, Mozilla Firefox, Internet Explorer, Google Chrome, VLC media player, Yahoo Messenger, Skype, Orbit, Windows 3.1 logo, Unbojih Software, Klasky Csupo logo, Spiffy logo, SpongeBob, 3-G Home Video logo, Ender Pearl, PBS logo, TVO kids logo, Bonzi Buddy, Peedy, Four Star logo, Ascot Zeigt logo, TV Australia 10, VCO logo, Stardust production logo, BFDI Match">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script type="text/javascript">
try {
// App Javascript Goes Here. Place your entire script content inside the try block for error handling.
// This will run when the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
body {
background-color: #333;
color: #fff;
font-family: 'Roboto', sans-serif;
}
.container {
text-align: center;
padding: 20px;
}
h1 {
font-size: 24px;
margin-bottom: 20px;
}
.player-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 40px;
}
.player {
width: 150px;
height: 150px;
background-color: #ff3d00;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
transition: background-color 0.3s ease;
}
.player:hover {
background-color: #ff6d00;
}
.player i {
font-size: 48px;
}
.round-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.round {
width: 150px;
height: 150px;
background-color: #00bcd4;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
transition: background-color 0.3s ease;
}
.round:hover {
background-color: #02a8ba;
}
.round i {
font-size: 48px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>The Second Coming - Minecraft Game</h1>
<h2>Players:</h2>
<div class="player-list">
<div class="player">
<i class="fa fa-gamepad"></i>
</div>
<div class="player">
<i class="fa fa-commenting"></i>
</div>
<div class="player">
<i class="fa fa-user-secret"></i>
</div>
<div class="player">
<i class="fa fa-paperclip"></i>
</div>
<div class="player">
<i class="fa fa-music"></i>
</div>
<div class="player">
<i class="fa fa-firefox"></i>
</div>
<div class="player">
<i class="fa fa-internet-explorer"></i>
</div>
<div class="player">
<i class="fa fa-chrome"></i>
</div>
<div class="player">
<i class="fa fa-play"></i>
</div>
<div class="player">
<i class="fa fa-yahoo"></i>
</div>
<div class="player">
<i class="fa fa-skype"></i>
</div>
<div class="player">
<i class="fa fa-circle-o-notch"></i>
</div>
</div>
<h2>Rounds:</h2>
<div class="round-list">
<div class="round">
<i class="fa fa-windows"></i>
</div>
<div class="round">
<i class="fa fa-gamepad"></i>
</div>
<div class="round">
<i class="fa fa-comment"></i>
</div>
<div class="round">
<i class="fa fa-film"></i>
</div>
<div class="round">
<i class="fa fa-square-o"></i>
</div>
<div class="round">
<i class="fa fa-desktop"></i>
</div>
<div class="round">
<i class="fa fa-television"></i>
</div>
<div class="round">
<i class="fa fa-child"></i>
</div>
<div class="round">
<i class="fa fa-star"></i>
</div>
<div class="round">
<i class="fa fa-film"></i>
</div>
<div class="round">
<i class="fa fa-film"></i>
</div>
<div class="round">
<i class="fa fa-film"></i>
</div>
</div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!