The button class is default, along with it you can add the two class which is for background color and the icon. Below are the different colored buttons with Download Icon. In all the styles the button and icon-download class are same, only the color class changes which gives different color background as displayed below. You can change the color as well as icon based on your need.
Result | Code |
Download Template | <a class="button color-blue-lite icon-download" href="http://www.techirsh.com">Download Template</a> |
Download | <a class="button icon-download color-blue-dark" href="http://www.techirsh.com">Download</a> |
Download | <a class="button icon-download color-aqua-dark" href="http://www.techirsh.com">Download</a> |
Download | <a class="button color-green-lite icon-download" href="http://www.techirsh.com">Download</a> |
Download | <a class="button color-grey-lite icon-download" href="http://www.techirsh.com">Download</a> |
Download | <a class="button icon-download color-grey-dark" href="http://www.techirsh.com">Download</a> |
Download | <a class="button icon-download color-pink-dark" href="http://www.techirsh.com">Download</a> |
Download | <a class="button icon-download color-purple-lite" href="http://www.techirsh.com">Download</a> |
No comments:
Post a Comment