Social Bar

HTML MARKUP

&lt;div class="ct-socialBar text-center"&gt;
            &lt;h4 class="ct-socialTitle"&gt;&lt;i class="fa fa-share-alt"&gt;&lt;/i&gt; Connect with us&lt;/h4&gt;
            &lt;hr class="divider"&gt;
            &lt;div class="container"&gt;
                &lt;div class="row"&gt;
                    &lt;div class="col-md-12"&gt;
                        &lt;div class="ct-socialList"&gt;
                            &lt;ul class="list-inline list-unstyled text-uppercase"&gt;
                                &lt;li&gt;&lt;a href="#" class="ct-socialLink"&gt;Facebook&lt;span rel="Facebook"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#" class="ct-socialLink"&gt;Twitter&lt;span rel="Twitter"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#" class="ct-socialLink"&gt;YouTube&lt;span rel="YouTube"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                                &lt;li&gt;&lt;a href="#" class="ct-socialLink"&gt;Pinterest&lt;span rel="Pinterest"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
                            &lt;/ul&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;

<h4 class="ct-socialTitle"><i class="fa fa-share-alt"></i> Connect with us</h4>

<li><a href="#" class="ct-socialLink">Facebook<span rel="Facebook"></span></a></li>

<li><a href="#" class="ct-socialLink">Twitter<span rel="Twitter"></span></a></li>

<li><a href="#" class="ct-socialLink">YouTube<span rel="YouTube"></span></a></li>

<li><a href="#" class="ct-socialLink">Pinterest<span rel="Pinterest"></span></a></li>

</ul>

</div>

Screenshot:

News

Siver

Estato

Disrupt

We are elite