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"><i class="fas fa-circle"></i> 產品介紹</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"><i class="fas fa-circle"></i> 教育培訓</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/A短影片_1.png" alt=""></div>
                    <h3 class="usecase-sub"><i class="fas fa-circle"></i> 資訊傳播</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"><i class="fas fa-circle"></i> 個人內容創作</h3>
                </div>
            </div>
        </div>
    </div>
</section>