Calculator Tools Calculator Tools
Create

Natan por aí vs JunyTony - Guerra de youtubers T1EP8

Sep 20, 2023

About this app

A fun and exciting web app that brings you the battle between Natan por aí and JunyTony in Guerra de youtubers T1EP8.

Natan por aí vs JunyTony - Guerra de youtubers T1EP8

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>Natan por aí vs JunyTony - Guerra de youtubers T1EP8</title>
<meta name="description" content="A fun and exciting web app that brings you the battle between Natan por aí and JunyTony in Guerra de youtubers T1EP8.">
<meta name="keywords" content="Natan por aí, JunyTony, Guerra de youtubers, web app, battle, T1EP8">

<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=Montserrat" 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 App HTML here
var appHTML = `
<div class="row justify-content-center">
<div class="col-12">
<h1 class="text-center mt-5">Natan por aí vs JunyTony</h1>
<h2 class="text-center mb-4">Guerra de youtubers T1EP8</h2>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 col-md-6">
<div class="card mb-4">
<img src="https://i.imgur.com/IWp6yf1.jpg" class="card-img-top" alt="Natan por aí">
<div class="card-body">
<h5 class="card-title text-center">Natan por aí</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed feugiat elit, auctor porta est. Praesent suscipit, nisl at sodales sollicitudin, dui lectus semper purus, vel accumsan felis est eget velit.</p>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card mb-4">
<img src="https://i.imgur.com/5n8x6D1.jpg" class="card-img-top" alt="JunyTony">
<div class="card-body">
<h5 class="card-title text-center">JunyTony</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed feugiat elit, auctor porta est. Praesent suscipit, nisl at sodales sollicitudin, dui lectus semper purus, vel accumsan felis est eget velit.</p>
</div>
</div>
</div>
</div>
`;

$("#main-container").html(appHTML);
});

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

<style>
body {
font-family: 'Montserrat', sans-serif;
background-color: #f8f9fa;
}

h1, h2 {
color: #333;
font-weight: bold;
}

.card {
border: none;
box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
}

.card-img-top {
height: 300px;
object-fit: cover;
}

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