1
00:00:00,480 --> 00:00:08,810
So let's go ahead and get started with making the changes first on line twelve change the page title

2
00:00:08,810 --> 00:00:13,040
to the perfect cup home

3
00:00:17,030 --> 00:00:28,340
and online 35 change business casual to the perfect cup online 50 again we'll need to change business

4
00:00:28,340 --> 00:00:38,180
casual the perfect cup and line one hundred and eleven and this code block represents this text here

5
00:00:39,440 --> 00:00:42,440
so change business casual to the perfect cup

6
00:00:45,560 --> 00:00:50,690
and instead of by start bootstrap just put in your name or any name

7
00:00:53,940 --> 00:01:03,370
on line one thirty nine this this entire code block from line one thirty nine to a line 151 that's the

8
00:01:03,370 --> 00:01:06,450
second content area here and we don't need that.

9
00:01:06,460 --> 00:01:13,970
So just go ahead and delete that entire code block on line 146.

10
00:01:14,010 --> 00:01:15,660
Change the copy right.

11
00:01:15,810 --> 00:01:22,650
Change the text here to the perfect cup and change the year to 2016

12
00:01:25,030 --> 00:01:29,630
scroll up to line 126 and I'll just do a quick refresh

13
00:01:33,040 --> 00:01:41,050
we can see that our changes are now reflected instead of the text build a website worth visiting.

14
00:01:41,090 --> 00:01:49,190
We're gonna change it to how to make the perfect cup of coffee and we can see that the perfect cup of

15
00:01:49,190 --> 00:01:58,140
coffee is bold so just cut that out and paste it in between the strong tags

16
00:02:01,590 --> 00:02:04,590
we'll also need to change the text starting at line one thirty one

17
00:02:07,560 --> 00:02:09,510
so right over here

18
00:02:14,940 --> 00:02:25,030
delete all this text make sure you keep one paragraph open and close tab and then just type out this

19
00:02:25,030 --> 00:02:34,910
text so you can see that we've updated the text here to reflect the theme of this business in the last

20
00:02:34,910 --> 00:02:38,930
thing we'll do is we'll scroll up to line thirty nine

21
00:02:42,120 --> 00:02:50,730
in line thirty nine to seventy two is the navigation code block we need to cut out this code

22
00:02:54,980 --> 00:03:03,430
and we're going to paste it in a new file so just go to file new paste this over here and save this

23
00:03:06,320 --> 00:03:14,600
make sure you save it in the perfect cup folder that we were working in and save it is nav dot BHP once

24
00:03:14,600 --> 00:03:21,170
you've saved it update all the links from the dock HDMI extension to dock P HP

25
00:03:40,210 --> 00:03:51,330
now switch back to the index dot P HP file and you're going to paste in this line of code here the p

26
00:03:51,370 --> 00:04:00,400
HP require once and not dot P HP so once you've completed all those steps just reefs make sure you save

27
00:04:00,400 --> 00:04:06,800
the file file save and then go to and refresh your page make sure the navigation is there

28
00:04:10,220 --> 00:04:15,680
so we've loaded the navigation from an external file and we'll be doing the same for each one of our

29
00:04:15,680 --> 00:04:22,340
pages so if we ever need to make changes to the navigation bar we simply need to update that one file

30
00:04:25,510 --> 00:04:32,980
and for now that's it for the home page and in the next lesson we'll continue with the other pages.