All right.
Welcome back.
So in this video, we're going to design the home page for our app.
So let's go inside of you to me here.
And under the resources of setup project files, click on the five page app design source files.
OK.
We're going to save that.
Let that download and then I'm gonna copy this right, click and copy.
Close that I close this out.
I'm in right.
Click and paste it on the desktop and then I'm right.
Click and extract here.
I'm going to open those files up.
And the only one I need to open right now is the home.
So let's right click on it.
Open with and do Adobe Photoshop and what we're gonna do.
We can close our podcast blog about and contact.
And I want you to do is focus on the home page here and then the content here.
All right.
So the first thing we're gonna do is we're gonna zoom in here and all I want to do is grab content that's
relevant.
So this right here is not even active right now.
So what we're gonna do is we're going simplify and we're only going to put about us.
On the app, and we're going to.
So what I did is I grabbed the market tool here.
I highlighted this.
I had control see to copy it, and then I'm going to control V to paste it.
And you can see that it's smaller than our canvas here, which is fine.
I'm in it control t and then I'm going to drag the content over and I'm gonna hold shift.
So it keeps the aspect ratio.
And then what we're gonna do is we're gonna hit enter.
And if you hold control, you can see were 41 pixels from the left and 31 pixels from the right.
So if I nudged this a little bit to the left.
OK, then you'll see exactly where we're at.
OK.
The top part broke there.
Someone who control us to save that.
And then what I'm going to do is we're gonna grab one blog post instead of two because we don't have
room.
And remember, we're shooting for simplicity.
So we want to keep this as simple as possible.
And what I'm also gonna do is I'm going to drag all the way from the left to the right.
That way we get the whole.
Kick kaboodle of the content and someone to bring that right here.
Right.
And this content here, which is about us, that I'm going to move up as far as we can.
That way, we have more room for this right here.
So what I'm going to do them and line it up right there.
I mean, I control T and we're going to drag this out.
And remember, hold shift so that the content is holds its aspect ratio.
And we'll just let it lay right there.
And I think that's fine.
Just like that.
OK.
Now, you can see it looks kind of crunch, but the idea is if we move this down just a little bit and
then we come here, we move this down a little bit.
When they scroll.
Ideally, you'd have more content down here.
But with the mockup here, you're only going to see what's here, because that's all the space that
we have.
And you don't want to up the entire thing of content, especially when this is dynamic content.
This is a blog post on my WordPress site.
So.
You know, if there was 15, you're going to put them all there, you're just going to lay this out,
how it will look when there's content there just so you get a visual aid of what is going to look like.
OK.
So that's how we set up the homepage.
In the next video, we're going to set up the podcast page.
So thanks for watching.
I'll see in the next video.