Built into the DnnContra theme is a class so that you can display your social links inline with the DnnContra style
The class you should use is the social-list class and use like below:
social-list
<ul class="social-list"> <li class="list-inline-item"> <a href="#" class="btn-round btn-xsmall waves-effect waves-light"> <i class="fa fa-facebook"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="btn-round btn-xsmall waves-effect waves-light"> <i class="fa fa-twitter"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="btn-round btn-xsmall waves-effect waves-light"> <i class="fa fa-google-plus"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="btn-round btn-xsmall waves-effect waves-light"> <i class="fa fa-linkedin"></i> </a> </li> <li class="list-inline-item"> <a href="#" class="btn-round btn-xsmall waves-effect waves-light"> <i class="fa fa-pinterest"></i> </a> </li> </ul>
Replace the # with the url of ypur social meida link. All icons are from Fontawesome, there are many other social icons for you to choose from.
#
A list of social icons can be found here on the Fontawesome website.