<html style="height: 100%; margin: 0; background: #0c2b40;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../lib/css/teams.css">
    <link rel="stylesheet" type="text/css" href="../lib/fonts/style.css">
    <script src="../lib/js/jquery-3.6.0.min.js"></script>
    <script src="../lib/js/teams.js"></script>
    <script src="../lib/js/adaptivecards.min.js"></script>
    <script src="../lib/js/markdown-it.min.js"></script>
</head>
<body style="height: 100%; margin: 0; background: #0c2b40;">
    <div id="teams-preview">
        <div class="container-fluid h-100">
            <div class="row justify-content-center h-100">
                <div class="col-md-16 p-0 mb-0">
                    <div class="card">
                        <div class="card-header" id="teams-header">
                            <!-- Header section -->
                        </div>
                        <div class="card-body msg-card-body" id="teams-body">
                            <!-- conversation section -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>