1

00:00:00,960 --> 00:00:03,400

So we have a landing page and it looks pretty good.



2

00:00:03,450 --> 00:00:09,030

I have to say, one of the things that I do want to change, though, before we get to making our rooms



3

00:00:09,030 --> 00:00:10,890

is this carousel.



4

00:00:10,890 --> 00:00:14,400

It looks good, but when I go from image to image, it actually slides.



5

00:00:14,400 --> 00:00:15,530

And I don't want it to do that.



6

00:00:15,540 --> 00:00:17,040

I want it to fade.



7

00:00:17,050 --> 00:00:22,890

And if you look at the documentation on the bootstrap page, so I've gone to component's Carousel and



8

00:00:22,890 --> 00:00:25,860

then over here I clicked on Crossfade right over here.



9

00:00:26,320 --> 00:00:30,750

It shows me that I can actually have things fade from slide to slide, which looks better to me.



10

00:00:30,810 --> 00:00:40,920

All you have to do is copy this carousel slide or carousel fade and go back to your Tmall and find your



11

00:00:40,920 --> 00:00:41,520

carousel.



12

00:00:41,520 --> 00:00:45,690

Wherever it is, it is right here.



13

00:00:46,020 --> 00:00:49,240

Carousel slide and add that success class to it.



14

00:00:49,710 --> 00:00:52,560

So that would be carousel fade.



15

00:00:53,710 --> 00:00:54,680

At least that's what they say.



16

00:00:54,690 --> 00:00:55,680

So I save this.



17

00:00:55,680 --> 00:01:00,990

I go back to my website, I reload that page and let's see if it works.



18

00:01:01,650 --> 00:01:02,040

Yes.



19

00:01:02,070 --> 00:01:03,720

Now it fades from slide to slide.



20

00:01:03,730 --> 00:01:04,780

That just looks better to me.



21

00:01:05,370 --> 00:01:05,730

All right.



22

00:01:05,730 --> 00:01:08,640

So now we want to create some pages for our rooms.



23

00:01:09,030 --> 00:01:11,810

And we made two links for it.



24

00:01:12,210 --> 00:01:15,380

One was Generals' quarters and one was major suite.



25

00:01:15,420 --> 00:01:17,580

That's what I'm going to use in the final application.



26

00:01:18,090 --> 00:01:24,890

But because I need to navigate around right now to HTML files, let's make a few changes to our navigation.



27

00:01:24,900 --> 00:01:26,040

So here's my NAV.



28

00:01:26,270 --> 00:01:27,960

I'm going to format that a little bit better.



29

00:01:30,710 --> 00:01:36,080

OK, so under rooms where it says rooms, general quarters, we'll use that later, but right now we'll



30

00:01:36,080 --> 00:01:44,120

just put it generals', HTML and for the majors will put Meijers.



31

00:01:46,940 --> 00:01:47,540

HTML.



32

00:01:47,930 --> 00:01:52,520

And just because I want to be able to get around really easily, I'm also going to do HTML links for



33

00:01:52,520 --> 00:01:53,030

these things.



34

00:01:54,050 --> 00:02:02,240

And when we build our go line templates, of course this will be indexed on HTML and this will be Reservation



35

00:02:02,240 --> 00:02:03,050

Dorridge HTML.



36

00:02:05,240 --> 00:02:09,410

And I can't have the Slash's in front of them, so I'm able to fix that problem right now.



37

00:02:09,650 --> 00:02:13,130

Will fix this, will change these in the Golan template.



38

00:02:13,130 --> 00:02:16,250

So when we actually cut it up in the templates and we'll just have to change them in one place which



39

00:02:16,250 --> 00:02:16,850

is kind of nice.



40

00:02:17,210 --> 00:02:18,880

And then somebody contacted each team.



41

00:02:19,730 --> 00:02:20,090

All right.



42

00:02:20,120 --> 00:02:26,030

This saves me the trouble of having to actually construct and run this HTML file through a real Web



43

00:02:26,030 --> 00:02:27,430

server, which I don't want to do right now.



44

00:02:28,010 --> 00:02:31,560

So those links should work, but they don't have anywhere to go yet.



45

00:02:31,580 --> 00:02:39,410

So what I'm going to do is copy the entire page, create a new file, which I will call generals' HTML.



46

00:02:39,410 --> 00:02:46,310

Oops, I will paste in the content and I will save it as general HTML.



47

00:02:46,310 --> 00:02:50,420

