XOOPS輕鬆架

<span class="d-inline-block bg-title text-white px-4 py-1">新聞影音專區</span>

<div class="card-deck my-2">
    <div class="card">
        <img class="card-img-top" src="images/1.jpg" alt="圖片1">
        <div class="card-body p-0"></div>
        <div class="card-footer bg-white p-0 py-2 text-center"><a href="#" class="card-link text-dark">系列活動迎新 校園生活寫新扉頁</a></div>
    </div>

    <div class="card">
        <img class="card-img-top" src="images/2.jpg" alt="圖片2">
        <div class="card-body p-0"></div>
        <div class="card-footer bg-white p-0 py-2 text-center"><a href="#" class="card-link text-dark">素食午餐結緣 校園齋戒行之有年</a></div>
    </div>
</div>
<div class="card-deck my-2">
    <div class="card">
        <img class="card-img-top" src="images/3.jpg" alt="圖片1">
        <div class="card-body p-0"></div>
        <div class="card-footer bg-white p-0 py-2 text-center"><a href="#" class="card-link text-dark">特色教育名聞遐邇 吸引海外學子</a></div>
    </div>

    <div class="card">
        <img class="card-img-top" src="images/4.jpg" alt="圖片2">
        <div class="card-body p-0"></div>
        <div class="card-footer bg-white p-0 py-2 text-center"><a href="#" class="card-link text-dark">話劇護生傳正念 心繫苦難中災民</a></div>
    </div>
</div>
<div class="card-deck my-2">
    <div class="card">
        <img class="card-img-top" src="images/5.jpg" alt="圖片1">
        <div class="card-body p-0"></div>
        <div class="card-footer bg-white p-0 py-2 text-center"><a href="#" class="card-link text-dark">難民義診療身心 天涯之愛遍溫情</a></div>
    </div>

    <div class="card">
        <img class="card-img-top" src="images/6.jpg" alt="圖片2">
        <div class="card-body p-0"></div>
        <div class="card-footer bg-white p-0 py-2 text-center"><a href="#" class="card-link text-dark">慈科大姊妹校交流 習人文樂服務</a></div>
    </div>
</div>