Luego de de nuestra extensa recopilación de datos hemos podido resolver este apuro que pueden tener algunos los lectores. Te compartimos la respuesta y nuestro objetivo es servirte de mucha apoyo.
Ejemplo 1: bootstrap de iconos de redes sociales
Refer link :
https://www.programmingquest.com/2020/04/create-social-media-icon-using-html-css.html
<html><head><title>Social Media Icon Exampletitle><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"><style>.fawidth:25px;padding:20px;font-size:25px;text-align: center;text-decoration: none;margin:5px2px;color:white;border-radius:50%;.fa:hoveropacity:0.7;.fa-facebookbackground:#3B5998;.fa-twitterbackground:#55ACEE;.fa-googlebackground:#dd4b39;.fa-linkedinbackground:#007bb5;.fa-youtubebackground:#bb0000;.fa-instagrambackground:#8a3ab9;.fa-whatsappbackground:#4FCE5D;.fa-pinterestbackground:#cb2027;.fa-snapchat-ghostbackground:#fffc00;text-shadow:-1px0black,01pxblack,1px0black,0-1pxblack;.fa-skypebackground:#00aff0;.fa-githubbackground:#000000;.fa-dribbblebackground:#ea4c89;.fa-vimeobackground:#45bbff;.fa-foursquarebackground:#45bbff;.fa-stumbleuponbackground:#eb4924;.fa-flickrbackground:#f40083;.fa-yahoobackground:#430297;.fa-redditbackground:#ff5700;.fa-rssbackground:#ff6600;style>head><body><ahref="#"class="fa fa-facebook">a><ahref="#"class="fa fa-twitter">a><ahref="#"class="fa fa-google">a><ahref="#"class="fa fa-linkedin">a><ahref="#"class="fa fa-youtube">a><ahref="#"class="fa fa-instagram">a><ahref="#"class="fa fa-whatsapp">a><ahref="#"class="fa fa-pinterest">a><ahref="#"class="fa fa-snapchat-ghost">a><ahref="#"class="fa fa-skype">a><ahref="#"class="fa fa-github">a><ahref="#"class="fa fa-dribbble">a><ahref="#"class="fa fa-vimeo">a><ahref="#"class="fa fa-foursquare">a><ahref="#"class="fa fa-stumbleupon">a><ahref="#"class="fa fa-flickr">a><ahref="#"class="fa fa-yahoo">a><ahref="#"class="fa fa-reddit">a><ahref="#"class="fa fa-rss">a>body>html>
Ejemplo 2: bootstrap social
<aclass="btn btn-block btn-social btn-twitter"><spanclass="fa fa-twitter">span> Sign in with Twittera><aclass="btn btn-social-icon btn-twitter"><spanclass="fa fa-twitter">span>a>
Si crees que te ha sido de utilidad nuestro artículo, sería de mucha ayuda si lo compartieras con otros juniors de esta manera nos ayudas a extender nuestro contenido.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)