@themesberg/pixel-lite-bootstrap-ui-kit
Version:
Open-source Bootstrap 5 UI Kit
65 lines • 4.38 kB
HTML
<!-- Section -->
<div class="section section-md">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-8">
<!-- Tab Nav -->
<div class="nav-wrapper position-relative mb-2">
<ul class="nav nav-pills nav-fill flex-column flex-md-row" id="tabs-text" role="tablist">
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-text-1-tab" data-bs-toggle="tab"
href="#tabs-text-1" role="tab" aria-controls="tabs-text-1" aria-selected="true">Home</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0" id="tabs-text-2-tab" data-bs-toggle="tab"
href="#tabs-text-2" role="tab" aria-controls="tabs-text-2"
aria-selected="false">Profile</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0" id="tabs-text-3-tab" data-bs-toggle="tab"
href="#tabs-text-3" role="tab" aria-controls="tabs-text-3"
aria-selected="false">Messages</a>
</li>
</ul>
</div>
<!-- End of Tab Nav -->
<!-- Tab Content -->
<div class="card border-0">
<div class="card-body p-0">
<div class="tab-content" id="tabcontent1">
<div class="tab-pane fade show active" id="tabs-text-1" role="tabpanel"
aria-labelledby="tabs-text-1-tab">
<p>Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed.
Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident
chillwave deep v laborum. Aliquip veniam delectus,
Marfa eiusmod Pinterest in do umami readymade swag.</p>
<p>Day handsome addition horrible sensible goodness two contempt. Evening for married
his account removal. Estimable me disposing of be moonlight cordially curiosity.</p>
</div>
<div class="tab-pane fade" id="tabs-text-2" role="tabpanel"
aria-labelledby="tabs-text-2-tab">
<p>Photo booth stumptown tote bag Banksy, elit small batch freegan sed. Craft beer elit
seitan exercitation, photo booth et 8-bit kale chips proident chillwave deep v
laborum. Aliquip veniam delectus, Marfa eiusmod
Pinterest in do umami readymade swag.</p>
<p>Day handsome addition horrible sensible goodness two contempt. Evening for married
his account removal. Estimable me disposing of be moonlight cordially curiosity.</p>
</div>
<div class="tab-pane fade" id="tabs-text-3" role="tabpanel"
aria-labelledby="tabs-text-3-tab">
<p>Exercitation photo booth stumptown tote bag Banksy, elit small batch freegan sed.
Craft beer elit seitan exercitation, photo booth et 8-bit kale chips proident
chillwave deep v laborum. Aliquip veniam delectus,
Marfa eiusmod Pinterest in do umami readymade swag.</p>
<p>Day handsome addition horrible sensible goodness two contempt. Evening for married
his account removal. Estimable me disposing of be moonlight cordially curiosity.</p>
</div>
</div>
</div>
</div>
<!-- End of Tab Content -->
</div>
</div>
</div>
</div>
<!-- End of Section -->