<abp-tabs>
<abp-tab title="Home">
Content_Home
</abp-tab>
<abp-tab-link title="Link" href="#" />
<abp-tab title="profile">
Content_Profile
</abp-tab>
<abp-tab-dropdown title="Contact" name="ContactDropdown">
<abp-tab title="Contact 1" parent-dropdown-name="ContactDropdown">
Content_1_Content
</abp-tab>
<abp-tab title="Contact 2" parent-dropdown-name="ContactDropdown">
Content_2_Content
</abp-tab>
</abp-tab-dropdown>
</abp-tabs>
<div><ul class="nav nav-tabs" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c" role="tablist"><li class="nav-item"><a aria-controls="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_0" aria-selected="true" class="nav-link active" data-bs-toggle="tab" href="#Ta8c3ebc2c0f545c2bc2f4a1e8168180c_0" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_0-tab" role="tab">Home</a></li>
<li class="nav-item"><a class="nav-link " href="#" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_1-tab">Link</a></li>
<li class="nav-item"><a aria-controls="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_2" aria-selected="false" class="nav-link " data-bs-toggle="tab" href="#Ta8c3ebc2c0f545c2bc2f4a1e8168180c_2" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_2-tab" role="tab">profile</a></li>
<li class="nav-item dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#ContactDropdown" id="ContactDropdown-tab" role="button">Contact</a><div class="dropdown-menu"><a aria-controls="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_3" aria-selected="false" class="dropdown-item " data-bs-toggle="tab" href="#Ta8c3ebc2c0f545c2bc2f4a1e8168180c_3" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_3-tab" role="tab">Contact 1</a>
<a aria-controls="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_4" aria-selected="false" class="dropdown-item " data-bs-toggle="tab" href="#Ta8c3ebc2c0f545c2bc2f4a1e8168180c_4" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_4-tab" role="tab">Contact 2</a></div></li>
</ul>
<div class="tab-content pt-3" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180cContent"><div aria-labelledby="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_0-tab" class="tab-pane fade show active" id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_0" role="tabpanel">
Content_Home
</div>
<div aria-labelledby="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_2-tab" class="tab-pane fade " id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_2" role="tabpanel">
Content_Profile
</div>
<div aria-labelledby="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_3-tab" class="tab-pane fade " id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_3" role="tabpanel">
Content_1_Content
</div>
<div aria-labelledby="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_4-tab" class="tab-pane fade " id="Ta8c3ebc2c0f545c2bc2f4a1e8168180c_4" role="tabpanel">
Content_2_Content
</div>
</div>
</div>
<abp-tabs>
<abp-tab name="nav-home" title="Home">
Content_Home
</abp-tab>
<abp-tab name="nav-profile" active="true" title="profile">
Content_Profile
</abp-tab>
<abp-tab name="nav-contact" title="Contact">
Content_Contact
</abp-tab>
</abp-tabs>
<div><ul class="nav nav-tabs" id="Ta6e9a0f985bf4d83a767284abc3914ee" role="tablist"><li class="nav-item"><a aria-controls="nav-home" aria-selected="false" class="nav-link " data-bs-toggle="tab" href="#nav-home" id="nav-home-tab" role="tab">Home</a></li>
<li class="nav-item"><a aria-controls="nav-profile" aria-selected="true" class="nav-link active" data-bs-toggle="tab" href="#nav-profile" id="nav-profile-tab" role="tab">profile</a></li>
<li class="nav-item"><a aria-controls="nav-contact" aria-selected="false" class="nav-link " data-bs-toggle="tab" href="#nav-contact" id="nav-contact-tab" role="tab">Contact</a></li>
</ul>
<div class="tab-content pt-3" id="Ta6e9a0f985bf4d83a767284abc3914eeContent"><div aria-labelledby="nav-home-tab" class="tab-pane fade " id="nav-home" role="tabpanel">
Content_Home
</div>
<div aria-labelledby="nav-profile-tab" class="tab-pane fade show active" id="nav-profile" role="tabpanel">
Content_Profile
</div>
<div aria-labelledby="nav-contact-tab" class="tab-pane fade " id="nav-contact" role="tabpanel">
Content_Contact
</div>
</div>
</div>
<abp-tabs tab-style="Pill">
<abp-tab title="Home">
Content_Home
</abp-tab>
<abp-tab title="profile">
Content_Profile
</abp-tab>
<abp-tab title="Contact">
Content_Contact
</abp-tab>
</abp-tabs>
<div><ul class="nav nav-pills" id="T5bf5bb62f2f04b538b7669bf4bedbc9e" role="tablist"><li class="nav-item"><a aria-controls="T5bf5bb62f2f04b538b7669bf4bedbc9e_0" aria-selected="true" class="nav-link active" data-bs-toggle="pill" href="#T5bf5bb62f2f04b538b7669bf4bedbc9e_0" id="T5bf5bb62f2f04b538b7669bf4bedbc9e_0-tab" role="tab">Home</a></li>
<li class="nav-item"><a aria-controls="T5bf5bb62f2f04b538b7669bf4bedbc9e_1" aria-selected="false" class="nav-link " data-bs-toggle="pill" href="#T5bf5bb62f2f04b538b7669bf4bedbc9e_1" id="T5bf5bb62f2f04b538b7669bf4bedbc9e_1-tab" role="tab">profile</a></li>
<li class="nav-item"><a aria-controls="T5bf5bb62f2f04b538b7669bf4bedbc9e_2" aria-selected="false" class="nav-link " data-bs-toggle="pill" href="#T5bf5bb62f2f04b538b7669bf4bedbc9e_2" id="T5bf5bb62f2f04b538b7669bf4bedbc9e_2-tab" role="tab">Contact</a></li>
</ul>
<div class="tab-content pt-3" id="T5bf5bb62f2f04b538b7669bf4bedbc9eContent"><div aria-labelledby="T5bf5bb62f2f04b538b7669bf4bedbc9e_0-tab" class="tab-pane fade show active" id="T5bf5bb62f2f04b538b7669bf4bedbc9e_0" role="tabpanel">
Content_Home
</div>
<div aria-labelledby="T5bf5bb62f2f04b538b7669bf4bedbc9e_1-tab" class="tab-pane fade " id="T5bf5bb62f2f04b538b7669bf4bedbc9e_1" role="tabpanel">
Content_Profile
</div>
<div aria-labelledby="T5bf5bb62f2f04b538b7669bf4bedbc9e_2-tab" class="tab-pane fade " id="T5bf5bb62f2f04b538b7669bf4bedbc9e_2" role="tabpanel">
Content_Contact
</div>
</div>
</div>
<abp-tabs tab-style="PillVertical" vertical-header-size="_2">
<abp-tab active="true" title="Home">
Content_Home
</abp-tab>
<abp-tab title="profile">
Content_Profile
</abp-tab>
<abp-tab title="Contact">
Content_Contact
</abp-tab>
</abp-tabs>
<div class="row"><div class="col-md-2"><ul class="nav flex-column nav-pills" id="Tf53674f48a074c959b8acea0e4857e38" role="tablist"><li class="nav-item"><a aria-controls="Tf53674f48a074c959b8acea0e4857e38_0" aria-selected="true" class="nav-link active" data-bs-toggle="pill" href="#Tf53674f48a074c959b8acea0e4857e38_0" id="Tf53674f48a074c959b8acea0e4857e38_0-tab" role="tab">Home</a></li>
<li class="nav-item"><a aria-controls="Tf53674f48a074c959b8acea0e4857e38_1" aria-selected="false" class="nav-link " data-bs-toggle="pill" href="#Tf53674f48a074c959b8acea0e4857e38_1" id="Tf53674f48a074c959b8acea0e4857e38_1-tab" role="tab">profile</a></li>
<li class="nav-item"><a aria-controls="Tf53674f48a074c959b8acea0e4857e38_2" aria-selected="false" class="nav-link " data-bs-toggle="pill" href="#Tf53674f48a074c959b8acea0e4857e38_2" id="Tf53674f48a074c959b8acea0e4857e38_2-tab" role="tab">Contact</a></li>
</ul></div>
<div class="col-md-10"><div class="tab-content pt-3" id="Tf53674f48a074c959b8acea0e4857e38Content"><div aria-labelledby="Tf53674f48a074c959b8acea0e4857e38_0-tab" class="tab-pane fade show active" id="Tf53674f48a074c959b8acea0e4857e38_0" role="tabpanel">
Content_Home
</div>
<div aria-labelledby="Tf53674f48a074c959b8acea0e4857e38_1-tab" class="tab-pane fade " id="Tf53674f48a074c959b8acea0e4857e38_1" role="tabpanel">
Content_Profile
</div>
<div aria-labelledby="Tf53674f48a074c959b8acea0e4857e38_2-tab" class="tab-pane fade " id="Tf53674f48a074c959b8acea0e4857e38_2" role="tabpanel">
Content_Contact
</div>
</div></div>
</div>