I'm going to save it in the same place as the index.



48

00:02:50,420 --> 00:02:51,070

That is simple.



49

00:02:51,080 --> 00:02:56,060

So right in my working HTML folder beside index studied HTML, I'm creating a new file called General



50

00:02:56,060 --> 00:03:01,450

Safety Model and will make this a page, will make this our actual page.



51

00:03:01,460 --> 00:03:04,520

So first of all, we're not going to have a carrousel here, so I'll get rid of that.



52

00:03:06,470 --> 00:03:10,490

Unless you want one and you can leave one end, but I'm not going to have one and I'll just do that



53

00:03:10,490 --> 00:03:15,920

for right now just to save it, and I should be able to go back here, reload this page to get my refreshed



54

00:03:15,920 --> 00:03:19,010

links and choose generals' him up.



55

00:03:19,340 --> 00:03:20,420

And it takes me to that.



56

00:03:20,420 --> 00:03:20,720

Good.



57

00:03:20,720 --> 00:03:22,210

So I have the page.



58

00:03:22,220 --> 00:03:22,750

That's good.



59

00:03:23,270 --> 00:03:26,570

Let's just save this as a second file.



60

00:03:26,570 --> 00:03:38,030

I shall create a new one or create a new file and call it Save Meijers HTML and paste it in there,



61

00:03:38,660 --> 00:03:42,920

save it and I'll go put a title in here so I can tell the difference.



62

00:03:43,520 --> 00:03:52,280

And this will be right here in the title majors suite and on general storage.



63

00:03:52,280 --> 00:04:00,980

HTML will change this to generals generals quarters.



64

00:04:01,360 --> 00:04:02,310

I think that's what I call it.



65

00:04:02,930 --> 00:04:03,680

Save that.



66

00:04:03,980 --> 00:04:06,470

Save that and they should all work.



67

00:04:06,470 --> 00:04:13,070

I should be able to go to major suite and it is go to the generals quarters and it's there and back



68

00:04:13,070 --> 00:04:14,390

to the home page and that works too.



69

00:04:14,630 --> 00:04:17,430

So I haven't done the book now or the contact page, but we'll get to those shortly.



70

00:04:17,450 --> 00:04:18,980

Let's get these rooms out of the way first.



71

00:04:19,350 --> 00:04:23,220

So what do we want to show on this this this page?



72

00:04:23,240 --> 00:04:29,150

Well, first of all, let's show a picture now in the course resources for this site.



73

00:04:30,260 --> 00:04:36,800

You will find a file called Roomi Images, dot, zip, download that, extract it and put those, as



74

00:04:36,800 --> 00:04:40,010

I'm doing right now, into images.



75

00:04:40,730 --> 00:04:42,620

So you now have five images in here.



76

00:04:42,620 --> 00:04:45,530

The two we just added, major suite and general quarters.



77

00:04:45,530 --> 00:04:46,610

They're both ping files.



78

00:04:47,000 --> 00:04:50,870

And I don't think I actually told you this, but there's really only three kinds of images you ever



79

00:04:50,870 --> 00:04:57,470

want to use on a Web page gif or possibly Jif, depending on how you choose to pronounce it.



80

00:04:57,590 --> 00:05:02,030

JPEG, which end with jpg and Penglase pages.



81

00:05:02,660 --> 00:05:05,570

And I'm going to use pings almost exclusively throughout the course.



82

00:05:05,570 --> 00:05:11,060

There are other more modern types, but they're not accepted widely enough on browsers that I can actually



83

00:05:11,060 --> 00:05:12,200

use them on Web sites.



84

00:05:12,470 --> 00:05:13,160

So I don't.



85

00:05:13,880 --> 00:05:16,970

So those are the three you want to stick with Peng's jpeg and GIFs.



86

00:05:17,600 --> 00:05:23,270

So I've put an image there, generals quarters and the page I'm working on right now is General Squirters.



87

00:05:23,300 --> 00:05:24,200

So let's put a picture there.



88

00:05:24,800 --> 00:05:27,280

So the way that we do that is pretty straightforward.



89

00:05:27,290 --> 00:05:32,930

I want to put this picture where I'll put it on its own row div class equals.



90

00:05:34,940 --> 00:05:41,090

Roe, and it has a give and I will just put the picture there and we'll move it around and play with



91

00:05:41,090 --> 00:05:42,310

it in a bit and see how it looks like.



92

00:05:42,320 --> 00:05:48,710

And as you know, an image is put into a Web page like this image source equals.



