1

00:00:01,860 --> 00:00:07,620

OK, guys, now we can talk about the pudder, the first thing we will do right now is to create a new



2

00:00:07,620 --> 00:00:08,190

file.



3

00:00:08,760 --> 00:00:19,500

We can just call it index to dot a.m. Let's go to our final game up in this file and Google Chrome.



4

00:00:20,790 --> 00:00:23,730

And here we can upload it here.



5

00:00:24,960 --> 00:00:32,190

Let's put the to about five x HTML5 now.



6

00:00:32,400 --> 00:00:37,020

We will continue fighting for the season and we will connect between then.



7

00:00:37,560 --> 00:00:45,570

We can just go here, can read a new file and call it style, dot the advice.



8

00:00:47,130 --> 00:00:57,510

And right back here we can just collect Hoarder's and now we can start with linking between the two



9

00:00:57,510 --> 00:00:58,170

files.



10

00:00:58,740 --> 00:01:04,070

We can just go here and make a link with this thesis.



11

00:01:04,590 --> 00:01:06,810

And here we have connected between that



12

00:01:09,570 --> 00:01:10,700

when we go here.



13

00:01:10,740 --> 00:01:11,670

OK, correct.



14

00:01:12,310 --> 00:01:22,290

The first thing we can think about is at the height and then we can just go here to read X1 and then



15

00:01:22,500 --> 00:01:31,020

we can go back to the style that feeds us and edit the X1 for the X1 we can set some height and with



16

00:01:31,410 --> 00:01:35,610

for the height we can make it out of one hundred pixels.



17

00:01:36,900 --> 00:01:41,570

The measuring unit, it is the common measure and running for the CS.



18

00:01:41,580 --> 00:01:50,810

As for the coding and for the width, we can make it to one hundred percent of the page and now we have



19

00:01:50,820 --> 00:01:56,580

a height of one hundred pixels and the width of one hundred percent of the page.



20

00:01:57,390 --> 00:02:04,560

Here we can give it a background color because like, you know, if we go to our file and Google Chrome,



21

00:02:04,560 --> 00:02:05,900

we will be having nothing.



22

00:02:06,420 --> 00:02:10,410

As you can see from here, we can just give it background color



23

00:02:13,230 --> 00:02:16,400

of black when we go here.



24

00:02:17,010 --> 00:02:19,260

Now, we got this and this is perfect.



25

00:02:20,610 --> 00:02:25,110

Lets you know how we can add powder inside our what page.



26

00:02:25,680 --> 00:02:27,150

We can just go here.



27

00:02:29,760 --> 00:02:32,790

There's a property which is called Poder.



28

00:02:33,390 --> 00:02:35,700

We can go here or there.



29

00:02:36,420 --> 00:02:42,570

And then the first thing we will put here is the width of the port there.



30

00:02:42,570 --> 00:02:43,380

We need to put it.



31

00:02:43,380 --> 00:02:53,400

We need to give it a width, let's give it the width of five pixels and then there is a Dasht or it,



32

00:02:54,030 --> 00:02:57,120

but we can just make it thought Folland.



33

00:02:59,070 --> 00:03:05,040

And then after this part, we need to give it back to where we can just give it a there.



34

00:03:05,100 --> 00:03:06,390

All right.



35

00:03:07,440 --> 00:03:10,690

We can go back to our Web page right here.



36

00:03:11,040 --> 00:03:13,990

Now, we have this part, and this is amazing.



37

00:03:14,340 --> 00:03:18,330

What if I wanted to lead this thing between this part and this part?



38

00:03:18,630 --> 00:03:25,080

I'm going to show you how here we can get this part from the chopper.



39

00:03:26,400 --> 00:03:33,830

This mark here represents the universe, which is everything inside the Web page here.



40

00:03:33,840 --> 00:03:40,110

We can just give it the margin of zero and adding of zero.



41

00:03:40,680 --> 00:03:44,370

So now we got no space and we will talk about the margins and the bad.



42

00:03:44,370 --> 00:03:56,520

And very soon we can just go here and delete to make this to nine, 98 percent to prevent this stuff



43

00:03:57,330 --> 00:03:58,180

