Calculator Tools Calculator Tools
Create

The Second Coming - Minecraft Game

Nov 12, 2023

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>