social media html

Solutions on MaxInterview for social media html by the best coders in the world

showing results for - "social media html"
Leon
12 Aug 2019
1Refer link : 
2https://www.programmingquest.com/2020/04/create-social-media-icon-using-html-css.html
3
4<html>
5	<head>
6		<title>Social Media Icon Example</title>
7		<!-- Adding font awesome icon library -->
8		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
9		<style>
10			.fa {  
11			  width: 25px;
12			  padding: 20px;
13			  font-size: 25px;
14			  text-align: center;
15			  text-decoration: none;
16			  margin: 5px 2px;
17			  color: white;
18			  border-radius: 50%; 
19			}
20
21			.fa:hover {
22				opacity: 0.7;
23			}
24
25			.fa-facebook {
26			  background: #3B5998;
27			}
28
29			.fa-twitter {
30			  background: #55ACEE;
31			}
32
33			.fa-google {
34			  background: #dd4b39;
35			}
36
37			.fa-linkedin {
38			  background: #007bb5;
39			}
40
41			.fa-youtube {
42			  background: #bb0000;
43			}
44
45			.fa-instagram {
46			  background: #8a3ab9;
47			}
48
49			.fa-whatsapp {
50			  background: #4FCE5D;
51			}
52
53			.fa-pinterest {
54			  background: #cb2027;
55			}
56
57			.fa-snapchat-ghost {
58			  background: #fffc00;  
59			  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
60			}
61
62			.fa-skype {
63			  background: #00aff0;
64			}
65
66			.fa-github {
67			  background: #000000;
68			}
69
70			.fa-dribbble {
71			  background: #ea4c89;
72			}
73
74			.fa-vimeo {
75			  background: #45bbff;
76			}
77
78			.fa-foursquare {
79			  background: #45bbff;
80			}
81
82			.fa-stumbleupon {
83			  background: #eb4924;
84			}
85
86			.fa-flickr {
87			  background: #f40083;
88			}
89
90			.fa-yahoo {
91			  background: #430297;
92			}
93
94			.fa-reddit {
95			  background: #ff5700;
96			}
97
98			.fa-rss {
99			  background: #ff6600;
100			}
101			</style>
102	</head>
103	<body>
104		<!-- Using font awesome icons -->
105		<a href="#" class="fa fa-facebook"></a>
106		<a href="#" class="fa fa-twitter"></a>
107		<a href="#" class="fa fa-google"></a>
108		<a href="#" class="fa fa-linkedin"></a>
109		<a href="#" class="fa fa-youtube"></a>
110		<a href="#" class="fa fa-instagram"></a>
111		<a href="#" class="fa fa-whatsapp"></a>
112		<a href="#" class="fa fa-pinterest"></a>
113		<a href="#" class="fa fa-snapchat-ghost"></a>
114		<a href="#" class="fa fa-skype"></a>
115		<a href="#" class="fa fa-github"></a>
116		<a href="#" class="fa fa-dribbble"></a>
117		<a href="#" class="fa fa-vimeo"></a>
118		<a href="#" class="fa fa-foursquare"></a>
119		<a href="#" class="fa fa-stumbleupon"></a>
120		<a href="#" class="fa fa-flickr"></a>
121		<a href="#" class="fa fa-yahoo"></a>
122		<a href="#" class="fa fa-reddit"></a>
123		<a href="#" class="fa fa-rss"></a>
124	</body>
125</html>
Naomie
24 Oct 2019
1
2  .fa {
3  padding: 20px;
4  
5  font-size: 30px;
6  width: 30px;
7  
8  text-align: center;
9  text-decoration: none;
10 
11  border-radius: 50%;
12} 
queries leading to this page
add bootstrap socia media icons in htmlbootstrap facebooksocial media icons in htmlbootstrap instagram 4 logo classsocial media icons for footersocial media icons htmlsocial media links bootstrap 4social media icon bootstrap freebootstrap social linkhtml social media report bootstrap social media examplesocial bootstrap iconssocial links icon htmlsocial media buttons footerw3schools social media iconssocial media bootstrapsocial media icons html codesocial media icons html and csssocial media in htmlheader social icons html nameshow to add sotial media icon in bootstrapsocial links htmljs social iconsocial media icons bootstrap htmlbootstrap 5 social media iconssocial media buttons social media tagw3 schools how to create a social media semi arcsocial media icons footer javascriptsocila media icons for the cssbootstrap icon social mediasocial media symbols in bootstarpsocial icons ul w3boostrap social login iconsbootstrap saocial media iconsbootstrap social media classesboostrap social media linkssocial media icons bootsniphow to add social media icons using bootstraponline social icons bootstrapicon rede social bootstrapsocial media link in htmlfloating social media icons bootstrapsocial media buttons on bootstrapbootstrap twitter share buttonadd facebook icon bootstrapsocial htmlsocial media icons bootstrap 4bootstrap icons socialboostrap contact info social network iconsbootstrap social media icons footercss instagram button bootstrap social icossocial icons with bootstrap 4bootstrap snippets social iconsfacebook bootstrapfa social media iconsbootstrap 4 social login iconssocial media icons bootstraphtml social media symbolhtml css social media feedfooter iconstwitter logo bootstrapadd social media to bootstraphtml social media iconsfooter facebook twitter htmlhow to customize social media icons using bootstrap 4how to make a social media app from htmlbootstrap social icon buttonhtml social media pagebootstrap share facebookadd social media icons using bootsrapcool html social media linksbootstrap add social media linkssocial icons on bootssocial icons html and csssocial media buttons bootstrap for angularinstagram icons html bootstraphow to add social media icons bootstrapbootstrap 4 social media icons with countersocial media site htmlsocials bootstraphorizontal social media icons htmlhref social media html csstwitter button csshow to add social media icons to bootstrapbootstrap social media icons for instagramhow to make social media icons in bootstrapsocial media icon in bootstraphow to add facebook instagram icons in htmlhow to include bootstrap social css in angular 7class for btn socialicon for instagram and facebook bootstrapicon i in html of social mediasocial media bootstrap class iconsocial media 23tag icon of facebook for csscreate social media icons square bootstrapsocial media page htmlsocial media icon class in bootstrapfacebook icon html5bootstrap social media buttonssocial media html templatebootstrap google buttonbootstrap 4 social media boxbootsrap social media linksround social media icons htmlstyle icons facebook bootstrapsocial media buttons html csssocial media icons using bootstarpbootstrap social media sectionfooter with social media icons htmlsocial media footer htmlhow do i add social media icons to bootstrapssocial media links html css examplebootstrap social media listsocial icons in boostrapsocial media icons in cssbootstrap social media icons codesocial media icons for cssbootstrap code to add social media icons to email templatehow to style social media buttonsboostrap social media iconbootstrap responsive social media iconsdiv class social linkssocial icon csssocial media icons bootstrap 5css for social media iconsfont icon w3school social iconbootstrap 4 social media icons login pagesocial media link in bootstrapfacebook icon csshow to add social icons in bootstrapbootstrap facebook icon colorsocial icons sass bootstrap 5adding social media button with bootstraphtml css for social media pagessocial icons group exmple html csshtml social icons inline csssocial media buttons in bootstrapbootstrap fixed social media iconsusing bootstrap social media iconbootstrap social iconstwitter icon csssocial links and icons in htmlhorizontal social media icons bootstrapsocial media logo htmlbootstrap social media icons listsocial media cssbootstrap 4 social media iconsmdbootstrap social iconshow to get social media icons in bootstrap 4social media icon for htmlbootstrap circle social media iconshtml social linkfooter social media icons html cssbootstrap icon for social handleadding social media icons to bootstrapadding social media icons in bootstrapbootstrap 3 glyhicon social mediabootstrap 3 social media iconsbootstrap 4 social media buttons large 27bootstrap 4 social media icons effectsclass 3d 22social media bootstrap buttonssocial media template html csshow to give fa fa facebook link in email templatesget bootstrap social iconsfa fa social media iconsbootstrap css social media icons includebootstrap 4 horzinral social mediasocial media icon with html csshow create social media link with bootstrapsocial button css bootstta 3cphtml social media buttonsbootstrap social media fielssocial media links html css codesocialicons bootstrap classsocial icon bootstrapreact bootstrap social media pagebootstrap 3 social icons demo multimedia buttons bootstrapsocial media bootstrap iconsbootstrap 4 social iconsocial accounts links html templatecss social bootstrapsocial media list htmlsocial login buttons for bootstrapsolar media links csssocial footer htmlcode forsocial media buttonsocial media links on website htmlbootstrap 4 social iconssocial media icons html templatehtml5 social media icons bootstrapsocial emdia icons for html cssexpanding social media icons in htmlcss socialmedia examplesbootstrap socialmedia iconshow to add facebook and instagram symbol csssbootstrap social icon for schoolfacebook icon script linkbootstrap facebook linkedin iconssocial icons bootstrap 4social buttonbootstrap social media icons linkhow to add facebook and instagram symbol csssocial media w3schoolscreate in responsive social media icons csscss bootstrap social iconssocial links icons on bootstrapadd social media icons to website htmlfooter social media iconsboostrap icon social bootstrap 4 social media linkslink social media htmlsocial media icons in bootstraptwitter icon css codebootstap5 for social media iconssocial media icon button bootstrapfacebook button bootstraplinkedin class in bootstraphow do i add social media icons to bootstraphtml5 social media symboltwitter icon in htmlbootstrap4 facebook iconbtn social icon in bootstrapbootstrap share buttonssocialmedia iocns bootstraphtml social icons templatesocial button bootstrap 4socila media html pagebootstrap import social iconstw btnbootstrap soical iconhtml social buttonsbootstrap set social media iconssocial media link design html and cssadd bootstrap social to htmlsocial icons with static bootstrap 4why bootstrap social media icons footersocial icon in bootstrap 4html css used in social mediasocial icon in bootstrap 5social media button csssocial media linking in htmlbootstrap social linksbootstrap 4 social media icons examplesbootstrap avatarsocial icon html and csssocial media info html csssocial media buttons bootstrapsocial media icons for bootstrap5instagram and facebook logo png nav csssocial icons bootstrap 5list of diffrent social trype of bussun in htmlsocial media html css barsocial media link html templatehtml social media iconclickable social media icons html 2fcsssocial media links csshow to link social media htmlsocial media icons bootstrap cssfacebook icon bootstrap 4social network icons htmlsocial feed htmlsocial media icon divinstagram button bootstrap4button html social mediacss social share buttonsfacebook icon for htmlhow to add instagram icon in htmlsocial link icon in bootstrapbootstrap 3 social icons examplebootstrap social media icons in rowbootstrap facebook buttonhow to add social media icons in html using bootstrapbootstrap social idonssocial icons html css pluginsocial buttons for bootstraphow to use social media icons in bootstrap 4how to make a social media website htmlsocial media icon angualrbootstrap socialsbootstrap social mediabootstrap social media iconsfacebook icon bootstrapsocial media icons code htmlinput text social media link in bootstrapangular social media iconsbootstap social media iconsbootstrap socil iconshow to add social icon in carousel slider bootstrapcss add linkedin and facebook iconhtml facebook link and iconsocial media html5 templatebuttons on link to social media htmlbootstrap html social media iconsfacebook button css htmlsocial media html templatefontawesome bootstrapsocialsocial icon bootstrapebootstrap followu social iconssocial media icon cssbootstarp social iconsbootstrap social media icons examplelink to social media htmlsocial media icons footer bootstrapbootstrap social media linkssocial media icons html csbootstrap icons social mediagoogle button bootstrapbootstrap facebook iconsocial icons in bootstrapsocial media icon htmlfacebook twitter instagram logo bootstraphow to make social media icons htmlhow to use bootstrap social in angularsocial media icons w3 schoolsbtn social iconsocial media icons and link in bootstrapsocial media icons for bootstrapsocial buttons for bootstrapsbootstrap 4 add social media iconssimple html code for social linkbootstrap social buttonssocial media icon list bootstrapbootstrap social icons in angularbootstrap 5 link social iconsbootstrap social media icons bootstrapsocial media stying with css and html social bootstrap buttonstatic socials icons bootstrap 4soical icone css bootstrap socail iconsadd social buttons htmlsocial icons facebook twitter linkedln google using html and cssfa fa social mediafacebook logo button bootstrapsocial contact a person in htmlhref icon social bootstrapbootstrap social media icons bootsnipusing bootstrap 5 add social media iconscss instagram buttobootrap 4 social media logotwitter icon button bootstrapsocial media icons html bootstrapsocial media buttons htmlboostrap social media iconsbootstrap socialbootstrap social network iconshtml css social media media links sectionsocial button bootstrapsocial icon css in bootstrapsocial icons bootstrap designsocial buttons bootstrapsocial links bootstrapsocial media logo bootstrap linkdinsocial icons class in bootstrapadd social media icons to footer html in bootstrap 4social icons bootstraphtml description for social mediabootstrap 4 5 css social media iconssocial icon bootstrape linksocial media html css css social media iconsmake social media htmlhtml for all social icons with linkbootstrap 4 banner with social media iconsicon social cssfooter with social media iconssocial icons in bootstrap 4social media icons in bootstrap 5html social icon codesocial media icons for website bootstrap 4websit social media links htmlbootstrap 4 add facebook iconbootstrap social media icons snippetibootstrap icons for version 4 social media icxonssocial media for csssocial media template htmlbootstrap social icon freehtml and css social media feedsocial media html css templatehtml css social mediabootstap list with social media iconssocial button bootstrap downloadicon social media htmlbootstrap circular social media iconslinkedin button bootstrap examplebootstrap button social mediasocial media htmlicon social bootstraphow to add social media icons in bootstrapsocial media links bootstrapsocial media link side buttons for bootstrapsocial media button bootstrap 4 examplebootstrap twitter iconbootsrap social media iconshtml code social iconssocial media responsive csssocial media icons footersocial media button htmlhow to make instagram like button in html and csssocial media fonts html csssocial icons bootstrpinstagram button bootstrapsocial media share htmlsocial network links htmlhtml5 tag social mediaadd social media buttons bootstraphow to add social media icons to footer in bootstrapsocial media icon button htmllink fo social media icons bootstrapresponsive social media icons bootstrapicons social media html csssocial media icons css htmlreact bootstrap social butttonsbootstrap css social media iconsbootstrap social login buttonssimple bootstrap socal linkhtml code for social media buttons to websitehow to add social media icons in bootstrap 4code a social media page with header using html5 and css3 videosocial icons bootstrap studiosocial block bootstrapcss facebook iconhow to get social media icons in bootstrapsocial media icon bootstraphtml social mediasocial media badges bootstrapicon facebook cssbootstrap facebook button css colorsfacbook icon in cssbootstrap social butons iconsfacebook logo button react bootstrapbootstrap for social mediabootstrap social icon classessocial media links htmlbootstrap social media tagbootstrap social iconsocial media icon in htmlsocail media html cssadd social media icons bootstrapsocial item instagram csssocial icons bootstrapsocial side button media buttons bootstrap how to add social media icon in htmlsocial media icon bootstrap cdncss social media button iconsfont awesome social buttonssocial media tagssimple footer with social media icons htmlbootstrap social meidainstagram button cssbootstrap icons for social mediasocial media logo html cssfacebook button htmlsocial media icons html cssbootstrap create col social mediastyle social media buttons in javascript and csssocial media icons csssocial bootstrapbootstrap social media tagehow to add follow icon in div csscocial media icons csshtml widget social mediasocial media tag in htmlhtml css social iconssocial media html