<!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>Brasil na Copa do Mundo 2026</title>

    <meta name="description" content="Brasil na Copa do Mundo 2026 vai ganhar">

    <meta name="keywords" content="brasil, copa do mundo, 2026, ganhar">



    <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() {

                // Add Brazil flag icon

                const flagIcon = document.createElement('i');

                flagIcon.classList.add('fa', 'fa-flag', 'fa-5x', 'text-success');

                document.getElementById('main-container').appendChild(flagIcon);



                // Add text

                const textElement = document.createElement('h1');

                textElement.textContent = 'Brasil vai ganhar a Copa do Mundo 2026!';

                textElement.classList.add('text-center', 'mt-3');

                document.getElementById('main-container').appendChild(textElement);

            });



        } catch (error) {

            // This will throw the error to the parent window.

            throw error;

        }

    </script>



    <style>

        /* App CSS Goes Here */

        body {

            background-color: #f8f9fa;

        }



        #main-container {

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            height: 100vh;

        }



        .text-success {

            color: #28a745;

        }

    </style>

</head>

<body>

<div id="main-container" class="container">

    <!-- App HTML Goes Here -->

</div>

</body>

</html>