All language subtitles for 23. Creating The About Us Page (1)

All right.

So let's get going right now and let's design the About Us page.

Now, first things first.

We need to find an image that has something to do with about us.

Right.

So let's click on that section.

And simply here, I want to spy on the size of this image.

So I'm going to go here, click here and here it says 2000 by 749 pixels.

So I'm going to go over here to Canva here, delete or close this window.

And so I'm going to go ahead.

2000.

By, if I'm correct, 790.

Right.

Let me go back and check.

Right.

So.

749, actually.

I'm getting dizzy, so let me just copy and resize this and let me try to find something that has something

to do with about us.

Hopefully we can find something interesting, right, about us.

And also, it needs to be of an image of professional people.

In other words.

So here about us.

Let's search for about us.

And let's go to photos over here.

Now we have a bunch of photos.

I think this one looks pretty cool with a bunch of people smiling right there.

So let's just set this image as background.

Let me click on my image and just show the faces, because people are more interested in faces than

anything else.

Let me download this.

And download it once more.

And so over here I'm going to upload a file.

And I'll be uploading this very same image.

Right?

So let me just wait for my image to pop.

This is the one.

Upload that and let me click on insert media.

Okay, so we have our image inserted up there.

Now I'm thinking of adding an overlay here.

So let me just go to background overlay.

And here, instead of a dark overlay, I'm going to add a kind of blue overlay kind of like this.

And I want this to be more opaque because I want the who we who we are the show.

Right.

Update.

So right now we have this.

And what I'm going to do here is I'm going to go back and here we have this image and our mission,

right?

So I'm just going to copy this text over here.

Now, you can you can get ChatGPT to write that for you if you if you want to.

In my case, I'm not going to ask it to write it back because it already did it.

And so here I'm going to come back to here.

Now, this is not capitalized, so I'm going to click on my element over here.

I'm going to go to style.

Let's stylize this.

Now over here, I'm going to transform this to capitalize.

Let me go back.

Now I want to take this entire content.

Copy it.

Like a cheat.

And I'm going to come here and click Now I'm going to delete this.

I only need one.

So I'm going to keep this one here.

And instead of that text, I'm going to change the text.

And up here we want.

Right.

So here the problem is that the text wasn't really added like we want it to be.

So what what seems to be the problem here?

So let me delete that text.

Let me try to add it back.

All right.

So still doesn't really add up.

Okay.

So why is that?

Maybe if we can take it from here.

Let me just copy it on a text pad.

Let me try with a text pad.

I'm going to copy and paste it on a text pad.

If it doesn't work, I'm going to go back to ChatGPT and ask it to write the content for us.

Taste it now.

Right.

Still the same problem.

Right?

So here I'm going to delete this text editor and let me add a new text editor right that way as well.

Let's try different solutions.

I'm pretty sure it's just a simple issue here.

Let me just.

Drag and drop this somewhere here.

And let me try now.

All right, so now it works.

Now let's click on Update and let me go and find an image similar to this one.

So here I'm going to go to Canva and hopefully there is this one still open.

Yep, it is.

Now, this one is not the size we want.

So we want something in 512 by 512.

Copy and resize.

And let me just go ahead and find an image now over here.

I'm going to type news.

I don't like this image up here with a tablet of person person reading from a tablet.

Now, maybe we can add something that has to do with breaking news.

Okay.

So I'm going to go to elements here and I want to search for breaking news.

Breaking news.

Let me go to photos up here.

And we have a lot of images up there that are pretty interesting.

And so here I'm just going to go ahead with something.

The red color is good.

Let me set this up as background.

Want the breaking news to appear in the middle.

And let me download this right.

So very simple.

Let me go now to this image.

Click on it.

And to put it simply, I'm just going to click on that image.

Nothing special here.

I'm just going to upload my image.

So let me go over here.

Let me just upload the image by clicking on it and let's insert media right now.

Insert media.

All right.

So now that this is done, let's just go ahead and click on Update and I'm going to scroll down over

here and let me go to this page now over here, we have breaking news at your fingertips.

Let me copy that.

Now let's come back over here.

Click here and simply just paste.

All right.

Now let's go back here.

Now you can write this content entirely using ChatGPT.

You just have to ask it what you want to write.

Now, in my case, I just said to it, I want you to write something to me about the mission statement

or to show that we are a good company.

So just just talk to it as if you're talking to your dear friend.

Okay.

So here I'm going to add this right here.

And for our core values, core values.

