Buttons

Buttons are used on forms, website homepages, dialog boxes, and toolbars. It is important to differentiate between buttons and links. Buttons are used when you want a user to act (submit, cancel, delete) and links are used to direct users to other pages (about me, read more).

Ex:- E-commerce Websites, Social Media Websites, Coding Platforms,etc.

Normal Button Color Button Primary Button Glowing Button Block Button Download Button

<div class="normalbtn">
<button class="red-bt">Stop</button>
<button class="blue-bt">Retry</button>
<button class="green-bt">Start</button>
<button class="yellow-bt">Close</button>
</div>
<div class="colorbtn">
<button class="red-bt">Stop</button>
<button class="blue-bt">Retry</button>
<button class="green-bt">Start</button>
<button class="yellow-bt">Close</button>
</div>
<div class="primarybtn">
<button>Stop</button>
<button>Retry</button>
<button>Start</button>
<button>Close</button>
</div>
<div class="glowbtn">
<button class="red-bt">Stop</button>
<button class="blue-bt">Retry</button>
<button class="green-bt">Start</button>
<button class="yellow-bt">Close</button>
</div>
<div class="blockbtn" id="blockbtn">
<button class="blockbtt">Retry</button>
<button class="blockbtt">Close</button>
</div>
<div class="downloadbtn">
<button class="downbtt"><i class="fa fa-download fa-lg"></i> DOWNLOAD</button>
</div>