Default label examples.
<span class="label pulse mr-10">
<span class="position-relative">1</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse mr-10">
<span class="position-relative">2</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse mr-10">
<span class="position-relative">5</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse mr-10">
<span class="position-relative">9</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse">
<span class="position-relative">10</span>
<span class="pulse-ring"></span>
</span>
Use .pulse-{success|primary|danger|warning|info|dark|white|success}
class to have color pulse options.
<span class="label pulse pulse-success mr-10">
<span class="position-relative">1</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse pulse-danger mr-10">
<span class="position-relative">2</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse pulse-warning mr-10">
<span class="position-relative">5</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse pulse-primary mr-10">
<span class="position-relative">9</span>
<span class="pulse-ring"></span>
</span>
<span class="label pulse pulse-info">
<span class="position-relative">10</span>
<span class="pulse-ring"></span>
</span>
Using with buttons and icons:
<a href="#" class="btn btn-icon btn-light-primary pulse pulse-primary mr-5">
<i class="flaticon2-bell-5"></i>
<span class="pulse-ring"></span>
</a>
<a href="#" class="btn btn-icon btn-light-success pulse pulse-success mr-5">
<i class="flaticon2-protected"></i>
<span class="pulse-ring"></span>
</a>
<a href="#" class="btn btn-icon btn-light-danger pulse pulse-danger mr-5">
<i class="flaticon2-information"></i>
<span class="pulse-ring"></span>
</a>
<a href="#" class="btn btn-icon btn-light-warning pulse pulse-warning mr-5">
<i class="flaticon2-gear"></i>
<span class="pulse-ring"></span>
</a>
Lorem Ipsum is simply dummy text of the printing and industry.
There are many variations of passages of Lorem Ipsum available.
Contrary to popular belief, Lorem Ipsum is not simply random text.
If you are going to use a passage of Lorem Ipsum, you need.
To start a blog, think of a topic about and first brainstorm ways to write details
To start a blog, think of a topic about and first brainstorm ways to write details
To start a blog, think of a topic about and first brainstorm ways to write details
To start a blog, think of a topic about and first brainstorm ways to write details