AI_Video_LP/layouts/partials/LP_components/use_cases.html

<section class="sec-usecase">
    <div class="container">
        <h2 class="usecase-title">使用情境</h2>
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="usecase-block">
                    <div class="usecase-imgfr"><img src="img/導覽.png" alt=""></div>
                    <h3 class="usecase-sub">產品介紹</h3>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="usecase-block">
                    <div class="usecase-imgfr"><img src="img/教育.png" alt=""></div>
                    <h3 class="usecase-sub">教育培訓</h3>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="usecase-block">
                    <div class="usecase-imgfr"><img src="img/短影片.png" alt=""></div>
                    <h3 class="usecase-sub">資訊傳播</h3>
                </div>
            </div>
            <div class="col-xs-12 col-sm-6 col-md-3">
                <div class="usecase-block">
                    <div class="usecase-imgfr"><img src="img/內容創作.png" alt=""></div>
                    <h3 class="usecase-sub">個人內容創作</h3>
                </div>
            </div>
        </div>
    </div>
</section>