Código do perfil+redes sociais

Views:
CÓDIGO DA FONTE DOS ÍCONES
(colar abaixo de <head>)

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>



CÓDIGO CSS E HTML
(colar como gadget HTML/JAVASCRIPT)
<style>
.profile-pic {
text-align: center;
font-size: 14px; /*TAMANHO DA FONTE DO TEXTO*/
}
.profile-pic img {
width: 250px; /*LARGURA DA FOTO*/
height: auto;
border-radius: 1000px; /*GRAU DE ARREDONDAMENTO DA FOTO*/
-webkit-border-radius: 1000px; /*GRAU DE ARREDONDAMENTO DA FOTO*/
opacity:1
}
.profile-pic img:hover {opacity:0.7;
}
#socialmediaiconsside {
font-size: 25px; /*TAMANHO DA FONTE DOS ÍCONES*/
margin: 0;
padding-right: 10px;
text-align: center;
position:relative;
}
#socialmediaiconsside a {
color: #000000; /*COR DOS ÍCONES*/
display: inline-block;
line-height: 40px;
padding: 0 5px;
}
#socialmediaiconsside a:hover {
color: #FF9A4F; /*COR DOS ÍCONES EM ESTADO HOVER*/
}
</style>

<div class="profile-pic"> 
<img src="ENDEREÇO DE SUA FOTO AQUI" border="0" alt="profile"/> 
<p align="center"> AQUI VOCÊ COLOCA UMA PEQUENA BIOGRAFIA SUA. </p>   </div>


<div id="socialmediaiconsside">
<a href="YOUR FACEBOOK URL" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="YOUR TWITTER URL" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="YOUR PINTEREST URL" target="_blank"><i class="fa fa-pinterest"></i></a>
<a href="YOUR INSTAGRAM URL" target="_blank"><i class="fa fa-instagram"></i></a>
<a href="YOUR BLOGLOVIN URL" target="_blank"><i class="fa fa-heart"></i></a>
<a href="mailto:YOUR EMAIL ADDRESS"><i class="fa fa-envelope"></i></a>
</div>


Home Sobre mim Tutoriais Loja de templates Portfólio Fanpage