<div class="hder_h1">
<h1>...</h1>
</div>

<div class="hder_h2">
<h2><span class="h2_stt">1</span>Tiêu đề 2</h2></div>

• 
  TAB-1
  
• 
  TAB-2
  

TAB-2

TAB-1

<ul class="sidebar-menu-tabs flex nav nav-line-bottom nav-uppercase">
<li class="sidebar-menu-tabs__tab active">
<a class="sidebar-menu-tabs__tab-link" href="#">
<span class="sidebar-menu-tabs__tab-text">TAB-1</span>
</a></li>
<li class="sidebar-menu-tabs__tab">
<a class="sidebar-menu-tabs__tab-link" href="#">
<span class="sidebar-menu-tabs__tab-text">TAB-2</span>
</a></li>
</ul>
<ul class="nav nav-sidebar nav-vertical nav-uppercase hidden" data-tab="2">
TAB-1
</ul>
<ul class="nav nav-sidebar nav-vertical nav-uppercase hidden" data-tab="1">
TAB-2
</ul>

//Màu xanh
<div class="if_ntc">
<strong><span class="txt"><i class="icon-flickr"></i>..</span></strong>..</div>
//Màu đỏ
<div class="if_ntc rd_brg">
<strong><span class="txt rd"><i class="icon-flickr"></i>..</span></strong>..</div>
//Màu cam
<div class="if_ntc org_brg">
<strong><span class="txt org"><i class="icon-flickr"></i>..</span></strong>..</div>
//Màu vàng
<div class="if_ntc yel_brg">
<strong><span class="txt yel"><i class="icon-flickr"></i>..</span></strong>..</div>
//Màu vàng
<div class="if_ntc grn_brg">
<strong><span class="txt grn"><i class="icon-flickr"></i>..</span></strong>..</div>

<div class="frame">
<div class="frm">
<div class="str"><strong>..</strong></div>
<ul class="frm_li">
<li></li>
<li></li>
</ul>
</div>
<div class="frm">
<div class="wek"><strong>..</strong></div>
<ul class="frm_li">
<li>....</li>
<li>....</li>
</ul>
</div></div>

ĐỔI MÀU TIÊU ĐỀ bằng cách đổi code màu "str" trong mục <div class="str"> 
thay bằng " nw, wek, thr, opt "như màu bên TRÊN

TIÊU ĐỀ

thông tin giới thiệu

• …
• …

TIÊU ĐỀ

thông tin giới thiệu

Tiêu đề
Màu xanh

• ..
• ..

Tiêu đề
Màu xanh lá

• ..
• ..

Tiêu đề
Màu đỏ

• ..
• ..

[/ux_html]

[section class="mywebsite-timeline-vertical"]

[row style="small" class="my-timeline"]

[col span__sm="12" padding="10px 0px 0px 0px" margin="0px 0px -10px 0px" class="time-section"]

[ux_text font_size="1.3" class="my-time"]

<p><strong>TIÊU ĐỀ</strong></p>
[/ux_text]
<p class="mtm_txt">thông tin giới thiệu</p>
[ux_html class="pgres_ord"]
<ul class="frm_li">
<li>...</li>
<li>...</li>
</ul>
[/ux_html]

[/col]

[/row]
[row style="small" class="my-timeline"]

[col span__sm="12" padding="10px 0px 0px 0px" margin="0px 0px -10px 0px" class="time-section"]

[ux_text font_size="1.3" class="my-time"]

<p><strong>TIÊU ĐỀ</strong></p>
[/ux_text]
<p class="mtm_txt">thông tin giới thiệu</p>
<div class="all_pgres">
[ux_html class="pgres_ord bl"]

<span class="td">Tiêu đề<br>Màu xanh</span>
<ul class="frm_li">
<li>..</li>
<li>..</li>
</ul>[/ux_html]
[ux_html class="pgres_ord grn"]

<span class="td">Tiêu đề<br>Màu xanh lá</span>
<ul class="frm_li">
<li>..</li>
<li>..</li>
</ul>[/ux_html]

[ux_html class="pgres_ord re"]

<span class="td">Tiêu đề<br>Màu đỏ</span>
<ul class="frm_li">
<li>..</li>
<li>..</li>
</ul>[/ux_html]
</div>

[/ux_html]

[/col]

[/row]

[/section]

<div class="buy_guide ord">
<div class="guide_stt"><span>1</span></div>
<div class="guide_name"><strong>TIÊU ĐỀ</strong></p>
<div class="guide_txt">thông tin.....</div>
</div>
</div>
<div class="buy_guide ord">
<div class="guide_stt"><span>2</span></div>
<div class="guide_name"><strong>TIÊU ĐỀ</strong></p>
<div class="guide_txt">thông tin.....
<ul class="frm_li">
<li>...</li>
<li>...</li>
</ul>
</div>
</div>
</div>

<div class="stt_bf">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

<div class="cten_1">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>

<div id="cpy" class="cpy"><i class="far fa-copy"></i> <span class="fold_p">Copy</span></div>
<div class="btcTXT" id="cpy_txt">
Nội dung muốn copy
</div>

<div class="prs_ord_d">
<table class="prs_ord">
<tbody>
<tr class="top-txt">
<th>TIÊU ĐỀ</th>
<td>nội dung tiêu đề</td>
</tr>
<tr>
<th>noi dung</th>
<td>noi dung</td>
</tr>
<tr class="prs_cl">
<th>nội dung....</th>
<td>nội dung....</td>
</tr>
<tr>
<th>nội dung....</th>
<td>nội dung....</td>
</tr>
<tr class="prs_cl">
<th>nội dung....</th>
<td>nội dung....</td>
</tr>
<tr>
<th>nội dung....</th>
<td>nội dung....</td>
</tr>
<tr>
<td class="prs_ed" colspan="2">nội dung....</td>
</tr>
</tbody>
</table>
</div>
/*CSS*/
.prs_ord_d {padding:5px;}

table.prs_ord{
    border-color: #ececec;
    border: 1px solid;
    border-radius: 25px;}

table.prs_ord th{text-transform: none;    font-size: 12px;
    color: #222;    border-bottom: 1px solid #cbcbcb;
    padding: 5px;border-right: 1px solid #cbcbcb;
    width: 30%;}

table.prs_ord td{text-transform: none;
    color: #222;    border-bottom: 1px solid #cbcbcb;
    padding: 5px;font-size: 12px;
    text-align: justify;}

table.prs_ord th.prs_ed,table.prs_ord td.prs_ed{
    border-bottom:none;
   }

.prs_cl {background:#f2f2f2;}