{{ if .Site.Params.videoDemo.enable }}
{{ if gt (len .Site.Data.videoDemo) 0 }}
<section class="bar background-white mb-0">
    <div class="container">
        <div class="heading text-center">
            <h2>AI 短影片</h2>
        </div>
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-6 video-col video-steps">
                    <div class="video-steps">
                        <div class="steps-box">
                            <div class="steps-num">
                                1
                            </div>
                            <div>
                                <i class="fas fa-heading steps-icon"></i>
                                <p class="steps-name">命名影片</p>
                            </div>
                        </div>
                        <div class="steps-box">
                            <div class="steps-num">
                                2
                            </div>
                            <div>
                                <i class="fas fa-scroll steps-icon"></i>
                                <p class="steps-name">輸入講稿</p>
                            </div>
                        </div>
                        <div class="steps-box">
                            <div class="steps-num">
                                3
                            </div>
                            <div>
                                <i class="fas fa-images steps-icon"></i>
                                <p class="steps-name">輸入背景圖片</p>
                            </div>
                        </div>
                    </div>
                    <a href="/contact/service/" class="btn btn-lg btn-video">洽詢專案製作</a>
                </div>
                <div class="col-md-6 video-col">
                    <div class="box-simple box-video">
                        <iframe src="https://www.youtube.com/embed/E4Dt7eU3WCo?autoplay=1" frameborder="0" style="width: 100%; height: 220px;"></iframe>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{ end }}
{{ end }}