Block title 1
More link
<!-- block title -->
<div class="block-title-1">
<h4 class="h5 badge bg-primary text-white">
<span>Block title 1</span>
</h4>
<!--link-->
<a class="mt-1 float-end" href="#">
More link
</a>
<!--end link-->
</div>
Block title 2
More link
<!-- block title -->
<div class="block-title-2">
<h4 class="h5">
<span>Block title 2</span>
</h4>
<!--link-->
<a class="mt-1 float-end" href="#">
More link
</a>
<!--end link-->
</div>
Block title 3
More link
<!-- block title -->
<div class="block-title-3">
<h4 class="h5">
<span>Block title 3</span>
</h4>
<!--link-->
<a class="mt-1 float-end" href="#">
More link
</a>
<!--end link-->
</div>>
Block title 4
More link
<!-- block title -->
<div class="block-title-4">
<h4 class="h5 title-arrow">
<span>Block title 4</span>
</h4>
<!--link-->
<a class="mt-1 float-end" href="#">
More link
</a>
<!--end link-->
</div>
Block title 5
More link
<!-- block title -->
<div class="block-title-5">
<h4 class="h5">
<span class="border-primary">Block title 5</span>
</h4>
<!--link-->
<a class="mt-1 float-end" href="#">
More link
</a>
<!--end link-->
</div>
Block title 6
<!-- block title -->
<div class="block-title-6">
<h4 class="h5 border-primary">
<span class="bg-primary text-white">Block title 6</span>
</h4>
<!-- block nav more-->
<ul class="nav nav-block-more list-unstyled d-inline">
<li class="nav-item me-0">
<a class="nav-link nav-block-news" href="#">More link</a>
</li>
</ul><!-- end block nav more-->
</div>
Block title 7
<!-- block title -->
<div class="block-title-7">
<h4 class="h5 text-center center-backline">
<span class="bg-themes">Block title 7</span>
</h4>
</div>
Block title 8
<!-- block title -->
<div class="block-title-8">
<h4 class="h5 text-center">
<span class="bg-primary text-white">Block title 8</span>
</h4>
</div>
Block title 9
<!-- block title -->
<div class="block-title-9">
<h4 class="h5">
<span class="border-secondary bg-primary text-white">Block title 9</span>
</h4>
</div>
Block title 10
<!-- block title -->
<div class="block-title-10">
<h4 class="h5 text-center box-title">
<span class="bg-primary text-white">Block title 10</span>
</h4>
</div>
Block title 11
<!-- block title -->
<div class="block-title-11">
<h4 class="h5 center-backline">
<span class="bg-themes">Block title 11</span>
</h4>
</div>
Block title 12
<!-- block title -->
<div class="block-title-12">
<h4 class="h5 title-box-stripe">
<span>Block title 12</span>
</h4>
<div class="stripe-line"></div>
</div>
Block title 13
<!-- block title -->
<div class="block-title-13">
<h4 class="h5 title-box-dot">
<span>Block title 13</span>
</h4>
<div class="dot-line"></div>
</div>
Block title 14
<!-- block title -->
<div class="block-title-14">
<h4 class="h5 bg-secondary">
<span class="bg-primary text-white">Block title 14</span>
</h4>
</div>
Block title 15
<!-- block title -->
<div class="block-title-15">
<h4 class="h5 border-primary bg-secondary six-block-title">
<span class="bg-primary text-white">Block title 15</span>
</h4>
</div>
How to use ?
Paste this block title code under .block-area or .widget classes
Example
<!-- Block start -->
<div class="block-area">
<!-- block title -->
<div class="block-title-6">
<h4 class="h5 border-primary">
<span class="bg-primary text-white">Block title 6</span>
</h4>
</div>
block content code
</div>