subtitlecat.com

All language subtitles for 11. Creating The Services Block - Website Development

Afrikaans

Akan

Albanian

Amharic

Arabic

Armenian

Azerbaijani

Basque

Belarusian

Bemba

Bengali

Bihari

Bosnian

Breton

Bulgarian

Cambodian

Catalan

Cebuano

Cherokee

Chichewa

Chinese (Simplified)

Chinese (Traditional)

Corsican

Croatian

Czech

Danish

Dutch

English

Esperanto

Estonian

Ewe

Faroese

Filipino

Finnish

French

Frisian

Galician

Georgian

German

Greek

Guarani

Gujarati

Haitian Creole

Hausa

Hawaiian

Hebrew

Hindi

Hmong

Hungarian

Icelandic

Igbo

Indonesian

Interlingua

Irish

Italian

Japanese

Javanese

Kannada

Kazakh

Kinyarwanda

Kirundi

Kongo

Korean

Krio (Sierra Leone)

Kurdish

Kurdish (Soranî)

Kyrgyz

Laothian

Latin

Latvian

Lingala

Lithuanian

Lozi

Luganda

Luo

Luxembourgish

Macedonian

Malagasy

Malay

Malayalam

Maltese

Maori

Marathi

Mauritian Creole

Moldavian

Mongolian

Myanmar (Burmese)

Montenegrin

Nepali

Nigerian Pidgin

Northern Sotho

Norwegian

Norwegian (Nynorsk)

Occitan

Oriya

Oromo

Pashto

Persian Download

Polish

Portuguese (Brazil)

Portuguese (Portugal)

Punjabi

Quechua

Romanian

Romansh

Runyakitara

Russian

Samoan

Scots Gaelic

Serbian

Serbo-Croatian

Sesotho

Setswana

Seychellois Creole

Shona

Sindhi

Sinhalese

Slovak

Slovenian

Somali

Spanish

Spanish (Latin American)

Sundanese

Swahili

Swedish

Tajik

Tamil

Tatar

Telugu

Thai

Tigrinya

Tonga

Tshiluba

Tumbuka

Turkish

Turkmen

Twi

Uighur

Ukrainian

Urdu

Uzbek

Vietnamese

Welsh

Wolof

Xhosa

Yiddish

Yoruba

Zulu

Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated: 1 00:00:01,100 --> 00:00:01,550 All right. 2 00:00:01,580 --> 00:00:07,340 And for the Web site section we're going to do the same thing that we had done for the last section. 3 00:00:07,380 --> 00:00:11,950 So let's come up to the top and underneath the mobile apps icon. 4 00:00:12,030 --> 00:00:24,730 Let's go ahead and import that Web site's icon from assets Web site icon SPG let's come down and we'll 5 00:00:24,730 --> 00:00:31,390 go ahead and actually copy the entire custom software grid item once again. 6 00:00:31,390 --> 00:00:38,980 Copy that entire custom software grid item and we'll come down and underneath the Iaw and Android block 7 00:00:39,400 --> 00:00:42,730 make sure you've only got one grid tag underneath. 8 00:00:42,730 --> 00:00:50,020 And that's the overall wrapping div for all of our sections and it will paste in the code we had just 9 00:00:50,020 --> 00:00:51,850 copied and we'll come up. 10 00:00:51,850 --> 00:00:56,640 Change the custom software block to Web site Web sites. 11 00:00:56,640 --> 00:01:02,970 BLOCK And again we're going to change our title and we can leave the development changed to Web site 12 00:01:03,390 --> 00:01:15,200 Web site development and we'll change the first subtitle to reach more discover more sell more. 13 00:01:15,220 --> 00:01:28,930 And lastly this other subtitle we will change to optimized for search engines engines built for speed 14 00:01:29,590 --> 00:01:31,030 and then will come down. 15 00:01:31,030 --> 00:01:40,090 Change the old to Web site icon and change the source to the Web site icon. 16 00:01:40,090 --> 00:01:43,330 The Web site's icon that we had imported. 17 00:01:43,420 --> 00:01:48,980 So we'll go ahead and save this and with our page refreshed. 18 00:01:49,180 --> 00:01:53,880 We can come down and we see the Web site development section. 19 00:01:53,900 --> 00:01:59,900 This was almost an exact copy of the custom software development section since it was right above on 20 00:01:59,900 --> 00:02:00,830 the same side. 21 00:02:00,830 --> 00:02:04,020 We didn't have to mess with the alignment like we did for that one. 22 00:02:04,100 --> 00:02:10,820 And you can see now that if we go we can size the screen up all the way and all the sections look quite 23 00:02:10,820 --> 00:02:11,300 nice. 24 00:02:11,620 --> 00:02:16,880 And as we start to shrink that down you'll see a sandwich all. 25 00:02:17,030 --> 00:02:18,120 I really like. 26 00:02:18,380 --> 00:02:20,590 And then they'll jump to being censored. 27 00:02:20,630 --> 00:02:26,130 And as we keep resizing you'll see and we can see that is resized there. 28 00:02:26,250 --> 00:02:32,170 We can shrink all the way down until all of the icons look perfect for a mobile screen. 29 00:02:32,180 --> 00:02:36,220 Exactly what you would want in how you would expect. 30 00:02:36,310 --> 00:02:42,070 I honestly think that this is really great and really seems to just work so well right out of the box 31 00:02:42,070 --> 00:02:48,920 without a lot of hard work on our part as long as we understand and correctly set up our grid. 32 00:02:49,000 --> 00:02:54,460 You can see now why it's so important to really wrap your head around how to use the grid component 33 00:02:54,760 --> 00:02:59,210 and it really enables you to create any kind of layout like this. 34 00:02:59,230 --> 00:03:04,510 So I hope you guys are feeling better about the grid now than you were a couple of videos ago and it'll 35 00:03:04,570 --> 00:03:07,390 just keep sinking in more and more the farther we get. 36 00:03:07,390 --> 00:03:12,550 But we've done a lot already and you can probably feel the momentum picking up a little bit as we've 37 00:03:12,550 --> 00:03:18,040 now got a pretty decent amount of content on our home screen in a pretty short amount of time. 38 00:03:18,070 --> 00:03:20,220 So I think that this looks really great. 39 00:03:20,290 --> 00:03:26,710 And I just love how we've done such a good job of making it responsive and really just creating a great 40 00:03:26,710 --> 00:03:30,430 user experience for anyone that would end up getting here. 41 00:03:30,430 --> 00:03:36,880 So let's go ahead and take a break if you need one because we'll start learning a new material UI component 42 00:03:37,120 --> 00:03:38,410 in the next video. 4521