93

00:05:48,710 --> 00:05:55,730

And because I'm actually not on a Web server, I can't start with a right now static images.



94

00:05:55,730 --> 00:05:59,690

And the name of the file is generals quarters talking.



95

00:06:00,440 --> 00:06:05,480

Generals dash for jurors talking.



96

00:06:06,710 --> 00:06:10,220

And you're supposed to give images a width and a height as well.



97

00:06:10,850 --> 00:06:18,020

But I'm just going to give them the class a class class equals and this is a bootstrap thing, image



98

00:06:18,020 --> 00:06:18,560

fluid.



99

00:06:19,640 --> 00:06:21,190

And that makes the image responsive.



100

00:06:21,200 --> 00:06:22,560

And we'll see what that looks like in a minute.



101

00:06:22,970 --> 00:06:25,820

So that row should have been in a static column.



102

00:06:25,820 --> 00:06:29,330

And I'm sure you noticed that div class equals color.



103

00:06:29,330 --> 00:06:34,670

The color of the image should have been inside a column, inside the role of.



104

00:06:36,380 --> 00:06:42,140

All right, so let's format this just to keep our divs nicely lined up so we can see where things open



105

00:06:42,140 --> 00:06:42,710

and close.



106

00:06:43,100 --> 00:06:48,950

The class equals relative class equals call my image, which should have an all tag ALZ equals room



107

00:06:48,950 --> 00:06:52,490

image and two closing deals and it should be good.



108

00:06:52,600 --> 00:06:56,960

Let's go back and reload that page and see what it looks like and it doesn't work.



109

00:06:56,960 --> 00:06:57,620

Why not?



110

00:06:57,950 --> 00:07:01,670

Static images generals' save.



111

00:07:03,250 --> 00:07:05,720

That's better, OK, too big, but doesn't matter.



112

00:07:05,740 --> 00:07:08,630

I'm going to go with that for right now, but it looks pretty ugly.



113

00:07:08,650 --> 00:07:09,900

I mean, it's just stuck there.



114

00:07:09,910 --> 00:07:11,200

It's way too big.



115

00:07:11,560 --> 00:07:17,050

So what I'm going to do, rather than shrinking this image, which I could do in Photoshop or whatever



116

00:07:17,050 --> 00:07:22,300

image editing software you happen to have, maybe I will change the width of the column and we haven't



117

00:07:22,300 --> 00:07:22,850

done that yet.



118

00:07:23,470 --> 00:07:26,650

So so far, all we've seen is div class equals call.



119

00:07:26,680 --> 00:07:28,150

Here's the thing to bear in mind.



120

00:07:28,870 --> 00:07:34,060

This entire container and this image takes up the entire width of the container and the container is



121

00:07:34,060 --> 00:07:35,920

this tag right here.



122

00:07:35,920 --> 00:07:43,210

Div class equals container bootstrap breaks that up into 12 columns are 12 possible columns.



123

00:07:43,780 --> 00:07:50,140

So I can have as many as 12 columns in that particular row and I can do that.



124

00:07:50,170 --> 00:07:54,760

I can specify how wide a column is using the syntax call.



125

00:07:54,850 --> 00:07:58,990

And I'm going to go with L.G. for large and I'll call it three.



126

00:07:59,980 --> 00:08:03,650

That means on large monitors, monitors that are very, very wide.



127

00:08:03,940 --> 00:08:05,890

This will take a maximum of three columns.



128

00:08:06,340 --> 00:08:08,790

And I can also specify other sizes as well.



129

00:08:08,800 --> 00:08:16,540

I can go call IMed three for medium sized monitors, call s.m for small monitors and for small monitors.



130

00:08:16,540 --> 00:08:23,440

I want this to be worldwide, OK, just because I can and if I go call excess, I want that to be worldwide



131

00:08:23,440 --> 00:08:23,810

as well.



132

00:08:23,830 --> 00:08:26,450

In other words, to take up the full width of the container.



133

00:08:26,950 --> 00:08:29,860

Now, I've just added all those classes and I save it.



134

00:08:31,660 --> 00:08:33,970

And if I reload, this looks much smaller.



135

00:08:33,970 --> 00:08:34,780

It is now.



136

00:08:34,780 --> 00:08:35,590

It's very small.



137

00:08:35,770 --> 00:08:36,740

Well, that's too small.



138

00:08:37,060 --> 00:08:41,080

Let's try five or four.



139

00:08:41,630 --> 00:08:42,520

