AI_Video_LP/layouts/shortcodes/defi.html

<div id="block-carbon">
    <section class="row sec sec01">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="txt-block">
                        <h2>什麼是DeFi? DeFi101</h2>
                        <p>DeFi為去中心化金融，基於區塊鏈的去中心化金融應用擁有交易即清算、
                            抗審查、無地域限制等特性，只要有連網設備，人們就能自由享受金融服務
                            ，實現普惠金融的願景。
                        </p>
                    </div>
                </div>
                <div class="col-md-6" style="position: relative;">
                    <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//IbtKtkZEhh4?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                </div>
            </div>
        </div>
    </section>
    <section class="row sec sec02">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//-udbHXGkqJM?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                </div>
                <div class="col-md-6">
                    <div class="txt-block">
                        <h2>GameFi - NFT & DeFi</h2>
                        <p>GameFi為DeFi的一個子集，DeFi 和 NFT 融合下的「遊戲化金融」概念，
                            是將金融產品以遊戲的方式呈現，將 DeFi 的規則遊戲化，遊戲道具、衍生
                            品 NFT 化，並加入傳統遊戲的對戰、社交等玩法。</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="row sec sec03">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2>GameFi 排行(9/20 - 9/26)</h2>
                    <table id="gamefi-rank" cellspacing="0">
                        <thead>
                          <tr>
                            <th><span>Ranking</span></th>
                            <th><span>App</span></th>
                            <th><span>Users</span></th>
                            <th><span>Volume</span></th>
                            <th><span>Transaction</span></th>
                          </tr>
                        </thead>
                        <tbody>
                          <tr>
                            <td class="lalign">Top1</td>
                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">Step Hero</td>
                            <td>110</td>
                            <td>1.8%</td>
                            <td>22.2</td>
                          </tr>
                          <tr>
                            <td class="lalign">Top2</td>
                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">ZOO</td>
                            <td>500</td>
                            <td>22%</td>
                            <td>8.9</td>
                          </tr>
                          <tr>
                            <td class="lalign">Top3</td>
                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">DungeonSwap</td>
                            <td>900</td>
                            <td>6.7%</td>
                            <td>12.0</td>
                          </tr>
                          <tr>
                            <td class="lalign">Top4</td>
                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">Project Nebula</td>
                            <td>350</td>
                            <td>4%</td>
                            <td>7.0</td>
                          </tr>
                          <tr>
                            <td class="lalign">Top5</td>
                            <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">CryptoKitties</td>
                            <td>460</td>
                            <td>4.6%</td>
                            <td>11.5</td>
                          </tr>
                        </tbody>
                    </table>
                    <table id="gamefi-rank-mb" cellspacing="0">
                        <thead>
                            <tr>
                              <th><span>Ranking</span></th>
                              <th><span>App</span></th>
                              <th><span>Transaction</span></th>
                            </tr>
                          </thead>
                          <tbody>
                            <tr>
                              <td class="lalign">Top1</td>
                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">Step Hero</td>
                              <td>22.2</td>
                            </tr>
                            <tr>
                              <td class="lalign">Top2</td>
                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">ZOO</td>
                              <td>8.9</td>
                            </tr>
                            <tr>
                              <td class="lalign">Top3</td>
                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">DungeonSwap</td>
                              <td>12.0</td>
                            </tr>
                            <tr>
                              <td class="lalign">Top4</td>
                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">Project Nebula</td>
                              <td>7.0</td>
                            </tr>
                            <tr>
                              <td class="lalign">Top5</td>
                              <td><img src="https://dappimg.com/media/image/dapp/e5dc6e5e94e149f6b92a63ee00e9597b.blob">CryptoKitties</td>
                              <td>11.5</td>
                            </tr>
                          </tbody>
                    </table>
                </div>
                
            </div>
        </div>
    </section>
    <section class="row sec sec04">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//c3955IWinD0?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                </div>
                <div class="col-md-6">
                    <div class="txt-block">
                        <h2>GameFi 熱門遊戲- Step Hero</h2>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="row sec sec05">
        <div class="container" style="margin-top: 20px;padding-bottom: 90px;">
            <div class="row">
                <div class="col-md-6">
                    <div class="txt-block">
                        <h2>GameFi 熱門遊戲- DungeonSwap</h2>
                        <p></p>
                    </div>
                </div>
                <div class="col-md-6">
                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//ic5PCZnk3cg?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                </div>
            </div>
        </div>
    </section>
    <section class="row sec sec06">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//pXF8nj5GTDY?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
                </div>
                <div class="col-md-6">
                    <div class="txt-block">
                        <h2>GameFi 熱門遊戲- Project Nebula</h2>
                        <p></p>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>