just scrolling.



44

00:03:59,160 --> 00:04:06,540

OK, and now what we will talk about, what if I want to remove a put there from one site?



45

00:04:07,360 --> 00:04:15,840

We can just go here and make let's say we wanted to leave the portal from the top side.



46

00:04:16,290 --> 00:04:24,140

We can just go here a quarter, jump off none when we go back and reload.



47

00:04:24,360 --> 00:04:27,120

Now, we got no powder for the top.



48

00:04:27,450 --> 00:04:39,420

We can also make it for the right, left, left of that return, right of none.



49

00:04:41,910 --> 00:04:44,610

And now we have powder right off not.



50

00:04:44,760 --> 00:04:49,260

We can also apply for the powder and for the left.



51

00:04:49,470 --> 00:04:50,760

Let's see how we can make it.



52

00:04:51,600 --> 00:05:01,970

We can just go back to our good editor and make here couverture left to be done.



53

00:05:05,600 --> 00:05:08,130

And now we have the portal left off now.



54

00:05:08,490 --> 00:05:20,400

And for the last one, we can just apply for the pull of none and that we have no preorders right now.



55

00:05:21,000 --> 00:05:28,890

OK, let's talk about if I want each side to be having it together, we can just go here.



56

00:05:30,000 --> 00:05:32,860

We don't need this one now, just in case.



57

00:05:32,880 --> 00:05:40,470

If we want to make every quarter or every quarter to be having a different color, we can just go here



58

00:05:40,470 --> 00:05:48,040

and make sure to chop or five bits of solid green.



59

00:05:48,330 --> 00:05:51,210

And as you can see from here, we got the chop.



60

00:05:53,760 --> 00:05:55,290

Their job title.



61

00:05:58,790 --> 00:06:03,050

And you can choose any style you wish to at your website.



62

00:06:03,080 --> 00:06:06,770

We have dot dappled grove heading in and all of that.



63

00:06:07,660 --> 00:06:08,600

Let's delay this.



64

00:06:09,470 --> 00:06:17,420

This is in case if you want to change the salad, OK, now we have the power to chop off green.



65

00:06:17,600 --> 00:06:20,460

We can just go back and see what we have right now.



66

00:06:22,040 --> 00:06:28,130

Now we have a prototype of green light to make a burner ripe and we can just make it blue.



67

00:06:28,220 --> 00:06:28,700

Right.



68

00:06:29,570 --> 00:06:30,950

Or any color you wish to make.



69

00:06:30,980 --> 00:06:44,870

So here we can get it time itself off following the blue when we go back and reload now each other pixels



70

00:06:44,870 --> 00:06:48,680

and the blue, we can just make it anywhere we want.



71

00:06:48,680 --> 00:06:50,680

We can just make it three.



72

00:06:51,200 --> 00:06:53,180

We can zoom in to see the difference.



73

00:06:54,950 --> 00:06:57,530

And now we have three pixels.



74

00:06:58,430 --> 00:07:02,240

We can go back and try for the powder button.



75

00:07:02,870 --> 00:07:12,090

We can just go here and make this to be 20 percent solid of governing.



76

00:07:12,230 --> 00:07:13,240

If we can just.



77

00:07:13,250 --> 00:07:14,030

No, no, no.



78

00:07:14,420 --> 00:07:17,060

We can use for the red.



79

00:07:18,560 --> 00:07:23,190

Let's go back to our Web page and see what we have right now.



80

00:07:26,510 --> 00:07:31,460

Now we have the polar left of 20 pixels for the red.



81

00:07:32,120 --> 00:07:34,340

We can apply now for the atom.



82

00:07:35,480 --> 00:07:37,070

We can just go here



83

00:07:40,160 --> 00:07:48,530

for the put and we can just give it to pixels solid, all red.



84

00:07:49,790 --> 00:07:54,080

And then we can go back to our Web page and see what's going on.



85

00:07:56,210 --> 00:08:00,550

We will talk about the margins and the bearings very soon, but not now.



86

00:08:01,940 --> 00:08:06,610

And now we have the power of two pixels.



87

00:08:07,190 --> 00:08:08,010

That's great.



