Hi, my name is Dan and this is a production video. We're gonna go through and repeat this box here,  changing out the images for the different clients to kind  of mock up this here, where we've got the different clients. All right. Um, first thing I wanna do is  I want this to be a hyperlink. So when somebody clicks the client, it jumps across to  that specific page where we display  what we did for that client. Now I don't have that page created yet, so who can remember  what I do to add to it?

Okay. I don't add the URLI add a special symbol. That's right. It's the pound symbol or the hash symbol. So I'm gonna select the text. All right, so select through the text.

I'm gonna click hyperlink  and I'm just gonna put in a hash sign. And it just means that now it's a hyperlink. You can roll over, it changes color. And later on when I'm finished the page that um, uh,  this client's gonna be housed on, I can link it  to it later on then. Alright, so I'm gonna duplicate this across. It's probably gonna be easiest to do in code view.

So I'm gonna go a split view here. I'm going to, you see these are the other boxes. Okay. So what I want to do is, there you are,  I'm gonna make it look nice and simple. So I've, I've added a return. Why is there returns in here?

I just, um, just to kinda line  things up and make it look nice. So there's the open and the close. So I wanna grab everything that's inside there. So I'm gonna grab these two lines and I'm gonna copy it. I'm gonna put a couple of returns in,  paste it, you see here. Pair there, put a return in there.

Paste, put a return in there. Paste. Great. Okay, so now we can go through and edit it. We could do it here in Cove View. We could do it out there in um, live view.

It's up to you. Um, I'm gonna do it in live view. So I'm gonna click on the image  and I'm gonna go switch it out. So at the moment, I don't wanna go  to insert an image 'cause that'll insert a new one. What I want to do is replace the one  that's in there to do it. Down here you can see it's linking  to my images follower portfolio one jpeg.

What I can do now is I can hit on this browse file  and go off to my desktop,  find the dream weaver exercise files, find images,  and there's portfolio two and that will replace it out. I need to make sure though, when I do put in an image,  I need to put alt text and I did forget  to do it for this first one. So this one here is the client. I can't remember what the client is,  but this is gonna be, uh, a cassette client work. Okay, this one here is going to be my illustration  work for acne. Great.

Let's switch out this one here. Desktop exercise files, images,  audio three and then the last one. Make sure I do the old text. Okay, this one is going to be, uh, auto sell on. Great. Uh, let's look at this last one here.

Switch this one out. Find my desktop. Doing  Exercise files, images. I could copy and paste all of these images over earlier  into my site file so I don't have to go out  and find them every time, but I'm doing it the long way. So let's have this one here. Who is this one?

This is going to be  Our photo shoot For models. Something like that. Great. Um, I should go through and change all these text. Okay, so this one is going to be cassette. This one here is going to be what on  this one here is going to be model zinc.

All right, so I've gone through and adjusted. Now. Now you might find that everything is kind of done. This, let me show you, it might have flopped down,  so it's all kind of underneath each other. You might be a little weirded out by that. Um, you just gotta make sure  that we're working on our large  desktops down the bottom here.

Switch it to large  and they'll be back to our nice laid out desktop version. We're gonna look at mobile in a little bit, um,  and make those do a whole lot better when they go down  and collapse down to mobile. All right, let's do a file, save all  and make sure you go off now  and back up your site in case things go horribly wrong in  the next tutorial.