Would you like to inspect the original subtitles? These are the user uploaded subtitles that are being translated:
1
00:00:00,150 --> 00:00:00,510
All right.
2
00:00:00,510 --> 00:00:03,290
So our code is now a lot more modular
3
00:00:03,290 --> 00:00:07,350
and much more readable because we've implemented a better structure.
4
00:00:07,350 --> 00:00:11,800
So for example, our HTML broad stroke web page wide styles are up here,
5
00:00:11,970 --> 00:00:14,240
and then we've got our headings,
6
00:00:14,250 --> 00:00:18,370
classes, our sections classes, our navigation bar
7
00:00:18,510 --> 00:00:23,780
classes, our buttons, titles section, features, and it's now a lot easier,
8
00:00:23,790 --> 00:00:28,290
say if something goes wrong in our code, to try and figure out the part of the code that's causing the
9
00:00:28,290 --> 00:00:29,050
problem.
10
00:00:29,100 --> 00:00:34,710
So you could further refactor this, although there really is a sweet spot before you start, you know, getting
11
00:00:34,710 --> 00:00:40,440
rid of all your code and trying to mush it all together into a single giant class which doesn't really
12
00:00:40,440 --> 00:00:41,160
work either.
13
00:00:41,160 --> 00:00:47,760
So just because something repeats itself isn't itself a good enough reason for you to try and get rid
14
00:00:47,760 --> 00:00:48,230
of it.
15
00:00:48,240 --> 00:00:54,900
So even though we have for example the price-text that has a font-size of 3rem and line-height
16
00:00:54,930 --> 00:01:01,280
of 1.5 and also the testimonial-text also has the same dimensions,
17
00:01:01,320 --> 00:01:07,230
it's not necessarily a good enough reason to simply bunch them together into a single class, because
18
00:01:07,530 --> 00:01:11,070
even though, you know, in our case we've kind of kept them the same,
19
00:01:11,130 --> 00:01:17,190
in reality it's probably not likely that you're going to have exactly the same styles applied to many
20
00:01:17,190 --> 00:01:21,630
bits of your web page that are not really related,
21
00:01:21,630 --> 00:01:21,930
right?
22
00:01:21,930 --> 00:01:24,890
The testimonial-text and the pricing-text,
23
00:01:25,020 --> 00:01:31,230
it's just a pure coincidence, or rather partly laziness on my part to keep them styled exactly the same.
24
00:01:31,230 --> 00:01:34,170
In reality it's probably not going to be. So
25
00:01:34,200 --> 00:01:36,450
our web site is now complete.
26
00:01:36,450 --> 00:01:42,710
Now of course the href for these buttons etc. and your social icons are not working at all,
27
00:01:42,710 --> 00:01:45,260
because we don't really have anywhere to point people to.
28
00:01:45,420 --> 00:01:52,050
But if you did have a web site then you can already see how you now have the skills and the tools and
29
00:01:52,050 --> 00:01:59,650
the know how to build a fantastic looking web site yourself using Bootstrap and CSS and HTML.
30
00:01:59,700 --> 00:02:05,850
So I hope you had fun with me in this module and in the next module we've got even more exciting things
31
00:02:05,850 --> 00:02:06,760
yet to come for you
32
00:02:06,900 --> 00:02:09,800
because we're going to learn about Javascript.
33
00:02:09,900 --> 00:02:16,380
So not only are we going to have style but we're also going to have a functionality. And this is really
34
00:02:16,380 --> 00:02:23,190
where the real fun starts, because we can start making our web site do things by using some real code
35
00:02:23,250 --> 00:02:25,340
and not just HTML and CSS.
36
00:02:25,530 --> 00:02:30,010
So I'm really excited to see you on the next module and I hope you will be too.
37
00:02:30,150 --> 00:02:33,330
So for all of that and more, I'll see you on the next module.
3651
Can't find what you're looking for?
Get subtitles in any language from opensubtitles.com, and translate them here.