Using social buttons

Using the social list style

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:

    
<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.