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
Frisian
Ga
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
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
0 All right. 1
So our code is now a lot more modular 2
and much more readable because we've implemented a better structure. 3
So for example, our HTML broad stroke web page wide styles are up here, 4
and then we've got our headings, 5
classes, our sections classes, our navigation bar 6
classes, our buttons, titles section, features, and it's now a lot easier, 7
say if something goes wrong in our code, to try and figure out the part of the code that's causing the 8
problem. 9
So you could further refactor this, although there really is a sweet spot before you start, you know, getting 10
rid of all your code and trying to mush it all together into a single giant class which doesn't really 11
work either. 12
So just because something repeats itself isn't itself a good enough reason for you to try and get rid 13
of it. 14
So even though we have for example the price-text that has a font-size of 3rem and line-height 15
of 1.5 and also the testimonial-text also has the same dimensions, 16
it's not necessarily a good enough reason to simply bunch them together into a single class, because 17
even though, you know, in our case we've kind of kept them the same, 18
in reality it's probably not likely that you're going to have exactly the same styles applied to many 19
bits of your web page that are not really related, 20
right? 21
The testimonial-text and the pricing-text, 22
it's just a pure coincidence, or rather partly laziness on my part to keep them styled exactly the same. 23
In reality it's probably not going to be. So 24
our web site is now complete. 25
Now of course the href for these buttons etc. and your social icons are not working at all, 26
because we don't really have anywhere to point people to. 27
But if you did have a web site then you can already see how you now have the skills and the tools and 28
the know how to build a fantastic looking web site yourself using Bootstrap and CSS and HTML. 29
So I hope you had fun with me in this module and in the next module we've got even more exciting things 30
yet to come for you 31
because we're going to learn about Javascript. 32
So not only are we going to have style but we're also going to have a functionality. And this is really 33
where the real fun starts, because we can start making our web site do things by using some real code 34
and not just HTML and CSS. 35
So I'm really excited to see you on the next module and I hope you will be too. 36
So for all of that and more, I'll see you on the next module.
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.