| exp |
<p> </p>
<div class="contentBuilder template_imageText_016 contentbuilder-block">
<div class="mt-3 mb-3">
<div class="py-5">
<div class="Img"><img src="https://scan20251126-laravel.ito.tw/public/backend/images/contentBuilderPlaceHolder/video-frame-lg.jpg" data-mask-selectable="" data-contentbuilder-default-width="1536" data-contentbuilder-default-height="800"></div>
<div class="Txt d-flex flex-column justify-content-center p-3 p-sm-5">
<div class="h2Title mb-2" style="text-align: center;">圖片底壓文字</div>
<p style="text-align: center;">愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!<br>愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2" style="text-align: center;"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
</div>
<p> </p>
<div class="contentBuilder template_imageText_001 contentbuilder-block">
<div class="mt-3 mb-3">
<div class="row align-items-center" data-vertical-selectable="">
<div class="col-12 col-md-6">
<div class="Img"><img src="https://scan20251126-laravel.ito.tw/public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
</div>
<div class="col-12 col-md-6">
<div class="Txt py-3 px-lg-5">
<div class="h2Title mb-2">左圖右文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
</div>
</div>
<p> </p>
<div class="contentBuilder template_imageText_002 contentbuilder-block">
<div class="mt-3 mb-3">
<div class="row align-items-center" data-vertical-selectable="">
<div class="col-12 col-md-6">
<div class="Txt py-3 px-lg-5">
<div class="h2Title mb-2">左文右圖</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="Img"><img src="https://scan20251126-laravel.ito.tw/public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
</div>
</div>
</div>
</div>
<p> </p> |
<p> </p>
<div class="contentBuilder template_timeline_002 contentbuilder-block">
<div class="row align-items-center content ps-5 ps-sm-0">
<div class="col-12 col-sm-6 text-center">
<div class="timelineCircle circle rounded-circle ms-sm-auto me-sm-5">
<p class="text mb-0 d-flex align-items-center justify-sm-content-center p-5">文字</p>
</div>
</div>
<div class="col-12 col-sm-6 py-3 py-sm-5 ps-sm-4">
<h2 class="h2Title">左圈圈右文字</h2>
<p class="text mb-0">愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」帶領著小朋友學習感受自己的「喜歡」與「不喜歡」,已發聲,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox"><a class="btn bgMain" href="#">了解更多</a></div>
</div>
</div>
</div>
<div class="contentBuilder template_timeline_003 contentbuilder-block">
<div class="row align-items-center content ps-5 ps-sm-0">
<div class="col-12 col-sm-6 py-3 py-sm-5 pe-sm-5 text-sm-end order-1 order-sm-0">
<h2 class="h2Title">右圈圈左文字</h2>
<p class="text mb-0">愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」帶領著小朋友學習感受自己的「喜歡」與「不喜歡」,已發聲,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox"><a class="btn bgMain" href="#">了解更多</a></div>
</div>
<div class="col-12 col-sm-6 text-center order-0 order-sm-1">
<div class="timelineCircle circle rounded-circle me-sm-auto ms-sm-4">
<p class="text mb-0 d-flex align-items-center justify-sm-content-center p-5">文字</p>
</div>
</div>
</div>
</div>
<div class="contentBuilder contentbuilder-block">
<div class="mt-3 mb-3"> </div>
</div>
<div class="contentBuilder template_imageText_007 contentbuilder-block">
<div class="mt-3 mb-3">
<div class="row align-items-start justify-content-center" data-vertical-selectable="" data-horizontal-selectable="">
<div class="col-12 col-md-6">
<div class="card" data-horizontal-selectable="">
<div class="Img"><img class="" src="../../public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
<div class="Txt py-3">
<div class="h2Title mb-2">兩欄上圖下文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="card" data-horizontal-selectable="">
<div class="Img"><img class="" src="../../public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
<div class="Txt py-3">
<div class="h2Title mb-2">兩欄上圖下文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<hr class="contentBuilder contentbuilder-block">
<div class="contentBuilder template_imageText_009 contentbuilder-block">
<div class="mt-3 mb-3">
<div class="row align-items-start justify-content-center" data-horizontal-selectable="" data-vertical-selectable="">
<div class="col-12 col-md-6 col-lg-4 col-xl-3">
<div class="card" data-horizontal-selectable="">
<div class="Img"><img class="" src="../../public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
<div class="Txt py-3">
<div class="h2Title mb-2">四欄上圖下文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2" style="text-align: left;"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3">
<div class="card" data-horizontal-selectable="">
<div class="Img"><img class="" src="../../public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
<div class="Txt py-3">
<div class="h2Title mb-2">四欄上圖下文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2" style="text-align: left;"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3">
<div class="card" data-horizontal-selectable="">
<div class="Img"><img class="" src="../../public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
<div class="Txt py-3">
<div class="h2Title mb-2">四欄上圖下文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4 col-xl-3">
<div class="card" data-horizontal-selectable="">
<div class="Img"><img class="" src="../../public/backend/images/contentBuilderPlaceHolder/768.jpg" data-contentbuilder-default-width="768" data-contentbuilder-default-height="420"></div>
<div class="Txt py-3">
<div class="h2Title mb-2">四欄上圖下文</div>
<p>愛貝斯網路與社區國小串連,從「美感培養」及「邏輯思考」著手,帶領著小朋友願意為自己發聲,進而為社會發聲!愛貝斯網路與社區國小串連,進而為自己的想法,願意為自己發聲,進而為社會發聲!</p>
<div class="btnBox mt-2"><a class="btn bgMain" href="#"> <span class="btnText">按鈕文字</span> </a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<p> </p> |