Social Media Button Design

Bootstrap snippet. Social Media Button Design, this snippet was created to help web designers,
front-end developers and back-end developer save time. Use it in your project and build your app faster,
You can also download the HTML, CSS, and JS code.
tags: button,social,user

HTML code

Copy, paste, change, customize and run the following HTML code to get a result like the one shown in the preview selection

<link rel="stylesheet" type="text/css" href="//">
<h4><a target="__blank" href="">jquery2dotnet</a></h4>  
<div class="col-md-12">
    <div class="row">
          <div class="social google-pluse">
            <i class="fa fa-google-plus fa-5x"></i>
        <div class="social facebook">
            <i class="fa fa-facebook fa-5x"></i>       
        <div class="social twitter">
            <i class="fa fa-twitter fa-5x"></i>   
        <div class="social pinterest">
            <i class="fa fa-pinterest fa-5x"></i>  
    <div class="row">
        <div class="social linkedin">
            <i class="fa fa-linkedin fa-5x"></i>   
        <div class="social skype">
            <i class="fa fa-skype fa-5x"></i>       
        <div class="social youtube">
            <i class="fa fa-youtube fa-5x"></i>     
        <div class="social tumblr">
            <i class="fa fa-tumblr fa-5x"></i>     

CSS code

Copy, paste, change, customize and run the following CSS code to get a result Like the one shown in the preview selection

    border:1px solid rgb(204,204,204);
    box-shadow:0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);
    margin:0 10px 10px 0;

Similar snippets

Bootstrap snippet bs4 user card task list

bs4 user card task list


Bootstrap snippet bs4 user profile cover

bs4 user profile cover


Bootstrap snippet bs4 edit profile page

bs4 edit profile page


About this snippet

Creator: Dey Dey

Bootstrap version: 3.1.1

Created: Jul 4th 2014, 11:17

Views: 4.4K

Rated 5/5 based on 5 reviews