Let's see how that looks.



140

00:08:43,330 --> 00:08:46,120

Save that a little better.



141

00:08:46,300 --> 00:08:48,400

OK, let's try six.



142

00:08:48,400 --> 00:08:50,500

Make it half the width of the container.



143

00:08:51,640 --> 00:08:55,880

And I'm doing it for both large and medium because I want to treat those the same reload.



144

00:08:55,960 --> 00:08:57,120

OK, that's not bad.



145

00:08:57,400 --> 00:08:58,030

Great.



146

00:08:58,450 --> 00:09:03,040

But it would be nice to have a little bit of space above it and it would be nice to have this kind of



147

00:09:03,040 --> 00:09:03,980

centered on the page.



148

00:09:04,360 --> 00:09:07,950

Well, let's see what Bootstrap gives us four images.



149

00:09:08,350 --> 00:09:13,090

So under the documentation for the boot straps, I'm going to go to components and I'm going to find



150

00:09:13,090 --> 00:09:13,480

images.



151

00:09:13,480 --> 00:09:14,440

Are they in there now?



152

00:09:14,440 --> 00:09:15,850

Maybe they're under content.



153

00:09:15,880 --> 00:09:18,040

Let's try content images.



154

00:09:18,040 --> 00:09:18,580

Look at that.



155

00:09:19,210 --> 00:09:20,500

So responsive images.



156

00:09:20,500 --> 00:09:27,010

I did this already just by giving it the image fluid syntax and that makes an image grow or small base



157

00:09:27,010 --> 00:09:30,640

to grow or shrink based upon the size of the window it's shown in.



158

00:09:31,840 --> 00:09:35,510

And we can also put little borders around a class image equals thumbnail.



159

00:09:35,540 --> 00:09:37,270

Let's try that, see what that looks like.



160

00:09:37,420 --> 00:09:41,250

So copy this and find my image and add it.



161

00:09:41,260 --> 00:09:44,290

The class space image thumbnail.



162

00:09:44,410 --> 00:09:45,250

Let's save that.



163

00:09:45,670 --> 00:09:48,250

Go back here, reload this page.



164

00:09:48,790 --> 00:09:52,810

OK, that's that's not bad because it does give you a little bit of space at the top and that is really



165

00:09:52,810 --> 00:09:55,090

all I want and it puts a nice little border around it.



166

00:09:55,520 --> 00:09:55,900

All right.



167

00:09:55,900 --> 00:09:57,310

Let's try centering this now.



168

00:09:57,370 --> 00:10:03,400

Well, we already know how to do that div class in the class on the div around this image.



169

00:10:03,640 --> 00:10:05,260

Can I put text center?



170

00:10:06,190 --> 00:10:07,090

Let's see what that does.



171

00:10:07,660 --> 00:10:08,620

Give me a little center.



172

00:10:08,620 --> 00:10:10,570

An image to know didn't work.



173

00:10:11,560 --> 00:10:16,540

Well that kind of makes sense since you know, text center is actually text center.



174

00:10:16,810 --> 00:10:18,130

Let's go back to the documentation.



175

00:10:18,550 --> 00:10:22,630

So back here and let's find our images again.



176

00:10:22,690 --> 00:10:24,490

I don't know how I got off there, but anyway, I did.



177

00:10:25,070 --> 00:10:28,420

That's under content images.



178

00:10:28,480 --> 00:10:29,440

Unless you scroll down.



179

00:10:29,480 --> 00:10:35,290

Let's look over here aligning images, align images with the helper flow classes or text alignment classes.



180

00:10:35,620 --> 00:10:38,350

OK, and here's an example of center.



181

00:10:38,470 --> 00:10:45,940

So says, all I really need to do is to copy this these two things and paste them in my image.



182

00:10:46,300 --> 00:10:48,280

Let's try that safe.



183

00:10:49,850 --> 00:10:53,150

Go back over here, reload my page.



184

00:10:53,690 --> 00:10:54,560

It's still not centered.



185

00:10:54,620 --> 00:10:58,290

Maybe it's because we have the thumbnail on their list to get rid of the thumbnail and see what happens.



186

00:11:00,210 --> 00:11:01,130

Still not centering it.



187

00:11:01,340 --> 00:11:02,450

Well, why is it not centering it?



188

00:11:02,480 --> 00:11:04,040

Well, of course it is centering it.



189

00:11:04,040 --> 00:11:14,420

It's centering it because we actually made this this column couple large six to be the leftmost column



