The next page will modify is the about page.
Go ahead and open the about Dot p p page in a text editor
will need to do a few things on this page.
First we need to change the page titles and headers.
This image over here will also be replaced with a YouTube video.
We'll go ahead and change the sample text over here to a relevant text.
We'll also update the image place holders and the names below.
And just like we did for the home page we'll delete the navigation menu code block and replace it with
our include statement.
So the navigation menu will be included from the external file.
So let's go ahead and get started.
Scroll down to line 12.
And change the page title
scroll down to line 35 and change this text here.
This represents is heading
do the same on line 81 and 135.
Now this is for this heading here
in line 135 is our copy rate.
So next we'll delete our navigation code block and replace it with our include statement so I'll just
scroll up to bind thirty nine and delete that entire block.
And then paste in the include statement.
Let's go ahead and replace this text with the relevant text.
And so on line 56 I'm just going to delete the text inside the paragraph tags and paste in the new text.
And there you go.
So the next thing we want to do here is is replace the image with an embedded YouTube video.
First we need to locate the code block which pertains to this image.
One way of doing that is he is using the development tools in your web browser.
So if you right click on this image I'm using google chrome and just click inspect you'll notice it
takes us.
It highlights the code block pertaining to that image and we can see that the source is slide to dodge
RPG so I can just look for that.
Code in our file and I found it here online fifty three.
If you're dealing with a page that has a lot more code you can always just press control F to find a
specific
line of code
to embed a YouTube video.
Go to youtube dot com
and you can pick any video you like.
Again this is just for sample purposes.
Go ahead and choose this one just click on it.
And copy the U or L for the video.
So right click and hit copy.
Now go to this web page.
It's called embed responsively dot com this web page will automatically generate this SS to embed your
desired YouTube video responsibly.
So all we need to do is paste the YouTube page you URL and hit embed so you can see a preview and just
copy the code here.
The embed code in pasted in place of our image
I'll just close this you know press I've saved the file and I'll press refresh and you can see that
it's embedded the video and it is responsive as well
so it's a much easier read than having to type out this entire style sheet and remember if you'd like
you can also put this style sheet in your head tag.
But for now we'll just leave it as an in line style tag.
Lastly we need to change the images over here under the heading Our team so we'll scroll down
and for me that's going to be online the first image is going to be online 74 so I just need to change
this source.
We already had these images located in our images folder.
So just type in image slash about one dodgy RPG.
That's the name of the first image
and this one will be
about to dodge RPG.
And when you press refresh after saving all the images will be there next just go ahead and change the
names underneath each image
and we don't need the job titles.
I'm just going to get rid of that
and save and refresh.
OK.
That's all the changes we need to implement for the about page.
So just remember to save your changes and then refresh your browser to preview the updated file.