With the use of Font Awesome 4.5 icons you will be able to have clean and simple {Theme} Contact information.
HTML markup
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<div class="ct-contacts"> <div class="media"> <div class="media-left"><a href="#"><i class="fa fa-home"></i></a> </div> <div class="media-body"><a href="https://goo.gl/qdPJHL" class="media-title ct-u-color--accent">121 King Street, Melbourne<br> Victoria 3000 Australia</a> </div> </div> <div class="ct-u-padding-top-20"></div> <div class="media"> <div class="media-left"><a href="#"><i class="fa fa-phone"></i></a> </div> <div class="media-body"><a href="11234567890" class="ct-u-color--accent">+1 123 456 7890</a> </div> </div> <div class="media"> <div class="media-left"><a href="#"><i class="fa fa-envelope-o"></i></a> </div> <div class="media-body"><a href="mailto:example@example.com">example@example.com</a> </div> </div> <div class="media"> <div class="media-left"><a href="#"><i class="fa fa-globe"></i></a> </div> <div class="media-body"><a href="www.example.com" target="_blank">www.example.com</a> </div> </div> </div> |
Screenshot example