190

00:11:14,630 --> 00:11:16,920

when we're looking at this from a large monitor.



191

00:11:17,120 --> 00:11:22,430

It's actually not centering it or is centering it, but it's centering it in a column that only takes



192

00:11:22,430 --> 00:11:23,490

up half the space.



193

00:11:23,930 --> 00:11:32,570

So if I change this back to 12 and change this back to 12 or just leave it as call, for example, how



194

00:11:32,570 --> 00:11:33,470

can I make this?



195

00:11:34,310 --> 00:11:35,610

I just want this to be one column.



196

00:11:35,640 --> 00:11:37,550

Now, if I save this, what's going to happen?



197

00:11:37,550 --> 00:11:38,790

The image will get huge again.



198

00:11:39,230 --> 00:11:40,790

Well, how can I make that smaller?



199

00:11:40,820 --> 00:11:49,430

Well, I can actually do it by defining another stylesheet class and I'll call it half width or room



200

00:11:49,430 --> 00:11:53,240

image because it's specific to these images.



201

00:11:53,510 --> 00:11:57,330

And I can just say max width and then I need to put something in there.



202

00:11:57,350 --> 00:11:58,610

Fifty percent might work.



203

00:11:58,850 --> 00:12:02,990

So don't make it any more than 50 percent of the width of the available space.



204

00:12:03,590 --> 00:12:13,730

So down here, we just need to add in this image, the class room image, which should make it 50 percent



205

00:12:13,730 --> 00:12:14,660

maximum width.



206

00:12:16,040 --> 00:12:17,210

And it does.



207

00:12:17,330 --> 00:12:17,830

All right.



208

00:12:18,260 --> 00:12:21,290

Now, when I took away my thumbnail, I lost my little space at the top.



209

00:12:21,300 --> 00:12:26,690

So let me put an image thumbnail back in there and there it is.



210

00:12:26,720 --> 00:12:33,050

OK, now we have a room image and we could put our description of the room here, make reservation now.



211

00:12:33,170 --> 00:12:38,480

Well, let's let's think about what that button's going to do on the home screen when I'm back here,



212

00:12:39,080 --> 00:12:40,800

when I click on Make Reservation.



213

00:12:40,820 --> 00:12:44,590

Now, what I want to do is search for the availability of everything in my property.



214

00:12:44,600 --> 00:12:45,440

I have two rooms.



215

00:12:45,830 --> 00:12:48,860

Check for the availability of all of the available rooms.



216

00:12:49,340 --> 00:12:55,330

But on the actual room itself, general quarters, I want to check just for this room.



217

00:12:55,340 --> 00:12:59,930

I don't care if they have the rooms available when I'm searching for that room specifically, so maybe



218

00:12:59,930 --> 00:13:04,410

I should change the text on that button and have it point to something else.



219

00:13:05,120 --> 00:13:10,610

So what I'll do is go back to my editor and I will find that and I will say check.



220

00:13:13,150 --> 00:13:20,800

Availability and instead of make a reservation, I'll put my reservation, GQ.



221

00:13:21,160 --> 00:13:26,110

OK, so we're going to Saper and we go back here and reload this.



222

00:13:26,590 --> 00:13:28,030

And I didn't say it did.



223

00:13:28,030 --> 00:13:29,230

I must not have saved it.



224

00:13:29,260 --> 00:13:30,130

Check availability.



225

00:13:30,350 --> 00:13:33,760

Don't generals save, go back, reload.



226

00:13:36,850 --> 00:13:37,310

Reload.



227

00:13:37,360 --> 00:13:37,960

There we are.



228

00:13:38,000 --> 00:13:44,500

OK, so I've got one room done now let's just for the sake of getting this out of the way, select all



229

00:13:44,500 --> 00:13:50,440

copy and paste the general's quarters over top of the majors and then just go change these things.



230

00:13:52,290 --> 00:13:53,130

Major sweet.



231

00:13:56,280 --> 00:14:02,460

And down here, instead of GQ, we'll put MS for major suite, and this is just a placeholder, we'll



232

00:14:02,460 --> 00:14:04,980

make that URL, whatever it needs to be later on.



233

00:14:05,580 --> 00:14:11,040

So now if I save this oh, I got to change the image to instead of having generals quarters, I believe



234

00:14:11,040 --> 00:14:13,290

I called it Meijers.



235

00:14:15,120 --> 00:14:15,720

Sweet.



236