88

00:08:08,630 --> 00:08:14,750

Now, the next step to check about the next thing to talk about is the poor, the radius.



89

00:08:15,200 --> 00:08:20,540

We can just delete all of that or just for it to come at something inside.



90

00:08:20,690 --> 00:08:24,710

That is, as we can just add slash staff.



91

00:08:27,320 --> 00:08:35,030

And now we have come to this part and I'm going to show you now how should come into something and that



92

00:08:35,440 --> 00:08:44,710

the amount we can just go to the edge to amount to something in the a.m., we can just meet Angle to



93

00:08:44,720 --> 00:08:55,190

crack it and then be smart to dashes and we can get these three marks and put them here.



94

00:08:56,600 --> 00:09:03,950

And now they are if they are appearing in the source code, but they'll not be affecting in the Web



95

00:09:03,950 --> 00:09:04,520

page.



96

00:09:04,790 --> 00:09:11,140

And you can see from here when we get to the Web page and we get nothing because it's coming to.



97

00:09:12,260 --> 00:09:15,020

And now, uh, let's get it back.



98

00:09:15,420 --> 00:09:16,730

We don't need this comment.



99

00:09:23,210 --> 00:09:31,580

OK, and now what we will do right now is to see how we can add, put a radius inside our Web page or



100

00:09:31,580 --> 00:09:40,130

inside our each one, and we can just go back to our yes, you're tired of this.



101

00:09:40,790 --> 00:09:48,410

There's something which is called the radius, but let's give the poor the color first order of black



102

00:09:48,630 --> 00:09:58,290

stuff, like let's make it, uh, Thayn crown when we go back to the Web page with this computer.



103

00:09:59,750 --> 00:10:00,650

This is perfect.



104

00:10:01,730 --> 00:10:04,690

Let's see now how we can add powder color.



105

00:10:06,770 --> 00:10:13,400

We can just go here and make a big three quarter radius.



106

00:10:15,200 --> 00:10:22,040

Now we can contribute to the reduced by percentage, by centimeter by M by pixels.



107

00:10:22,310 --> 00:10:27,140

You can choose any measure that you want, but I prefer pixels.



108

00:10:27,650 --> 00:10:30,320

We can just make it 20 pixels.



109

00:10:31,310 --> 00:10:35,660

We can save now and go back to our Web page and see what's going on.



110

00:10:38,060 --> 00:10:40,610

Now we got the two big stars of the quarter.



111

00:10:40,610 --> 00:10:48,120

As you can see from here, we can apply it now for the one hundred.



112

00:10:48,190 --> 00:10:53,150

So let's go back to our Web page and see what's going on right now.



113

00:10:55,040 --> 00:10:59,440

This is the one hundred pixels you can apply for anything we want.



114

00:11:00,260 --> 00:11:08,330

And also we can create a new X, but be at two very soon in the next video of us know how to differentiate.



115

00:11:08,330 --> 00:11:16,940

If we want to add more than one x one, we will know how to use classes ideas in order to add many words



116

00:11:16,940 --> 00:11:19,010

for each one.



117

00:11:21,120 --> 00:11:31,960

We can go back to our stunning, let's say, first we can go here and here at you up and up and then



118

00:11:31,960 --> 00:11:45,060

inside we can just type the height of two hundred pixels with up to three, two hundred pixels.



119

00:11:45,840 --> 00:11:52,770

And let's give it a background color for what do you think?



120

00:11:53,610 --> 00:11:57,090

Yellow, green for violence.



121

00:11:58,140 --> 00:12:01,450

Let's go back to our Web page and see what's going on here.



122

00:12:02,700 --> 00:12:03,600

Now we have this.



123

00:12:04,830 --> 00:12:06,770

Let's say we want to make this a circle.



124

00:12:07,260 --> 00:12:12,990

It's having the part of the circle because the radius will be one hundred pixels.



125

00:12:12,990 --> 00:12:13,470

Right.



126

00:12:13,980 --> 00:12:15,810

We can go back to our covid.



127

00:12:18,740 --> 00:12:22,290

And give it a broader radius.



128

00:12:23,150 --> 00:12:29,930

