Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>YuGiOh! Capsule Monster Coliseum | Pure Society Edition</title>
    <!--<title>Test Example </title>-->
</head>

<body>
    <div class="container-fluid fixed-top header disable-selection">
        <div class="row">
            <div class="col"></div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col">
                        <h1><strong>Text-A</strong></h1>
                        <p class="small">- Text-B -</p>
                    </div>
                </div>
            </div>
            <div class="col"></div>
        </div>
    </div>

    <div class="panel left-panel"></div>
    <div class="panel right-panel"></div>

    <div class="under-panels">
        <!-- Add your content here -->
    </div>

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="./bootstrap/dist/css/bootstrap.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="./scripts/style.css">

    <!-- Three.js -->
    <script src="./js/three.min.js"></script>

    <!-- GSAP -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>

    <!-- Tether -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>

    <!-- JQuery Library -->
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <!-- Bootstrap JS -->
    <script src="./bootstrap/dist/js/bootstrap.js"></script>

    <!-- Custom JS -->
    <script src="./scripts/index.js"></script>
</body>
</html>