All right.
Welcome back.
So in this video, we're going to design the about page.
So let's go to our desktop here and select the blogged IPSC file.
Right.
Click select copy and then control the paste.
And we're gonna change the name of this to about.
OK.
I'm going to double click on this file.
And what I want to do is I want to open.
It's going to file an open and we're going to grab the source of the about page, OK?
So you can see there's a picture of me here.
And then a little blurb about.
My experience and where I've been and all that, my objective.
And then I have.
A link to my email address.
Joshua Lerner took place on my Web site, Learn Tech plus dot com, and then Facebook, Instagram,
Sarino, Instagram, Facebook, Twitter, YouTube and LinkedIn.
And then the footer and everything else is the same.
So what we're going to do is similar to what we did in the previous lecture.
As all we're gonna do is we're gonna keep everything the same.
OK.
So we've already dragged everything over.
And this is the cool thing about working with Photoshop is when you work in Photoshop, you can literally
design the top bar, the nav bar and the Futter and then the bottom footer and then you can bring it
over to every page.
So you don't have to keep recreating everything.
All you're going to be doing then is recreating this part right here.
OK.
This section right here.
And then the content.
So if it wasn't this, it would be something like this.
And I'll just show an example real quick.
OK.
So it would be something like this and it would be instead of white.
It would be like a gray color like this.
OK.
And that would be the content block.
OK.
That's how it would look if we were going to lay this out just with content blocks.
That's what you would do, is you would you just grab a different block sizes and then lay them out
where they're going to be?
Someone to delete that.
You don't need to do that.
But I just want to show you what I was talking about when I was saying the content blocks.
That's what they look like.
So what we want to do here is we want to grab the this content here and bring it over.
So what I'm going to do is I'm going to grab the market tool and we're gonna grab.
The nav bar here.
OK, I'm going to delete the nav bar, so we're going to highlight the top bar and then our bar and
hit delete.
And then what I want to do is I want to grab from the top of the about section.
To the bottom of the body.
OK.
And then when he control see?
And then control V to paste it in to our existing document.
And then we're just going to bring it up so that it's right where it needs to be there.
And then what we're gonna do is I'm going to turn off the source.
From the other page that we built, and I'm just gonna bring it over and up like that, and then I'm
going to grab the footer.
So the top footer.
Let's see the top footer, layer five, top footer, layer four, and then the bottom footer.
OK.
So we're going to grab all these and then we're just gonna bring it up.
Like so.
Guy would bring in over.
And I'm going to nudge it a little bit to the right.
There we go.
So we fill the whole page.
Then we're going to hit see for the crop, too.
All I'm going to bring it up and kissed the bottom of the footer.
OK.
And now I see a little crease here.
We're going to nudge it up one more.
Got it.
OK.
So.
Right there.
OK.
Beautiful.
Just want to make sure that we're pixel perfect.
All right.
So I'm going to check the bottom here.
We're good there.
OK, good.
So that is the about page.
And that's how you could go about doing it.
Now, obviously, normally you'd have to design this and bring that in.
But what I want to do is show you how to build a web design with already having the elements in place.
And like I said, if you didn't have the elements in place, what you would do is you'd block everything
off.
And so you wouldn't have my picture here, you wouldn't have any content.
You would just have a gray box here and then a gray box here.
And then you'd, you know, do a box layer box here to represent the header of the paragraph and everything
that you want to have in there.
But I wanted to give you real contents so you could see what it would look like.
If you had someone writing content for you or you already had the content there.
OK.
So with that in mind, I'll see you in the next video.
We're we're going to build out the contact page.
I'll see you there.