Jogos do G1
About this app
Jogue os jogos divertidos do G1
Jogos do G1
Related apps
Put this on your site
Source
<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>Jogos do G1</title>
<meta name="description" content="Jogue os jogos divertidos do G1">
<meta name="keywords" content="jogos, G1, diversão">
<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">
<link href="https://fonts.googleapis.com/css?family=Poppins" 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() {
// Add a fun background color
document.body.style.backgroundColor = "#f9f9f9";
// Create the main container
var mainContainer = document.getElementById("main-container");
// Create the title
var titleContainer = document.createElement("div");
titleContainer.className = "text-center my-5";
var title = document.createElement("h1");
title.innerText = "Jogos do G1";
title.style.fontFamily = "Poppins";
title.style.fontSize = "32px";
titleContainer.appendChild(title);
mainContainer.appendChild(titleContainer);
// Create the game list
var gameListContainer = document.createElement("div");
gameListContainer.className = "row justify-content-center";
var game1Container = document.createElement("div");
game1Container.className = "col-12 col-md-4 col-lg-3 mb-4";
var game1Card = document.createElement("div");
game1Card.className = "card h-100";
var game1Image = document.createElement("img");
game1Image.src = "https://via.placeholder.com/300x200";
game1Image.className = "card-img-top";
game1Image.alt = "Game 1";
game1Card.appendChild(game1Image);
var game1CardBody = document.createElement("div");
game1CardBody.className = "card-body";
var game1Title = document.createElement("h5");
game1Title.className = "card-title";
game1Title.innerText = "Game 1";
game1CardBody.appendChild(game1Title);
game1Card.appendChild(game1CardBody);
game1Container.appendChild(game1Card);
gameListContainer.appendChild(game1Container);
var game2Container = document.createElement("div");
game2Container.className = "col-12 col-md-4 col-lg-3 mb-4";
var game2Card = document.createElement("div");
game2Card.className = "card h-100";
var game2Image = document.createElement("img");
game2Image.src = "https://via.placeholder.com/300x200";
game2Image.className = "card-img-top";
game2Image.alt = "Game 2";
game2Card.appendChild(game2Image);
var game2CardBody = document.createElement("div");
game2CardBody.className = "card-body";
var game2Title = document.createElement("h5");
game2Title.className = "card-title";
game2Title.innerText = "Game 2";
game2CardBody.appendChild(game2Title);
game2Card.appendChild(game2CardBody);
game2Container.appendChild(game2Card);
gameListContainer.appendChild(game2Container);
var game3Container = document.createElement("div");
game3Container.className = "col-12 col-md-4 col-lg-3 mb-4";
var game3Card = document.createElement("div");
game3Card.className = "card h-100";
var game3Image = document.createElement("img");
game3Image.src = "https://via.placeholder.com/300x200";
game3Image.className = "card-img-top";
game3Image.alt = "Game 3";
game3Card.appendChild(game3Image);
var game3CardBody = document.createElement("div");
game3CardBody.className = "card-body";
var game3Title = document.createElement("h5");
game3Title.className = "card-title";
game3Title.innerText = "Game 3";
game3CardBody.appendChild(game3Title);
game3Card.appendChild(game3CardBody);
game3Container.appendChild(game3Card);
gameListContainer.appendChild(game3Container);
mainContainer.appendChild(gameListContainer);
});
} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>
<style>
/* App CSS Goes Here */
.card {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
transition: box-shadow 0.3s ease-in-out;
}
.card:hover {
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.card-img-top {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.card-body {
padding: 20px;
}
.card-title {
margin-bottom: 0;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: bold;
text-align: center;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
</div>
</body>
</html>
NEW APPS
These are apps made by the community!