Now over here, I'm going to take this like this and let me come back now.

It's already it already says core values there.

So here I'm going to remove this particular text.

And instead of having these core values, what I'm going to do is I'm going to copy these core values

from here.

Now we have the first value, which is truth and accuracy.

It's always about truth with us.

So let's just add that over here for the icon.

We're going to go to the Icon library and we're going to check for the check icon right now.

I like this one here, so I'm going to insert that.

And over here I'm going to delete the other ones.

I'm just going to duplicate this one.

Five times.

And let me go back and get the other ones.

Objectivity, integrity, accountability.

All of that stuff is available in our company now if you want to get it.

You know where to ask.

It's our company.

So let's go here to integrity.

Accountability.

Accountability is next.

Maybe I can write that.

You know, I've gotten really lazy up late, not writing anything.

Accountability.

I've tried.

I tried to write it, but because I got really lazy just copying and pasting stuff.

It just ruined my handwork.

So here I'm going to click and add the last one.

Now here we can add an image and you can not add an image if you want, but I'm just going to go ahead

and add an image.

Why not?

You can even add a video.

For instance here.

You can add a video.

So let's try with a video.

I mean, why not?

Now let's delete this image and let's go for here go to.

The nine dots video.

A video playlist.

The problem is, I'm not really sure if we can add an MP for here.

Let me try to find a way, because under the free version it's really not that cool.

Let's click on the self-hosted.

All right, so we can do that.

So let me go to Canva here and I'm just going to check this, remove this, and let me go and try to

find a video for breaking news right now.

We have a bunch of videos up there.

This video here.

All right.

So this one is cool.

Except for we need to resize this.

To double the width, maybe 1200.

Copy and resize.

All right, so let's double the width.

Now, maybe what we can do, I can go back to here.

I have an idea and I can just make this one a little bit bigger like this.

To give it more space.

And right now, let's just go ahead and make this a background video.

So let's click right click, set video as background.

And let me download this as an MP for of all things MP4.

It's going to take some time.

And he's going to download at the end and it's completely free of copyright because I'm using Canva.

Now there are there are free videos.

You can use those as well.

So if you're interested in getting interested in free videos, don't worry.

You can use Canva.

Just make sure that these videos don't have the pro tag on them.

Let's just wait for our image to be downloaded here.

Let me click.

Let me just go ahead and download it again because it failed.

It's downloading, actually.

So there's still a little bit more that we need to wait.

I'm going to pause the video until it downloads and boom, we have our video.

So let's go back over here.

Let me click here.

Now the video is self hosted, so I'm going to choose the video from my computer select, right?

So I'm just going to select the last video.

It's an MP four.

Let's hope it works because most of the times I'm unfortunate unlucky with these videos.

Let me just pray to God that this works, right?

Insert and yeah, it actually works.

Now over here, what we can do is we can set a start time or an end time for the video.

Now the thing is, I'm going to play it on a loop continuously because I don't want the video to stop.

And also I don't want people to have the control over when to start the video and when not to start

it.

So I'm going to click here.

Now, people cannot do anything.

They just have to watch the video and the video is just going to play in a loop and it's going to auto

play, right?

So I'm going to click auto play and so it's just going to continue playing and playing and playing.

And I can add some border radius to this, make it look a little bit more fancy, but there's no reason.

So I'm just going to update and I think we've already achieved something amazing here, Right?

Don't you agree?

So the only issue here is this.

I'm just going to remove that.

That causes us a little bit of issues.

I'm just going to keep this for consistency.

I think this is pretty awesome.

So what I'm going to do here, I'm going to click and I'm going to go to Advanced.

And let me add some padding over here on this section.

Now, there is already some padding, but on the right hand side, there is no padding.

Maybe, maybe it's only good if we keep stuff like it is, right?

So I think there's no reason for us to just change this.

So let me go ahead and preview this on a new tab and see how it looks.

Right.

So who we are, if I scroll down, we have these lovely things and we have a video that plays non stop.

Pretty awesome, right?

So the contact page is the last page we're going to build and then after that we're going to go ahead

and optimize our website for not for SEO because we've already done that.

We're going to optimize our website for mobile view from beginning to the end, meaning all the pages

need to be optimized for mobile.

Mainly we have the about and the contact page, which are the only pages left for us to optimize for

mobile.

And also we're going to add some responsiveness to them.

And remember those links that we talked about earlier, I didn't forget them.

We're going to go head to our blogs and add the links, internal links, that is.