00:14:15,720 --> 00:14:18,120

Save and reload.



237

00:14:18,480 --> 00:14:19,290

That's fine.



238

00:14:19,290 --> 00:14:22,370

Go to major suite and there it is.



239

00:14:22,390 --> 00:14:23,670

I didn't call it major suite.



240

00:14:23,670 --> 00:14:24,450

What did I call it.



241

00:14:24,900 --> 00:14:26,100

Meijers.



242

00:14:26,250 --> 00:14:27,600

I misspelled Meijers.



243

00:14:27,600 --> 00:14:30,800

Oh, well, I'm going to leave it like that because of my ability to upload it to the course website.



244

00:14:31,320 --> 00:14:33,170

Let's just paste that in there.



245

00:14:34,170 --> 00:14:35,840

Nobody sees that except for us anyway.



246

00:14:35,850 --> 00:14:40,140

Now when I come back to my Web browser and reload that I now have the major suite.



247

00:14:40,350 --> 00:14:45,990

So I've created a two pages, one for a room, one for another room.



248

00:14:46,380 --> 00:14:49,860

And I have my home page and I don't have my book now done yet.



249

00:14:49,860 --> 00:14:50,730

That doesn't exist.



250

00:14:50,730 --> 00:14:51,900

So we'll have to build that one.



251

00:14:52,260 --> 00:14:56,790

We can do our contact, though, just really quickly, just by putting placeholder text in there, select



252

00:14:56,790 --> 00:15:02,580

all copy, make a new file paste, save it as contact



253

00:15:05,010 --> 00:15:06,630

e-mail, make sure it's in the right place.



254

00:15:06,630 --> 00:15:07,230

It is.



255

00:15:07,230 --> 00:15:14,910

And I'll just delete this stuff in the center and say, here, that can be gone.



256

00:15:15,930 --> 00:15:17,040

This can be gone.



257

00:15:18,360 --> 00:15:27,090

And each one this will be the contact page, close each one and get rid of this row.



258

00:15:27,090 --> 00:15:29,250

And that's just a placeholder just to get us in there.



259

00:15:29,280 --> 00:15:30,930

OK, so we save that.



260

00:15:30,990 --> 00:15:37,770

We go back to our Web browser, we reload the page and we should have a contact page and we do nothing



261

00:15:37,770 --> 00:15:38,400

special in there.



262

00:15:38,400 --> 00:15:39,180

But that works.



263

00:15:40,410 --> 00:15:42,930

This works about it's not there.



264

00:15:42,930 --> 00:15:44,040

So let's just do that.



265

00:15:45,540 --> 00:15:51,720

Select all copy new files, paste save about org html.



266

00:15:53,280 --> 00:15:57,450

We're building a wireframe for our site and Williams will do one now for book now as well.



267

00:15:57,930 --> 00:16:03,660

So new file paste save and we'll call it book dot html.



268

00:16:05,010 --> 00:16:07,260

I think that's what I will call it that anyway.



269

00:16:07,290 --> 00:16:08,400

Save OK.



270

00:16:09,240 --> 00:16:12,000

And now let's look at our navigation and see what I should have called that.



271

00:16:14,590 --> 00:16:20,350

Now, General Sportsbook, now reservation got e-mail, so I'll just rename that by coming over here



272

00:16:21,340 --> 00:16:33,580

and hiding that and finding my working e-mail and renaming book to close that book to reservation.



273

00:16:34,390 --> 00:16:38,550

OK, so let's go back and label those so we know they're actually correct.



274

00:16:39,550 --> 00:16:44,950

This will be the reservation page save about.



275

00:16:45,430 --> 00:16:49,740

This will be the about page save contact is the contact page.



276

00:16:49,840 --> 00:16:53,560

So we should have all of the necessary pages right now.



277

00:16:53,560 --> 00:16:56,110

So we have our homepage, we have an about page.



278

00:16:56,830 --> 00:16:58,210

We have our generals quarters.



279

00:16:58,690 --> 00:17:02,410

We have a major suite we have booked now and we have contact.



280

00:17:02,770 --> 00:17:03,100

All right.



281

00:17:03,100 --> 00:17:12,130

At this point, I am now ready to convert this these HTML files into Goldwing templates and we can do



282

00:17:12,130 --> 00:17:13,660

that in the not too distant future.



283

00:17:14,050 --> 00:17:15,370

So that's enough for this time around.



284

00:17:15,370 --> 00:17:17,140

We'll pick it up in the next lecture.