Are you a member? sign in or take a minute to sign up

Member login
Typography Typography

Tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est At vero eos et accusam et justo duo dolores et ea rebum.

Blog and Price Tags

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

Joomla Wordpress html cms envato activeden themeforest codecanyon beulah HTML5 CSS3
  • 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

kiwi $ 9.99

Jaffa oranges from Egypt
Prices are per Kg

orange $ 5.99

Israel extra long bananas
Prices are per Kg

banana $ 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>