Creative Brands

Creative Brands With Creative Brands you can easily add to your website links to your profiles on Facebook, Twitter, Google+, Youtube and many others. Links are easy to customize. You can change size, color, shape or animation effect. We are using icons from Font Awesome and animations from Animate.css.

by shatul patil

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://brands.pixelized.cz/css/animate.css">
<link rel="stylesheet" href="http://brands.pixelized.cz/css/bootstrap.min.css">
<script src="http://brands.pixelized.cz/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://brands.pixelized.cz/css/creative-brands.css">
<script src="http://brands.pixelized.cz/js/creative-brands.js"></script>
 <!-- DEFAULT CLASS -->
        	<h3><i class="fa fa-bookmark"></i> Default class <small>brands</small></h3>
            <div class="row">
            	<div class="col-lg-4 col-md-5 col-sm-6">                   
                    <ul class="brands">
						<li><a href="#" class="brands-facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" class="brands-twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" class="brands-youtube"><i class="fa fa-youtube"></i></a></li>
                    </ul>
                </div>
                       
            </div>
            
            <!-- INLINE CLASS -->
        	<h3><i class="fa fa-bookmark"></i> Inline class <small>brands brands-inline</small></h3>
            <div class="row">
            	<div class="col-lg-4 col-md-5 col-sm-6">                   
                    <ul class="brands brands-inline">
						<li><a href="#" class="brands-facebook"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#" class="brands-twitter"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#" class="brands-youtube"><i class="fa fa-youtube"></i></a></li>
                    </ul>
                </div>
                
            </div>
            
            <!-- JUSTIFIED CLASS -->
        	<h3><i class="fa fa-bookmark"></i> Justified class <small>brands brands-justified</small></h3>
            <div class="row">
            	<div class="col-lg-4 col-md-5 col-sm-6">                   
                   ...