AI_Video_LP/layouts/partials/LP_components/features.html

<section class="sec-features" id="sec-features">
    <div class="container text-center">
        <h2 class="features-title"><strong>5</strong>大特色</h2>
        <div class="row" style="position: relative;">
            <img src="/img/背景-橘霧.png" alt="" width="300px" class="features-orangel">
            <div class="col-xs-12 col-md-6">
                <div class="features-imgfr">
                    <video autoplay muted loop>
                        <source src="/img/官網1_加速.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 features-col">
                <div class="features-block block-right">
                    <span class="features-num">1</span>
                    <div>
                        <h3>輸入文字腳本及素材<br>一鍵輸出合成影片</h3>
                        <ul class="features-list">
                            <li>只需等待數分鐘即產製完成</li>
                            <li>可上傳圖片或是影片作為背景</li>
                            <li>生成 MP4 檔</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="position: relative;">
            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purpler">
            <div class="col-xs-12 col-md-6 d-block">
                <div class="features-imgfr">
                    <video autoplay muted loop>
                        <source src="/img/官網2.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 features-col">
                <div class="features-block block-left">
                    <span class="features-num">2</span>
                    <div>
                        <h3>多位AI虛擬人物選擇</h3>
                        <ul class="features-list">
                            <li>無人物肖像權問題</li>
                            <li>人物表情、動作自然</li>
                            <li>因應主題，選擇合適人物</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 d-md-block">
                <div class="features-imgfr">
                    <video autoplay muted loop>
                        <source src="/img/官網2.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
        </div>
        <div class="row" style="position: relative;">
            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
            <div class="col-xs-12 col-md-6">
                <div class="features-imgfr">
                    <video autoplay muted loop>
                        <source src="/img/官網3.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 features-col">
                <div class="features-block block-right">
                    <span class="features-num">3</span>
                    <div>
                        <h3>投影片轉製為影片</h3>
                        <ul class="features-list">
                            <li>輸入文字腳本及投影片連結
                                <br>一鍵完成影片
                            </li>
                            <li>生成 MP4 檔</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="position: relative;">
            <img src="/img/背景-橘霧.png" alt="" width="300px" class="features-oranger">
            <div class="col-xs-12 col-md-6 d-block">
                <div class="features-imgfr">
                    <video autoplay muted loop>
                        <source src="/img/官網4.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 features-col">
                <div class="features-block block-left">
                    <span class="features-num">4</span>
                    <div>
                        <h3>多語言支援</h3>
                        <ul class="features-list">
                            <li>支援中英文內容</li>
                            <li>可加入字幕</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="col-xs-12 col-md-6 d-md-block">
                <div class="features-imgfr">
                    <video autoplay muted loop>
                        <source src="/img/官網4.mp4" type="video/mp4">
                    </video>
                </div>
            </div>
        </div>
        <!-- <div class="row" style="position: relative;">
            <img src="/img/背景-紫霧.png" alt="" width="300px" class="features-purplel">
            <div class="col-xs-12 col-md-6 d-block">
                <div class="features-imgfr">
                    <img src="/img/blockchain.jpg" alt="" style="width: 100%;">
                </div>
            </div>
            <div class="col-xs-12 col-md-6 d-md-block">
                <div class="features-imgfr">
                    <img src="/img/blockchain.jpg" alt="" style="width: 100%;">
                </div>
            </div>
            <div class="col-xs-12 col-md-6 features-col">
                <div class="features-block block-left">
                    <span class="features-num">5</span>
                    <div>
                        <h3>腳本自動上鏈</h3>
                        <ul class="features-list">
                            <li>紀錄完整透明，充分保護腳本原創性</li>
                            <li>輕鬆證明腳本所有權</li>
                        </ul>
                        <a class="btn-underline" href="/web3/service" style="text-decoration: none;">了解更多</a>
                    </div>
                </div>
            </div>
        </div> -->
        <button class="btn-dark" onclick="window.location.href=`https://video.choozmo.com/register.html`">立即開始</button>
    </div>
</section>