Blog Tags

Blog Tags are used to highlight keywords or search words in a blog or site content. These tags have been designed with pure CSS3 and additional fallback for older browsers. Need more styles? Get them here

• View code

  <a class="tag-body yellow" href="#"><span class="tag">Joomla</span></a>
  <a class="tag-body yellow" href="#"><span class="tag">Wordpress</span></a>
  <a class="tag-body yellow" href="#"><span class="tag">html</span></a>

Price Tags

Tags can be used also to indicate price labels on an item. You can play around with the margin of the .tag-body.price class to position it at the top, middle or bottom position, relative to the item

Juicy and Fresh Kiwi Fruit
Prices are per Kg

$ 9.99

Jaffa oranges from Egypt
Prices are per Kg

$ 5.99

Israel extra long bananas
Prices are per Kg

$ 4.99

• View code

  <img src="./demo/kiwi.png" alt="kiwi">
  <a class="tag-body yellow price" href="#"><span class="tag">$ 9.99</span></a>