1

00:00:02,270 --> 00:00:06,350

Web design is an art of creating it, not just typing kooks.



2

00:00:06,680 --> 00:00:09,710

Welcome to Responsive Web design for Beginners.



3

00:00:12,390 --> 00:00:19,620

This will take you from zero knowledge and estimate five, six as three and JavaScript to your first



4

00:00:19,620 --> 00:00:25,980

professional website, which is built without using any external resource or like Perry.



5

00:00:28,470 --> 00:00:34,230

Why this cause this cause will take you from zero knowledge to your professional website.



6

00:00:34,680 --> 00:00:36,480

This is also up to date.



7

00:00:36,840 --> 00:00:39,090

You will get enough support and.



8

00:00:40,410 --> 00:00:46,740

This is the only thing you give me that will give you this as far as this, you can use to add responsive



9

00:00:46,740 --> 00:00:50,250

grid system typography and like spokes.



10

00:00:53,080 --> 00:00:59,650

Downloadable source code and videos, we will know how to create response to images, grid system and



11

00:00:59,650 --> 00:01:00,580

typography.



12

00:01:01,000 --> 00:01:04,990

We will know how to use the JavaScript to add the dark mood.



13

00:01:05,470 --> 00:01:11,770

We will also know how to publish our website on the server so it can be visited by anyone.



14

00:01:13,840 --> 00:01:19,660

We will build a completely responsive website that will teach you the most important things as three



15

00:01:19,660 --> 00:01:24,950

elements that any designer should know to start his professional career.



16

00:01:25,930 --> 00:01:30,370

You don't need any prior experience with coding to enroll in this course.



17

00:01:30,670 --> 00:01:32,890

We will learn everything from scratch.



18

00:01:34,000 --> 00:01:36,580

This is the website we will create in the school.



19

00:01:36,910 --> 00:01:40,740

The first thing we have here is good morning and the error.



20

00:01:41,410 --> 00:01:44,070

It is the same as here we can refresh.



21

00:01:45,370 --> 00:01:49,060

Here we have four and fifty five and here we have the same.



22

00:01:49,450 --> 00:01:54,940

It will be different according to your local time and this may be for the good evening.



23

00:01:55,450 --> 00:02:03,760

Now we had the chance to choose between the light and the dark and let the light note, OK?



24

00:02:04,240 --> 00:02:07,300

And here we have the light and we can scroll here.



25

00:02:07,660 --> 00:02:10,090

This is the home section with an app.



26

00:02:10,450 --> 00:02:14,050

You can check out the website right here and here.



27

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

We have the getting started.



28

00:02:16,150 --> 00:02:25,540

We can scroll down here we have about us with this hover and here we have our values.



29

00:02:25,820 --> 00:02:28,240

This website is completely responsive.



30

00:02:31,850 --> 00:02:35,300

And here we have some icons, the features.



31

00:02:37,100 --> 00:02:46,400

And here we had the same effect, and I am some stumped, and here we have the service section, which



32

00:02:46,400 --> 00:02:48,230

we have here, some Hober effects.



33

00:02:53,420 --> 00:02:55,670

Here we have the price of U.S..



34

00:02:59,500 --> 00:03:00,790

The blog section.



35

00:03:05,310 --> 00:03:09,360

And here we have a map and finally a future.



36

00:03:09,720 --> 00:03:15,900

Let's move now to the dark moments and now we can click on the dark mood.



37

00:03:18,390 --> 00:03:23,560

We will know how to change all of this pile on the page when a user clicks on it.



38

00:03:23,560 --> 00:03:23,910

Talk.



39

00:03:23,940 --> 00:03:30,060

And here we had the hump section with the same effect, the about section.



40

00:03:32,450 --> 00:03:38,900

And here we have the hover, the values, the features.



41

00:03:41,860 --> 00:03:43,450

And here we have the service.



42

00:03:46,280 --> 00:03:48,020

This is also responsive.



43

00:03:50,310 --> 00:03:52,080

Here we have pricing section.



44

00:03:55,560 --> 00:03:56,280

The blog.



45

00:04:00,720 --> 00:04:02,370

And you have the map.



46

00:04:05,520 --> 00:04:13,170

Finally, the future, we can now check the responsive design of this Web page, we can scroll down.



47

00:04:13,800 --> 00:04:15,900

This page is completely responsive.



48

00:04:22,220 --> 00:04:26,630

We can now try a different size, we can make it a smaller.



49

00:04:32,210 --> 00:04:38,600

As you can see here, we have a different number of rallies here, we have the NAV bar, we can scroll



50

00:04:38,600 --> 00:04:39,020

down.



51

00:04:45,120 --> 00:04:49,140

Here we have the images, the icons, the features.



52

00:04:51,340 --> 00:05:02,530

And here we have the features, do the services with the same hover effect we can drill down here and



53

00:05:02,530 --> 00:05:04,040

here we have a pricing plan.



54

00:05:05,020 --> 00:05:06,420

Scroll down again.



55

00:05:12,490 --> 00:05:14,270

This is completely responsive.



56

00:05:14,290 --> 00:05:22,960

Here we have the plot, the map, and finally the future, we can try now a different size.



57

00:05:26,680 --> 00:05:35,560

OK, and here we have the screen, we can scroll down, we have here the nav bar, which is completely



58

00:05:35,560 --> 00:05:43,630

responsive, the home section about us, the values icons.



59

00:05:44,320 --> 00:05:45,520

Here we have the features.



60

00:05:45,520 --> 00:05:50,920

Part one features part to the service.



61

00:05:51,220 --> 00:05:55,900

We can scroll down again, the pricing plan.



62

00:05:57,700 --> 00:06:05,710

And after this part, we have here the blocking, the mapping and the future.



63

00:06:06,400 --> 00:06:09,220

We can go now and try for smaller screen.



64

00:06:12,350 --> 00:06:13,880

We can make this smaller.



65

00:06:18,340 --> 00:06:25,990

And here we can scroll down here we have an earth bar, as you can see here, this page is completely



66

00:06:25,990 --> 00:06:26,700

responsive.



67

00:06:26,950 --> 00:06:28,510

Here we have our values.



68

00:06:30,040 --> 00:06:36,010

The icons features part one, features part two.



69

00:06:38,640 --> 00:06:40,940

Service, we can scroll down.



70

00:06:45,220 --> 00:06:46,920

Here we have the pricing plan.



71

00:06:50,940 --> 00:07:00,560

The blog, the map, and finally the future, you can check out the website right here.



72

00:07:01,110 --> 00:07:03,450

Thank you and see you in the course.