Variation 3: social images in footer

- [Rik] So variation of the three. What I want to do is add some images in to my footer. So they're images, not text. So currently I have text in my footer. How do I change this? Well, first of all I need to make some icons. So I've actually just quickly made an Instagram icon in my brand. And what I'm gonna do is just export this as an SVG. So I'm gonna take that and I'm gonna just add it to my desktop, just quickly.

And this is number one. So I'm just gonna rename that. So what I had it. There we go, social-instagram. And what I need to do is, first of all, add this image to my site. There we go. Dragging it in. Now, currently you might not be able to see it 'cause this is white on white. I can just change this to see if it's there.

There it is. Now, the easiest way to do this is just to replace it as text. So my footer at the moment, I've just got the text, which says Instagram. I can just get rid of this text and put in an image tag. So I'm just gonna open this up and add in here an image tag and the source of this is gonna be social-instagram.svg. Now again, I'd just like to add an alt attribute on this to say it is an Instagram icon, for instance, just so that everyone knows what it is.

Google knows what it is. Accessibility reasons as well. So what this will do is just automatically put this in as my icon as well. I might wanna get rid of the underline on hover, for instance, but this is kind of how we can add it in. We're just changing text for an image tag.