Advanced Search

HTML - Typography - Inline link buttons

/ Published in: HTML
Save to your folder(s)
Link button html

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. <p>
  2. 	<span class="button red"><a href="#"><span>.button.red</span></a></span>
  3. 	<span class="button amber"><a href="#"><span>.button.amber</span></a></span>
  4. 	<span class="button green right"><a href="#"><span>.button.green.right</span></a></span>
  5. </p>
  6. <p>	
  7. 	<span class="button black"><a href="#"><span>.button.black</span></a></span>
  8. 	<span class="button grey"><a href="#"><span>.button.grey</span></a></span>
  9. 	<span class="button right"><a href="#"><span>.button.right</span></a></span>
  10. </p>
  11. <p>	
  12. 	<span class="button red rounded"><a href="#"><span>.button.red.rounded</span></a></span>
  13. 	<span class="button amber rounded"><a href="#"><span>.button.amber.rounded</span></a></span>
  14. 	<span class="button green right rounded"><a href="#"><span>.button.green.right.rounded</span></a></span>
  15. </p>
  16. <p>	
  17. 	<span class="button med"><a href="#"><span>.button.med</span></a></span>
  18. 	<span class="button big"><a href="#"><span>.button.big</span></a></span>
  19. </p>
  20. <p>	
  21. 	<span class="button block"><a href="#"><span>.button.block</span></a></span>
  22. </p>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.