Calculator Tools Calculator Tools
Create

Jogos do G1

Jan 4, 2024

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>