AI_Video_LP/layouts/partials/videoDemo.html

{{ 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 }}