Calculator Tools Calculator Tools
Create

JunyTony Conheceu TV Globo

Sep 25, 2023

About this app

Discover the world of TV Globo with JunyTony

JunyTony Conheceu TV Globo

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>JunyTony Conheceu TV Globo</title>
<meta name="description" content="Discover the world of TV Globo with JunyTony">
<meta name="keywords" content="JunyTony, TV Globo, entertainment, Brazil">

<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/css2?family=Roboto:wght@400;700&display=swap" 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() {
// Function to show TV Globo content
function showTVGloboContent() {
// Add content to main container
$("#main-container").html(`
<h1>Welcome to TV Globo!</h1>
<p>Discover the world of TV Globo with JunyTony. Watch your favorite shows, explore exclusive content, and stay up-to-date with the latest news and events.</p>
<img src="https://example.com/tv-globo-logo.png" alt="TV Globo Logo">
<button class="btn btn-primary">Watch Now</button>
`);
}

// Call the function to show TV Globo content
showTVGloboContent();
});

} catch (error) {
// This will throw the error to the parent window.
throw error;
}
</script>

<style>
/* App CSS Goes Here */
body {
background-color: #f2f2f2;
font-family: 'Roboto', sans-serif;
}

#main-container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
text-align: center;
}

h1 {
font-size: 32px;
color: #333;
margin-bottom: 20px;
}

p {
font-size: 18px;
color: #777;
margin-bottom: 30px;
}

img {
max-width: 100%;
height: auto;
margin-bottom: 30px;
}

.btn {
font-size: 18px;
padding: 10px 20px;
background-color: #ff3366;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.btn:hover {
background-color: #cc0044;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<!-- App HTML Goes Here -->
</div>
</body>
</html>