We just need to give a poor color in order to put up or the wages, we can just go here and make 50



129

00:12:29,930 --> 00:12:33,500

percent, 50 percent will make it circle.



130

00:12:33,890 --> 00:12:37,340

We can just save and go back to our Web page.



131

00:12:39,620 --> 00:12:41,290

OK, that's perfect.



132

00:12:41,300 --> 00:12:42,620

And then we got the circle.



133

00:12:43,280 --> 00:12:44,300

Let's just come.



134

00:12:44,300 --> 00:12:47,000

And this part, we don't need it right now



135

00:12:50,540 --> 00:12:54,260

because we will talk now about the possibilities for each side.



136

00:12:56,690 --> 00:13:01,190

Now, let's talk about the poor, the ratings for each side here.



137

00:13:01,400 --> 00:13:04,310

We've got the poor, the top left for the top.



138

00:13:04,310 --> 00:13:10,550

Put them for the right to put in and for the right job.



139

00:13:11,060 --> 00:13:12,590

Let's see how we can use that.



140

00:13:15,800 --> 00:13:22,790

We can go here and make order top left radius.



141

00:13:23,090 --> 00:13:26,780

Now, we are controlling the radius of this part.



142

00:13:27,950 --> 00:13:30,320

Let's go and see what we have right now.



143

00:13:31,700 --> 00:13:36,980

We can just make this to be zero because I think this will be OK.



144

00:13:37,490 --> 00:13:41,120

We can now we're back to our Web page and see what we have



145

00:13:43,850 --> 00:13:44,150

now.



146

00:13:44,150 --> 00:13:48,110

We have to do pixels for the left, for the top left.



147

00:13:48,560 --> 00:13:53,810

We can apply now for the top, but then we can just go here



148

00:13:56,840 --> 00:14:00,260

for the chop put on.



149

00:14:04,960 --> 00:14:06,850

Three for the top, right?



150

00:14:06,880 --> 00:14:11,410

I'm sorry, I'm sorry, and this be applied for this part.



151

00:14:12,810 --> 00:14:15,860

We can just go here and make it five.



152

00:14:15,910 --> 00:14:16,870

Pit stop is enough.



153

00:14:17,960 --> 00:14:23,800

Let's go back to our Web page or let's just apply this powder color.



154

00:14:26,000 --> 00:14:30,210

We can go back to our Web page and now we have this.



155

00:14:31,510 --> 00:14:38,350

Now we can apply for this having a radius and we can see from here we have a radius.



156

00:14:40,300 --> 00:14:44,410

We can apply now for the purger for this one here.



157

00:14:44,800 --> 00:14:52,390

We can go here and make order button here.



158

00:14:52,390 --> 00:14:55,450

We have to put them left the radius.



159

00:14:55,750 --> 00:14:57,340

We can just click on here.



160

00:14:57,850 --> 00:15:01,600

Let's make this to be having ten pixels.



161

00:15:03,280 --> 00:15:05,190

We will control this one right now.



162

00:15:05,410 --> 00:15:08,770

Let's zoom in to see the difference when we reload.



163

00:15:08,960 --> 00:15:11,500

Now, we got this wave, I think.



164

00:15:11,890 --> 00:15:13,090

Yes, ten pixels.



165

00:15:13,990 --> 00:15:17,050

OK, we don't need to apply for the last one.



166

00:15:17,080 --> 00:15:18,550

OK, we will apply for it.



167

00:15:20,590 --> 00:15:27,520

We can just go here and make space for the button.



168

00:15:28,300 --> 00:15:28,930

Right?



169

00:15:28,930 --> 00:15:33,070

Paradies We can just make it for loop itself.



170

00:15:33,130 --> 00:15:34,030

It will be great.



171

00:15:37,000 --> 00:15:38,920

Now we got the zero pixels.



172

00:15:39,580 --> 00:15:43,240

No talk about the printers in the next video.



173

00:15:43,540 --> 00:15:51,490

We will just talk about classes and space and we will know how to use them and we will also know how



174

00:15:51,490 --> 00:15:53,020

to use the spec.



175

00:15:53,590 --> 00:15:55,390

So good luck and have fun.