<div style="width: 300px; background-color: #fbf3e4; display: flex; justify-content: center; align-items: center; padding: 3px 0;">
  <div style="display: flex; align-items: center;">
    <div style="text-align: center; font-size: 11px; font-weight: normal; background-color: gray; color: white; padding: 1px 5px; margin: 0 3px; border-radius: 1px;">Sponsored</div>
    <div style="text-align: center; font-size: 11px; font-weight: normal; color: #000000;">TÀI TRỢ</div>
  </div>
</div>
<iframe id="cardFrameTaiTro" frameborder="0" width="300px" height="240px"></iframe>
    <script>
        const cardFrame= document.getElementById('cardFrameTaiTro');

        const cardHtml = `
            <!DOCTYPE html>
            <html>
            <head>
                <style>
                    .container {
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                    }
                    .card {
                        width: 100%;
                        margin: 5px;
                        padding: 5px;
                        border: 1px solid #ccc;
                        border-radius: 5px;
                        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
                        text-align: center;
                    }
                    img {
                        width: 100%;
                        height: auto;
                    }
                    .link {
                        text-decoration: none;
                        color: #333;
                    }
                </style>
            </head>
            <body>
                <div class="container">
                    <div class="card">
                        <a href="https://bepharco.com/" target="_blank" rel="sponsored" class="link">
                            <img src="https://i.imgur.com/qMeX2Zu.png" alt="nhua tien phong">
                        </a>
                    </div>
<div class="container">
                    <div class="card">
                        <a href="https://www.dic.vn/" target="_blank" rel="sponsored" class="link">
                            <img src="https://i.imgur.com/n93esNQ.png" alt="nhua tien phong">
                        </a>
                    </div>
                    
                </div>
            </body>
            </html>
        `;
        cardFrame.srcdoc = cardHtml;
    </script>

<div style="width: 100%; background-color: #fbf3e4; display: flex; justify-content: center; align-items: center; padding: 3px 0;">
  <div style="display: flex; align-items: center;">
    <div style="text-align: center; font-size: 11px; font-weight: normal; background-color: gray; color: white; padding: 1px 5px; /* Khoảng cách giữa chữ Ad và chữ Quảng cáo */ margin: 0 3px; border-radius: 1px; /* Bo cạnh 3px */">Ad</div>
    <div style="text-align: center; font-size: 11px; font-weight: normal; color: #000000;">QUẢNG CÁO</div>
  </div>
</div>


<div style="margin: 10px 0;"></>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7078400245394460"
     crossorigin="anonymous"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-7078400245394460"
     data-ad-slot="9138885858"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<script type="text/javascript" src="https://ads.vidoomy.com/vohcomvn_20848.js" async></script>

<div style="height:300px; margin-top: 20px; margin-bottom:40px;">
<div style="text-align: center; font-size: 11px; margin-top: -5px; margin-bottom: 5px;">ADVERTISING</div>


<div data-fuse="22835747525" style="max-height:300px;">
<style>
.fuse-slot-interscroller{padding-top: 80px;}
</style>
</div>
<div style="text-align: center; font-size: 11px; margin-top: -5px; margin-bottom: 5px;">ADVERTISING</div>
</div>

<script type="text/javascript" class="teads" src="//a.teads.tv/page/158267/tag" async="true"></script>

<div style="width: 100%; background-color: #fbf3e4; display: flex; justify-content: center; align-items: center; padding: 3px 0;">
  <div style="display: flex; align-items: center;">
    <div style="text-align: center; font-size: 11px; font-weight: normal; background-color: gray; color: white; padding: 1px 5px; /* Khoảng cách giữa chữ Ad và chữ Quảng cáo */ margin: 0 3px; border-radius: 1px; /* Bo cạnh 3px */">Ad</div>
    <div style="text-align: center; font-size: 11px; font-weight: normal; color: #000000;">QUẢNG CÁO</div>
  </div>
</div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7078400245394460"
     crossorigin="anonymous"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-7078400245394460"
     data-ad-slot="9138885858"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>