About 'Root/Curate/Create' boxes: drop numbering, center, enlarge labels to h5 (EN/TH)
This commit is contained in:
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>
|
||||||
|
|||||||
Reference in new issue
Block a user