css social code bootstrap 4

Solutions on MaxInterview for css social code bootstrap 4 by the best coders in the world

showing results for - "css social code bootstrap 4"
Greta
21 Apr 2016
1<a class="btn btn-block btn-social btn-twitter">  <span class="fa fa-twitter"></span>  Sign in with Twitter</a> <a class="btn btn-social-icon btn-twitter">  <span class="fa fa-twitter"></span></a>
Christopher
05 Jan 2019
1<!DOCTYPE html>
2<html>
3<head>
4<meta name="viewport" content="width=device-width, initial-scale=1">
5<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
6<style>
7.fa {
8    padding: 20px;
9    font-size: 30px;
10    width: 50px;
11    text-align: center;
12    text-decoration: none;
13    margin: 5px 2px;
14
15    border-radius: 50%;
16}
17
18.fa:hover {
19    opacity: 0.7;
20}
21
22.fa-facebook {
23    background: #3B5998;
24    color: white;
25}
26
27.fa-twitter {
28    background: #55ACEE;
29    color: white;
30}
31
32.fa-google {
33    background: #dd4b39;
34    color: white;
35}
36
37.fa-linkedin {
38    background: #007bb5;
39    color: white;
40}
41
42.fa-youtube {
43    background: #bb0000;
44    color: white;
45}
46
47.fa-instagram {
48    background: #125688;
49    color: white;
50}
51
52.fa-pinterest {
53    background: #cb2027;
54    color: white;
55}
56
57.fa-snapchat-ghost {
58    background: #fffc00;
59    color: white;
60    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
61}
62
63.fa-snapchat {
64    background: #fffc00;
65    color: white;
66    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
67}
68
69.fa-skype {
70    background: #00aff0;
71    color: white;
72}
73
74.fa-android {
75    background: #a4c639;
76    color: white;
77}
78
79.fa-whatsapp {
80    background: #60cd15;
81    color: white;
82}
83
84.fa-dribbble {
85    background: #ea4c89;
86    color: white;
87}
88
89.fa-vimeo {
90    background: #45bbff;
91    color: white;
92}
93
94.fa-tumblr {
95    background: #2c4762;
96    color: white;
97}
98
99.fa-vine {
100    background: #00b489;
101    color: white;
102}
103
104.fa-foursquare {
105    background: #45bbff;
106    color: white;
107}
108
109.fa-stumbleupon {
110    background: #eb4924;
111    color: white;
112}
113
114.fa-flickr {
115    background: #f40083;
116    color: white;
117}
118
119.fa-yahoo {
120    background: #430297;
121    color: white;
122}
123
124.fa-soundcloud {
125    background: #ff5500;
126    color: white;
127}
128
129.fa-reddit {
130    background: #ff5700;
131    color: white;
132}
133
134.fa-rss {
135    background: #ff6600;
136    color: white;
137}
138</style>
139</head>
140<body>
141
142<h2>Style Social Media Buttons</h2>
143
144<!-- Add font awesome icons -->
145<a href="#" class="fa fa-facebook"></a>
146<a href="#" class="fa fa-twitter"></a>
147<a href="#" class="fa fa-google"></a>
148<a href="#" class="fa fa-linkedin"></a>
149<a href="#" class="fa fa-youtube"></a>
150<a href="#" class="fa fa-instagram"></a>
151<a href="#" class="fa fa-pinterest"></a>
152<a href="#" class="fa fa-snapchat-ghost"></a>
153<a href="#" class="fa fa-snapchat"></a>
154<a href="#" class="fa fa-whatsapp"></a>
155<a href="#" class="fa fa-skype"></a>
156<a href="#" class="fa fa-android"></a>
157<a href="#" class="fa fa-dribbble"></a>
158<a href="#" class="fa fa-vimeo"></a>
159<a href="#" class="fa fa-tumblr"></a>
160<a href="#" class="fa fa-vine"></a>
161<a href="#" class="fa fa-foursquare"></a>
162<a href="#" class="fa fa-stumbleupon"></a>
163<a href="#" class="fa fa-flickr"></a>
164<a href="#" class="fa fa-yahoo"></a>
165<a href="#" class="fa fa-reddit"></a>
166<a href="#" class="fa fa-rss"></a>
167      
168</body>
169</html> 
Santino
13 Oct 2016
1<!DOCTYPE html>
2<html>
3<head>
4<meta name="viewport" content="width=device-width, initial-scale=1">
5<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
6<style>
7.fa {
8  padding: 20px;
9  font-size: 30px;
10  width: 50px;
11  text-align: center;
12  text-decoration: none;
13  margin: 5px 2px;
14}
15
16.fa:hover {
17    opacity: 0.7;
18}
19
20.fa-facebook {
21  background: #3B5998;
22  color: white;
23}
24
25.fa-twitter {
26  background: #55ACEE;
27  color: white;
28}
29
30.fa-google {
31  background: #dd4b39;
32  color: white;
33}
34
35.fa-linkedin {
36  background: #007bb5;
37  color: white;
38}
39
40.fa-youtube {
41  background: #bb0000;
42  color: white;
43}
44
45.fa-instagram {
46  background: #125688;
47  color: white;
48}
49
50.fa-pinterest {
51  background: #cb2027;
52  color: white;
53}
54
55.fa-snapchat-ghost {
56  background: #fffc00;
57  color: white;
58  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
59}
60
61.fa-skype {
62  background: #00aff0;
63  color: white;
64}
65
66.fa-android {
67  background: #a4c639;
68  color: white;
69}
70
71.fa-dribbble {
72  background: #ea4c89;
73  color: white;
74}
75
76.fa-vimeo {
77  background: #45bbff;
78  color: white;
79}
80
81.fa-tumblr {
82  background: #2c4762;
83  color: white;
84}
85
86.fa-vine {
87  background: #00b489;
88  color: white;
89}
90
91.fa-foursquare {
92  background: #45bbff;
93  color: white;
94}
95
96.fa-stumbleupon {
97  background: #eb4924;
98  color: white;
99}
100
101.fa-flickr {
102  background: #f40083;
103  color: white;
104}
105
106.fa-yahoo {
107  background: #430297;
108  color: white;
109}
110
111.fa-soundcloud {
112  background: #ff5500;
113  color: white;
114}
115
116.fa-reddit {
117  background: #ff5700;
118  color: white;
119}
120
121.fa-rss {
122  background: #ff6600;
123  color: white;
124}
125</style>
126</head>
127<body>
128
129<h2>Style Social Media Buttons</h2>
130
131<!-- Add font awesome icons -->
132<a href="#" class="fa fa-facebook"></a>
133<a href="#" class="fa fa-twitter"></a>
134<a href="#" class="fa fa-google"></a>
135<a href="#" class="fa fa-linkedin"></a>
136<a href="#" class="fa fa-youtube"></a>
137<a href="#" class="fa fa-instagram"></a>
138<a href="#" class="fa fa-pinterest"></a>
139<a href="#" class="fa fa-snapchat-ghost"></a>
140<a href="#" class="fa fa-skype"></a>
141<a href="#" class="fa fa-android"></a>
142<a href="#" class="fa fa-dribbble"></a>
143<a href="#" class="fa fa-vimeo"></a>
144<a href="#" class="fa fa-tumblr"></a>
145<a href="#" class="fa fa-vine"></a>
146<a href="#" class="fa fa-foursquare"></a>
147<a href="#" class="fa fa-stumbleupon"></a>
148<a href="#" class="fa fa-flickr"></a>
149<a href="#" class="fa fa-yahoo"></a>
150<a href="#" class="fa fa-reddit"></a>
151<a href="#" class="fa fa-rss"></a>
152      
153</body>
154</html> 
155
queries leading to this page
bootstrap socials pagebootstap social social button bootstrapinline social media bootstrapbootstrap social cssicon button github bootstrapshare button bootstrapsocial buttons bootstrapsocial links bootstrapsocial media logo bootstrap linkdinbootstrap social websitesingle social link page bootstrapbootstrap social pagebootstrap social linkwhat is bootstrap social 3fhow to create follow social media in bootstrapbootstrap social cssdownload bootstrap socialsocial post examples bootstrapinstall bootstrap socialbootstrap 4 social networkbootstrap social buttonssocial media bootstrapsocial link css bootstrapsocial boxed bootstrap 4bootstrap button for social media login buttonsocial media post bootstrapbootstrap social network templatehow to inculde bootstrap social csssocial button bootstrap downloadfavorite button github bootstrapbootstrap css github iconsocial buttons for bootstrapsocial post bootstrapbootstrap button social mediastart bootstrap social mediasocial media links bootstrapbootstrap socialsbootstrap social css downloadbootstrap social mediabootstrap twitter iconget bootstrap social iconsbootstrap simple social mediasocial bootstrap uisocial links in bootstrapbootstrap social media classeshow to add link icon butons to page facebook twitter github instagrambootstrap icons linkedin 2c githubsocials for bootstraplinkedin 2c github 2c facebook buttoms html 2c cssbootstrap socialsendboostrap socialbootstrap style example social networkcss social bootstrapsocial buttons githubsocial network bootstraphtml footer with github linkedinbootstrap social login buttonsgoogle button bootstraptwitter logo bootstrapcss social code bootstrap 4bootstrap instagram buttonbootstrap social cssbootstrap social icon buttonsingle social link bootstrapbootstrap small social buttonbootstrap social media networkbootstrap social butons iconssocials bootstrapdownload bootstrap social cssbootstrap social media icons for instagramsocial network bootstrap templatecss social bootstrap 4logo facebook bootstrapbootstrap social links traybootstrap my social pagebootstrap linkedin iconsocial media home page bootstrapsocial widget bootstrapbootstrap google buttonsocial btnssocial bootstraptwitter icon button bootstrapbootstrap 4 social network templatesocial icon in bootstrap 4bootstrap social html templatebootstrap socialcss social code bootstrap 4