TS Social Buttons

by Kushal Jayswal

HTML

<form class="email-subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=teckstack', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" role="form">
    <div class="form-group">
        <label for="emailSubscription">Email Subscription</label>
        <div class="clearfix">
            <input type="email" class="form-control pull-left" style="width: 77%;" id="emailSubscription" name="email" placeholder="Enter email">
            <input type="hidden" value="teckstack" name="uri" />
            <input type="hidden" name="loc" value="en_US" />
            <input type="submit" class="btn btn-success pull-right" value="Go" />
        </div>
    </div>
    <hr>
    <div class="fbl" style="background: #eee; padding: 10px; clear: both;"> <a href="http://facebook.com/teckstack" target="_blank" class="scounts fb"><i class="fa fa-facebook-square"></i><em>[scp code="facebook"]</em>
            </a>		<a href="http://twitter.com/teckstack" target="_blank" class="scounts tw"><i class="fa fa-twitter-square"></i><em>[scp code="twitter"]</em></a>
 <a href="https://plus.google.com/+Teckstack" target="_blank" class="scounts g"><i class="fa fa-google-plus-square"></i><em>[scp code="googleplus"]</em></a>
	<a href="http://www.soundcloud.com/kjayz" target="_blank" class="scounts sc"><i class="fa fa-soundcloud"></i><em>[scp code="soundcloud"]</em></a>
	<span class="scounts c"><i class="fa fa-comments"></i><em>[scp code="posts"]</em></span>

    </div>
</form>

CSS

.fbl {
    display: table;
    width: 100%;
}
.fbl .scounts {
    display: table-cell !important;
    text-decoration: none;
    width: 20%;
    color: #fff;
    padding: 5px;
    text-align: center;
}
.fbl .scounts em {
    display: block;
    font-style: normal;
    font-size: 14px;
}
.fbl .scounts {
    font-size: 30px;
}
.fbl .scounts.fb {
    background: #3b5998;
}
.fbl .scounts.tw {
    background: #55acee;
}
.fbl .scounts.g {
    background: #dd4b39;
}
.fbl .scounts.sc {
    background: #ff8800;
}
.fbl .scounts.c {
    background: #d7d7d8;
}