About 'Root/Curate/Create' boxes: drop numbering, center, enlarge labels to h5 (EN/TH)

This commit is contained in:
kurogeek committed 2026-10-20 08:23:08 +00:00
1 parent 5874cd8316
commit b67934a98b
2 files changed
+18 -24

No files matched your search

@@ -170,24 +170,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<!-- start feature box item --> <!-- start feature box item -->
<div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center text-md-start wow animate__fadeInRight"> <div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center wow animate__fadeInRight">
<h5 class="text-light-gray font-weight-300 alt-font mb-0">01</h5> <h5 class="text-extra-dark-gray alt-font margin-15px-bottom md-margin-5px-bottom">ROOT</h5>
<span class="text-extra-dark-gray alt-font text-large margin-15px-bottom d-block md-margin-5px-bottom">ROOT</span> <div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto"></div>
<div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto mx-md-0"></div>
</div> </div>
<!-- end feature box item --> <!-- end feature box item -->
<!-- start feature box item --> <!-- start feature box item -->
<div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center text-md-start wow animate__fadeInRight" data-wow-delay="0.2s"> <div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center wow animate__fadeInRight" data-wow-delay="0.2s">
<h5 class="text-light-gray font-weight-300 alt-font mb-0">02</h5> <h5 class="text-extra-dark-gray alt-font margin-15px-bottom md-margin-5px-bottom">CURATE</h5>
<span class="text-extra-dark-gray alt-font text-large margin-15px-bottom d-block md-margin-5px-bottom">CURATE</span> <div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto"></div>
<div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto mx-md-0"></div>
</div> </div>
<!-- end feature box item --> <!-- end feature box item -->
<!-- start feature box item --> <!-- start feature box item -->
<div class="col-12 col-lg-4 col-md-6 col-sm-8 text-center text-md-start wow animate__fadeInRight" data-wow-delay="0.4s"> <div class="col-12 col-lg-4 col-md-6 col-sm-8 text-center wow animate__fadeInRight" data-wow-delay="0.4s">
<h5 class="text-light-gray font-weight-300 alt-font mb-0">03</h5> <h5 class="text-extra-dark-gray alt-font margin-15px-bottom md-margin-5px-bottom">CREATE</h5>
<span class="text-extra-dark-gray alt-font text-large margin-15px-bottom d-block md-margin-5px-bottom">CREATE</span> <div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto"></div>
<div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto mx-md-0"></div>
</div> </div>
<!-- end feature box item --> <!-- end feature box item -->
</div> </div>
@@ -169,24 +169,21 @@
<div class="container"> <div class="container">
<div class="row justify-content-center"> <div class="row justify-content-center">
<!-- start feature box item --> <!-- start feature box item -->
<div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center text-md-start wow animate__fadeInRight"> <div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center wow animate__fadeInRight">
<h5 class="text-light-gray font-weight-300 alt-font mb-0">01</h5> <h5 class="text-extra-dark-gray alt-font margin-15px-bottom md-margin-5px-bottom">เชื่อมโยงราก</h5>
<span class="text-extra-dark-gray alt-font text-large margin-15px-bottom d-block md-margin-5px-bottom">เชื่อมโยงราก</span> <div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto"></div>
<div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto mx-md-0"></div>
</div> </div>
<!-- end feature box item --> <!-- end feature box item -->
<!-- start feature box item --> <!-- start feature box item -->
<div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center text-md-start wow animate__fadeInRight" data-wow-delay="0.2s"> <div class="col-12 col-lg-4 col-md-6 col-sm-8 md-margin-60px-bottom sm-margin-40px-bottom text-center wow animate__fadeInRight" data-wow-delay="0.2s">
<h5 class="text-light-gray font-weight-300 alt-font mb-0">02</h5> <h5 class="text-extra-dark-gray alt-font margin-15px-bottom md-margin-5px-bottom">คัดสรรเรื่อง</h5>
<span class="text-extra-dark-gray alt-font text-large margin-15px-bottom d-block md-margin-5px-bottom">คัดสรรเรื่อง</span> <div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto"></div>
<div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto mx-md-0"></div>
</div> </div>
<!-- end feature box item --> <!-- end feature box item -->
<!-- start feature box item --> <!-- start feature box item -->
<div class="col-12 col-lg-4 col-md-6 col-sm-8 text-center text-md-start wow animate__fadeInRight" data-wow-delay="0.4s"> <div class="col-12 col-lg-4 col-md-6 col-sm-8 text-center wow animate__fadeInRight" data-wow-delay="0.4s">
<h5 class="text-light-gray font-weight-300 alt-font mb-0">03</h5> <h5 class="text-extra-dark-gray alt-font margin-15px-bottom md-margin-5px-bottom">สร้างสรรค์งาน</h5>
<span class="text-extra-dark-gray alt-font text-large margin-15px-bottom d-block md-margin-5px-bottom">สร้างสรรค์งาน</span> <div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto"></div>
<div class="separator-line-horrizontal-medium-light3 bg-deep-pink w-50px mx-auto mx-md-0"></div>
</div> </div>
<!-- end feature box item --> <!-- end feature box item -->
</div> </div>