How to place an image in a link in the footer?

Asked

Viewed 316 times

-1

Hello, I would like to link an image of the Linkedin icon with my profile link, to place it in the footer and align it to the center of the footer. What the code would look like?

footer#rodape {
    color: white;
    text-align: center;
    background: url(Background-baixo.jpg);
    padding: 40px 0;
}
<footer id='rodape'>
        <img class="rodape-baixo" src="rodape.png">
        <p>Copyright &copy; 2020 - by Bruno Menaguali</p>
        <p><a href="https://www.linkedin.com/in/bruno-menaguali/" target="_blank">LinkedIn</a></p>
    </footer>

2 answers

1


Just put the image as tag content <a href="" > <img/></a>

<footer id='rodape'>
<a href="https://linkedin.com/seu-perfil"><img class="rodape-baixo" src="rodape.png"></a>        

<p>Copyright &copy; 2020 - by Bruno Menaguali</p>

<p><a href="https://www.linkedin.com/in/bruno-menaguali/" target="_blank">LinkedIn</a></p>

</footer>

-1

Dude, you have to use Font Awesome recommend fontawesome.bootstrapcheatsheets.com just search for the icon you want on the site and put

Add to your code:

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

    Dude, why would the guy import a CSS of I don’t know how many Kbs, with more than 300 icons, to use only the Linkedin image...

Browser other questions tagged

You are not signed in. Login or sign up in order to post.