1
00:00:00,390 --> 00:00:05,520
With the index file open we can start making changes to the theme to suit our needs.

2
00:00:05,520 --> 00:00:10,800
We won't go through each block of code because by now you're most likely quite familiar with bootstrap

3
00:00:10,830 --> 00:00:16,480
and HMO the HMO code is also well commented.

4
00:00:16,480 --> 00:00:20,420
And each section of the page is clearly marked.

5
00:00:20,520 --> 00:00:28,030
So for example line 14 you can see there's a comment for the bootstrap course the SS.

6
00:00:28,170 --> 00:00:38,480
Same with the custom C Ss fonts the navigation code block starts at line 38 and so you can see that

7
00:00:38,630 --> 00:00:46,070
if you scroll down the page it's it's very simple to understand and you like me by now we do have an

8
00:00:46,070 --> 00:00:50,420
understanding of what these code Glocks mean.

9
00:00:53,550 --> 00:01:00,120
Let's go through a list of modifications we need to make to the home page so it's going to shrink this

10
00:01:00,120 --> 00:01:00,630
window.

11
00:01:01,790 --> 00:01:08,160
And this is our index dog P BHP page this is.

12
00:01:08,300 --> 00:01:13,970
I also have the completed file here so we can compare

13
00:01:16,670 --> 00:01:22,030
the first thing we to update is the main title so this page titled right over here.

14
00:01:22,370 --> 00:01:26,810
It needs to change to the perfect cup home.

15
00:01:26,840 --> 00:01:35,950
We also need to change this text from business casual to the perfect cup next if we scroll down a bit.

16
00:01:36,010 --> 00:01:39,090
We'll need to change this block here.

17
00:01:39,400 --> 00:01:45,730
Business cash casual needs to change to the perfect cup and also the author needs to change to your

18
00:01:45,730 --> 00:01:46,160
name.

19
00:01:46,210 --> 00:01:51,050
Or you can use a sample name if you like scrolling down the page.

20
00:01:51,190 --> 00:01:56,100
We'll need to remove this entire content text box.

21
00:01:56,100 --> 00:01:57,060
We no longer need it.

22
00:01:57,060 --> 00:01:59,990
We only need one.

23
00:02:00,030 --> 00:02:03,510
We need to make changes to the first content text box.

24
00:02:03,510 --> 00:02:07,690
This title needs to change and also the text in here needs to change as well.

25
00:02:07,890 --> 00:02:10,140
On the footer we'll need to change the text.

26
00:02:10,140 --> 00:02:13,870
Your website 2014 to the perfect cup.

27
00:02:13,890 --> 00:02:15,850
Two thousand and sixteen.

28
00:02:16,050 --> 00:02:21,960
And lastly for the navigation the navigation menu is the same on each page.

29
00:02:21,960 --> 00:02:28,400
So all of these pages home about blog and content have the exact same navigation menu.

30
00:02:30,490 --> 00:02:35,830
It would be a good idea to place the code for the navigation menu in a separate file.

31
00:02:35,830 --> 00:02:39,630
We can then include this file on each page.

32
00:02:39,650 --> 00:02:44,170
This makes it much easier to make changes to the navigation menu in the future.

33
00:02:44,450 --> 00:02:50,930
We would simply need to modify the included file and the updates will be reflected on all the pages

34
00:02:50,930 --> 00:02:52,280
at once.

35
00:02:52,370 --> 00:02:58,790
So instead of having say for example we wanted to add an extra link instead of changing the code on

36
00:02:58,910 --> 00:03:00,620
every single page.

37
00:03:00,620 --> 00:03:05,690
We simply make the change to the included file and all the pages will automatically update.