WEBVTT
Kind: captions
Language: en

00:00:00.000 --> 00:00:01.790 align:start position:0%
 
Let<00:00:00.240><c> me</c><00:00:00.360><c> quickly</c><00:00:00.760><c> show</c><00:00:01.000><c> you</c><00:00:01.160><c> how</c><00:00:01.280><c> a</c><00:00:01.360><c> page</c><00:00:01.680><c> is</c>

00:00:01.790 --> 00:00:01.800 align:start position:0%
Let me quickly show you how a page is
 

00:00:01.800 --> 00:00:03.630 align:start position:0%
Let me quickly show you how a page is
put<00:00:01.960><c> together</c><00:00:02.560><c> because</c><00:00:02.800><c> once</c><00:00:02.960><c> you</c><00:00:03.080><c> understand</c>

00:00:03.630 --> 00:00:03.640 align:start position:0%
put together because once you understand
 

00:00:03.640 --> 00:00:05.270 align:start position:0%
put together because once you understand
that,<00:00:04.120><c> you'll</c><00:00:04.240><c> be</c><00:00:04.360><c> able</c><00:00:04.480><c> to</c><00:00:04.600><c> edit</c><00:00:04.840><c> pretty</c><00:00:05.040><c> much</c>

00:00:05.270 --> 00:00:05.280 align:start position:0%
that, you'll be able to edit pretty much
 

00:00:05.280 --> 00:00:07.470 align:start position:0%
that, you'll be able to edit pretty much
anything<00:00:05.640><c> you</c><00:00:05.760><c> want.</c><00:00:06.320><c> Every</c><00:00:06.640><c> page</c><00:00:07.040><c> is</c><00:00:07.200><c> built</c>

00:00:07.470 --> 00:00:07.480 align:start position:0%
anything you want. Every page is built
 

00:00:07.480 --> 00:00:09.350 align:start position:0%
anything you want. Every page is built
out<00:00:07.600><c> of</c><00:00:07.680><c> containers</c><00:00:08.480><c> and</c><00:00:08.600><c> the</c><00:00:08.720><c> easiest</c><00:00:09.120><c> way</c><00:00:09.240><c> to</c>

00:00:09.350 --> 00:00:09.360 align:start position:0%
out of containers and the easiest way to
 

00:00:09.360 --> 00:00:11.510 align:start position:0%
out of containers and the easiest way to
picture<00:00:09.680><c> those</c><00:00:10.080><c> is</c><00:00:10.280><c> as</c><00:00:10.480><c> the</c><00:00:10.600><c> big</c><00:00:10.840><c> sections</c>

00:00:11.510 --> 00:00:11.520 align:start position:0%
picture those is as the big sections
 

00:00:11.520 --> 00:00:13.790 align:start position:0%
picture those is as the big sections
that<00:00:11.760><c> stack</c><00:00:12.120><c> down</c><00:00:12.320><c> your</c><00:00:12.440><c> page.</c><00:00:13.120><c> Then</c><00:00:13.320><c> inside</c>

00:00:13.790 --> 00:00:13.800 align:start position:0%
that stack down your page. Then inside
 

00:00:13.800 --> 00:00:15.870 align:start position:0%
that stack down your page. Then inside
the<00:00:13.880><c> containers</c><00:00:14.600><c> are</c><00:00:14.760><c> the</c><00:00:14.920><c> elements,</c><00:00:15.640><c> which</c>

00:00:15.870 --> 00:00:15.880 align:start position:0%
the containers are the elements, which
 

00:00:15.880 --> 00:00:17.830 align:start position:0%
the containers are the elements, which
are<00:00:16.000><c> the</c><00:00:16.160><c> actual</c><00:00:16.520><c> things</c><00:00:16.880><c> you</c><00:00:17.000><c> see.</c><00:00:17.560><c> That's</c>

00:00:17.830 --> 00:00:17.840 align:start position:0%
are the actual things you see. That's
 

00:00:17.840 --> 00:00:20.150 align:start position:0%
are the actual things you see. That's
stuff<00:00:18.240><c> like</c><00:00:18.440><c> your</c><00:00:18.560><c> text,</c><00:00:19.200><c> images,</c><00:00:19.880><c> and</c><00:00:20.040><c> your</c>

00:00:20.150 --> 00:00:20.160 align:start position:0%
stuff like your text, images, and your
 

00:00:20.160 --> 00:00:21.270 align:start position:0%
stuff like your text, images, and your
buttons.

00:00:21.270 --> 00:00:21.280 align:start position:0%
buttons.
 

00:00:21.280 --> 00:00:23.070 align:start position:0%
buttons.
Let's<00:00:21.560><c> see</c><00:00:21.760><c> how</c><00:00:21.880><c> that</c><00:00:22.080><c> actually</c><00:00:22.440><c> looks</c><00:00:22.800><c> on</c><00:00:22.960><c> our</c>

00:00:23.070 --> 00:00:23.080 align:start position:0%
Let's see how that actually looks on our
 

00:00:23.080 --> 00:00:25.070 align:start position:0%
Let's see how that actually looks on our
home<00:00:23.280><c> page</c><00:00:23.520><c> here.</c><00:00:23.960><c> On</c><00:00:24.080><c> the</c><00:00:24.200><c> right</c><00:00:24.440><c> side,</c><00:00:24.920><c> let's</c>

00:00:25.070 --> 00:00:25.080 align:start position:0%
home page here. On the right side, let's
 

00:00:25.080 --> 00:00:27.030 align:start position:0%
home page here. On the right side, let's
take<00:00:25.280><c> a</c><00:00:25.320><c> look</c><00:00:25.640><c> at</c><00:00:25.760><c> our</c><00:00:25.880><c> structure</c><00:00:26.320><c> panel.</c><00:00:26.880><c> This</c>

00:00:27.030 --> 00:00:27.040 align:start position:0%
take a look at our structure panel. This
 

00:00:27.040 --> 00:00:29.430 align:start position:0%
take a look at our structure panel. This
is<00:00:27.160><c> basically</c><00:00:27.680><c> like</c><00:00:27.880><c> a</c><00:00:27.960><c> map</c><00:00:28.440><c> of</c><00:00:28.560><c> your</c><00:00:28.680><c> website.</c>

00:00:29.430 --> 00:00:29.440 align:start position:0%
is basically like a map of your website.
 

00:00:29.440 --> 00:00:30.910 align:start position:0%
is basically like a map of your website.
We'll<00:00:29.600><c> click</c><00:00:29.880><c> on</c><00:00:30.040><c> this</c><00:00:30.200><c> container</c><00:00:30.720><c> at</c><00:00:30.840><c> the</c>

00:00:30.910 --> 00:00:30.920 align:start position:0%
We'll click on this container at the
 

00:00:30.920 --> 00:00:33.110 align:start position:0%
We'll click on this container at the
very<00:00:31.160><c> top</c><00:00:31.400><c> of</c><00:00:31.440><c> the</c><00:00:31.520><c> list</c><00:00:31.760><c> here.</c>

00:00:33.110 --> 00:00:33.120 align:start position:0%
very top of the list here.
 

00:00:33.120 --> 00:00:34.870 align:start position:0%
very top of the list here.
And<00:00:33.320><c> you'll</c><00:00:33.440><c> see</c><00:00:33.640><c> it</c><00:00:33.760><c> highlights</c><00:00:34.280><c> the</c><00:00:34.400><c> section</c>

00:00:34.870 --> 00:00:34.880 align:start position:0%
And you'll see it highlights the section
 

00:00:34.880 --> 00:00:36.750 align:start position:0%
And you'll see it highlights the section
in<00:00:35.000><c> pink.</c><00:00:35.560><c> This</c><00:00:35.720><c> is</c><00:00:35.840><c> indicating</c><00:00:36.480><c> that</c><00:00:36.640><c> we're</c>

00:00:36.750 --> 00:00:36.760 align:start position:0%
in pink. This is indicating that we're
 

00:00:36.760 --> 00:00:38.550 align:start position:0%
in pink. This is indicating that we're
currently<00:00:37.200><c> looking</c><00:00:37.560><c> at</c><00:00:37.800><c> this</c><00:00:38.000><c> container</c><00:00:38.480><c> at</c>

00:00:38.550 --> 00:00:38.560 align:start position:0%
currently looking at this container at
 

00:00:38.560 --> 00:00:40.190 align:start position:0%
currently looking at this container at
the<00:00:38.640><c> top.</c><00:00:39.240><c> Now</c><00:00:39.400><c> let's</c><00:00:39.560><c> click</c><00:00:39.720><c> on</c><00:00:39.840><c> the</c><00:00:39.920><c> arrow</c>

00:00:40.190 --> 00:00:40.200 align:start position:0%
the top. Now let's click on the arrow
 

00:00:40.200 --> 00:00:42.550 align:start position:0%
the top. Now let's click on the arrow
next<00:00:40.440><c> to</c><00:00:40.560><c> it</c><00:00:40.720><c> to</c><00:00:40.840><c> expand</c><00:00:41.320><c> it.</c>

00:00:42.550 --> 00:00:42.560 align:start position:0%
next to it to expand it.
 

00:00:42.560 --> 00:00:44.750 align:start position:0%
next to it to expand it.
Now<00:00:42.800><c> inside</c><00:00:43.200><c> of</c><00:00:43.280><c> this</c><00:00:43.400><c> container,</c><00:00:44.160><c> I</c><00:00:44.280><c> see</c><00:00:44.520><c> two</c>

00:00:44.750 --> 00:00:44.760 align:start position:0%
Now inside of this container, I see two
 

00:00:44.760 --> 00:00:47.190 align:start position:0%
Now inside of this container, I see two
elements.<00:00:45.600><c> There's</c><00:00:45.840><c> a</c><00:00:45.920><c> text</c><00:00:46.360><c> heading</c><00:00:47.000><c> and</c><00:00:47.160><c> a</c>

00:00:47.190 --> 00:00:47.200 align:start position:0%
elements. There's a text heading and a
 

00:00:47.200 --> 00:00:49.230 align:start position:0%
elements. There's a text heading and a
button.<00:00:47.840><c> And</c><00:00:47.960><c> I</c><00:00:48.040><c> can</c><00:00:48.200><c> actually</c><00:00:48.600><c> see</c><00:00:48.840><c> those</c><00:00:49.080><c> two</c>

00:00:49.230 --> 00:00:49.240 align:start position:0%
button. And I can actually see those two
 

00:00:49.240 --> 00:00:50.830 align:start position:0%
button. And I can actually see those two
elements<00:00:49.720><c> within</c><00:00:50.040><c> the</c><00:00:50.120><c> container</c><00:00:50.600><c> right</c>

00:00:50.830 --> 00:00:50.840 align:start position:0%
elements within the container right
 

00:00:50.840 --> 00:00:52.870 align:start position:0%
elements within the container right
here.<00:00:51.400><c> Back</c><00:00:51.600><c> in</c><00:00:51.680><c> the</c><00:00:51.760><c> structure</c><00:00:52.160><c> panel,</c><00:00:52.640><c> I</c><00:00:52.720><c> can</c>

00:00:52.870 --> 00:00:52.880 align:start position:0%
here. Back in the structure panel, I can
 

00:00:52.880 --> 00:00:54.470 align:start position:0%
here. Back in the structure panel, I can
click<00:00:53.080><c> on</c><00:00:53.200><c> the</c><00:00:53.360><c> eyeball</c><00:00:53.720><c> button</c><00:00:54.000><c> to</c><00:00:54.160><c> hide</c><00:00:54.400><c> the</c>

00:00:54.470 --> 00:00:54.480 align:start position:0%
click on the eyeball button to hide the
 

00:00:54.480 --> 00:00:55.870 align:start position:0%
click on the eyeball button to hide the
element.

00:00:55.870 --> 00:00:55.880 align:start position:0%
element.
 

00:00:55.880 --> 00:00:58.430 align:start position:0%
element.
Click<00:00:56.160><c> it</c><00:00:56.240><c> again</c><00:00:56.600><c> to</c><00:00:56.760><c> reveal</c><00:00:57.120><c> it.</c><00:00:57.920><c> And</c><00:00:58.200><c> I</c><00:00:58.240><c> can</c>

00:00:58.430 --> 00:00:58.440 align:start position:0%
Click it again to reveal it. And I can
 

00:00:58.440 --> 00:01:00.790 align:start position:0%
Click it again to reveal it. And I can
also<00:00:58.760><c> drag</c><00:00:59.400><c> and</c><00:00:59.560><c> reorder</c><00:01:00.040><c> these</c><00:01:00.240><c> elements</c><00:01:00.640><c> as</c>

00:01:00.790 --> 00:01:00.800 align:start position:0%
also drag and reorder these elements as
 

00:01:00.800 --> 00:01:01.950 align:start position:0%
also drag and reorder these elements as
well.

00:01:01.950 --> 00:01:01.960 align:start position:0%
well.
 

00:01:01.960 --> 00:01:04.549 align:start position:0%
well.
Just<00:01:02.240><c> by</c><00:01:02.360><c> dragging</c><00:01:02.760><c> them</c><00:01:02.960><c> up</c><00:01:03.080><c> and</c><00:01:03.200><c> down.</c>

00:01:04.549 --> 00:01:04.559 align:start position:0%
Just by dragging them up and down.
 

00:01:04.559 --> 00:01:05.950 align:start position:0%
Just by dragging them up and down.
You<00:01:04.720><c> can</c><00:01:04.800><c> do</c><00:01:04.920><c> the</c><00:01:05.000><c> exact</c><00:01:05.440><c> same</c><00:01:05.640><c> thing</c><00:01:05.840><c> with</c>

00:01:05.950 --> 00:01:05.960 align:start position:0%
You can do the exact same thing with
 

00:01:05.960 --> 00:01:07.790 align:start position:0%
You can do the exact same thing with
your<00:01:06.080><c> containers</c><00:01:06.640><c> as</c><00:01:06.840><c> well.</c><00:01:07.360><c> If</c><00:01:07.480><c> you</c><00:01:07.560><c> want</c><00:01:07.720><c> to</c>

00:01:07.790 --> 00:01:07.800 align:start position:0%
your containers as well. If you want to
 

00:01:07.800 --> 00:01:09.510 align:start position:0%
your containers as well. If you want to
hide<00:01:08.120><c> the</c><00:01:08.200><c> entire</c><00:01:08.560><c> container,</c><00:01:09.120><c> just</c><00:01:09.320><c> click</c>

00:01:09.510 --> 00:01:09.520 align:start position:0%
hide the entire container, just click
 

00:01:09.520 --> 00:01:11.790 align:start position:0%
hide the entire container, just click
the<00:01:09.680><c> eyeball.</c>

00:01:11.790 --> 00:01:11.800 align:start position:0%
the eyeball.
 

00:01:11.800 --> 00:01:12.950 align:start position:0%
the eyeball.
And<00:01:11.960><c> if</c><00:01:12.080><c> you</c><00:01:12.160><c> want</c><00:01:12.280><c> to</c><00:01:12.400><c> reorder</c><00:01:12.880><c> the</c>

00:01:12.950 --> 00:01:12.960 align:start position:0%
And if you want to reorder the
 

00:01:12.960 --> 00:01:15.070 align:start position:0%
And if you want to reorder the
containers<00:01:13.600><c> on</c><00:01:13.720><c> your</c><00:01:13.840><c> home</c><00:01:14.040><c> page</c><00:01:14.320><c> here,</c><00:01:14.880><c> just</c>

00:01:15.070 --> 00:01:15.080 align:start position:0%
containers on your home page here, just
 

00:01:15.080 --> 00:01:17.110 align:start position:0%
containers on your home page here, just
drag<00:01:15.440><c> them</c><00:01:16.040><c> and</c><00:01:16.240><c> move</c><00:01:16.400><c> them</c><00:01:16.600><c> into</c><00:01:16.840><c> a</c><00:01:16.880><c> different</c>

00:01:17.110 --> 00:01:17.120 align:start position:0%
drag them and move them into a different
 

00:01:17.120 --> 00:01:19.590 align:start position:0%
drag them and move them into a different
position.<00:01:18.160><c> This</c><00:01:18.400><c> works</c><00:01:18.840><c> for</c><00:01:19.040><c> every</c><00:01:19.280><c> single</c>

00:01:19.590 --> 00:01:19.600 align:start position:0%
position. This works for every single
 

00:01:19.600 --> 00:01:21.070 align:start position:0%
position. This works for every single
page<00:01:20.000><c> on</c><00:01:20.080><c> your</c><00:01:20.200><c> website.</c><00:01:20.800><c> And</c><00:01:20.920><c> if</c><00:01:21.000><c> the</c>

00:01:21.070 --> 00:01:21.080 align:start position:0%
page on your website. And if the
 

00:01:21.080 --> 00:01:22.870 align:start position:0%
page on your website. And if the
structure<00:01:21.480><c> panel</c><00:01:21.800><c> ever</c><00:01:22.040><c> gets</c><00:01:22.240><c> in</c><00:01:22.320><c> the</c><00:01:22.440><c> way,</c>

00:01:22.870 --> 00:01:22.880 align:start position:0%
structure panel ever gets in the way,
 

00:01:22.880 --> 00:01:24.350 align:start position:0%
structure panel ever gets in the way,
you<00:01:22.960><c> can</c><00:01:23.080><c> actually</c><00:01:23.360><c> move</c><00:01:23.640><c> it</c><00:01:23.720><c> around</c><00:01:24.120><c> just</c><00:01:24.240><c> by</c>

00:01:24.350 --> 00:01:24.360 align:start position:0%
you can actually move it around just by
 

00:01:24.360 --> 00:01:26.870 align:start position:0%
you can actually move it around just by
dragging<00:01:24.800><c> it</c><00:01:25.160><c> or</c><00:01:25.360><c> you</c><00:01:25.440><c> can</c><00:01:25.600><c> press</c><00:01:25.920><c> control</c><00:01:26.680><c> or</c>

00:01:26.870 --> 00:01:26.880 align:start position:0%
dragging it or you can press control or
 

00:01:26.880 --> 00:01:29.390 align:start position:0%
dragging it or you can press control or
command<00:01:27.560><c> I</c><00:01:28.040><c> to</c><00:01:28.200><c> hide</c><00:01:28.440><c> it.</c>

00:01:29.390 --> 00:01:29.400 align:start position:0%
command I to hide it.
 

00:01:29.400 --> 00:01:31.830 align:start position:0%
command I to hide it.
And<00:01:29.600><c> then</c><00:01:29.720><c> control</c><00:01:30.360><c> or</c><00:01:30.480><c> command</c><00:01:31.120><c> I</c><00:01:31.320><c> again</c><00:01:31.760><c> to</c>

00:01:31.830 --> 00:01:31.840 align:start position:0%
And then control or command I again to
 

00:01:31.840 --> 00:01:34.110 align:start position:0%
And then control or command I again to
bring<00:01:32.000><c> it</c><00:01:32.080><c> back.</c><00:01:33.000><c> Now</c><00:01:33.240><c> let's</c><00:01:33.440><c> actually</c><00:01:33.840><c> start</c>

00:01:34.110 --> 00:01:34.120 align:start position:0%
bring it back. Now let's actually start
 

00:01:34.120 --> 00:01:36.630 align:start position:0%
bring it back. Now let's actually start
changing<00:01:34.520><c> things.</c><00:01:35.400><c> Let's</c><00:01:35.880><c> start</c><00:01:36.240><c> by</c><00:01:36.360><c> learning</c>

00:01:36.630 --> 00:01:36.640 align:start position:0%
changing things. Let's start by learning
 

00:01:36.640 --> 00:01:38.510 align:start position:0%
changing things. Let's start by learning
how<00:01:36.720><c> to</c><00:01:36.800><c> change</c><00:01:37.120><c> the</c><00:01:37.280><c> text</c><00:01:37.640><c> on</c><00:01:37.720><c> our</c><00:01:37.840><c> website.</c>

00:01:38.510 --> 00:01:38.520 align:start position:0%
how to change the text on our website.
 

00:01:38.520 --> 00:01:40.470 align:start position:0%
how to change the text on our website.
To<00:01:38.640><c> change</c><00:01:38.960><c> out</c><00:01:39.040><c> your</c><00:01:39.160><c> text,</c><00:01:39.680><c> simply</c><00:01:40.160><c> hover</c>

00:01:40.470 --> 00:01:40.480 align:start position:0%
To change out your text, simply hover
 

00:01:40.480 --> 00:01:42.150 align:start position:0%
To change out your text, simply hover
over<00:01:40.680><c> the</c><00:01:40.800><c> text</c><00:01:41.040><c> that</c><00:01:41.160><c> you</c><00:01:41.240><c> want</c><00:01:41.360><c> to</c><00:01:41.440><c> change</c>

00:01:42.150 --> 00:01:42.160 align:start position:0%
over the text that you want to change
 

00:01:42.160 --> 00:01:44.270 align:start position:0%
over the text that you want to change
and<00:01:42.280><c> then</c><00:01:42.480><c> click</c><00:01:42.720><c> into</c><00:01:43.000><c> it.</c>

00:01:44.270 --> 00:01:44.280 align:start position:0%
and then click into it.
 

00:01:44.280 --> 00:01:45.750 align:start position:0%
and then click into it.
And<00:01:44.480><c> then</c><00:01:44.560><c> from</c><00:01:44.760><c> here,</c><00:01:45.080><c> you</c><00:01:45.160><c> can</c><00:01:45.320><c> simply</c>

00:01:45.750 --> 00:01:45.760 align:start position:0%
And then from here, you can simply
 

00:01:45.760 --> 00:01:47.790 align:start position:0%
And then from here, you can simply
highlight<00:01:46.120><c> the</c><00:01:46.240><c> text</c><00:01:47.280><c> and</c><00:01:47.480><c> then</c><00:01:47.600><c> type</c>

00:01:47.790 --> 00:01:47.800 align:start position:0%
highlight the text and then type
 

00:01:47.800 --> 00:01:49.430 align:start position:0%
highlight the text and then type
whatever<00:01:48.080><c> you</c><00:01:48.200><c> want.</c><00:01:48.760><c> And</c><00:01:48.840><c> then</c><00:01:48.960><c> you</c><00:01:49.000><c> can</c><00:01:49.120><c> also</c>

00:01:49.430 --> 00:01:49.440 align:start position:0%
whatever you want. And then you can also
 

00:01:49.440 --> 00:01:50.950 align:start position:0%
whatever you want. And then you can also
change<00:01:49.840><c> out</c><00:01:49.960><c> the</c><00:01:50.080><c> text</c><00:01:50.440><c> here</c><00:01:50.800><c> on</c><00:01:50.880><c> the</c>

00:01:50.950 --> 00:01:50.960 align:start position:0%
change out the text here on the
 

00:01:50.960 --> 00:01:52.950 align:start position:0%
change out the text here on the
left-hand<00:01:51.440><c> side.</c><00:01:52.040><c> Once</c><00:01:52.280><c> again,</c><00:01:52.760><c> just</c>

00:01:52.950 --> 00:01:52.960 align:start position:0%
left-hand side. Once again, just
 

00:01:52.960 --> 00:01:54.990 align:start position:0%
left-hand side. Once again, just
highlight<00:01:53.280><c> this</c><00:01:53.440><c> text</c><00:01:54.360><c> and</c><00:01:54.480><c> then</c><00:01:54.600><c> just</c><00:01:54.800><c> type</c>

00:01:54.990 --> 00:01:55.000 align:start position:0%
highlight this text and then just type
 

00:01:55.000 --> 00:01:58.870 align:start position:0%
highlight this text and then just type
what<00:01:55.120><c> you</c><00:01:55.200><c> want</c><00:01:55.320><c> it</c><00:01:55.400><c> to</c><00:01:55.640><c> say.</c>

00:01:58.870 --> 00:01:58.880 align:start position:0%
 
 

00:01:58.880 --> 00:02:00.790 align:start position:0%
 
It's<00:01:59.080><c> really</c><00:01:59.400><c> is</c><00:01:59.600><c> easy</c><00:01:59.840><c> as</c><00:02:00.000><c> that.</c><00:02:00.560><c> On</c><00:02:00.680><c> this</c>

00:02:00.790 --> 00:02:00.800 align:start position:0%
It's really is easy as that. On this
 

00:02:00.800 --> 00:02:03.070 align:start position:0%
It's really is easy as that. On this
left-hand<00:02:01.280><c> side</c><00:02:01.600><c> here,</c><00:02:01.920><c> you'll</c><00:02:02.080><c> also</c><00:02:02.440><c> see</c><00:02:02.840><c> the</c>

00:02:03.070 --> 00:02:03.080 align:start position:0%
left-hand side here, you'll also see the
 

00:02:03.080 --> 00:02:05.310 align:start position:0%
left-hand side here, you'll also see the
style<00:02:03.560><c> tab.</c>

00:02:05.310 --> 00:02:05.320 align:start position:0%
style tab.
 

00:02:05.320 --> 00:02:06.910 align:start position:0%
style tab.
This<00:02:05.400><c> is</c><00:02:05.479><c> how</c><00:02:05.560><c> you</c><00:02:05.720><c> change</c><00:02:06.080><c> out</c><00:02:06.240><c> how</c><00:02:06.360><c> your</c><00:02:06.560><c> text</c>

00:02:06.910 --> 00:02:06.920 align:start position:0%
This is how you change out how your text
 

00:02:06.920 --> 00:02:08.669 align:start position:0%
This is how you change out how your text
looks.<00:02:07.560><c> You</c><00:02:07.640><c> can</c><00:02:07.760><c> change</c><00:02:08.000><c> out</c><00:02:08.119><c> your</c><00:02:08.240><c> fonts</c>

00:02:08.669 --> 00:02:08.679 align:start position:0%
looks. You can change out your fonts
 

00:02:08.679 --> 00:02:11.350 align:start position:0%
looks. You can change out your fonts
here,<00:02:09.440><c> your</c><00:02:09.560><c> text</c><00:02:10.039><c> stroke</c><00:02:10.399><c> and</c><00:02:10.520><c> shadow,</c><00:02:11.280><c> and</c>

00:02:11.350 --> 00:02:11.360 align:start position:0%
here, your text stroke and shadow, and
 

00:02:11.360 --> 00:02:13.350 align:start position:0%
here, your text stroke and shadow, and
then<00:02:11.480><c> the</c><00:02:11.600><c> color</c><00:02:11.920><c> of</c><00:02:12.000><c> the</c><00:02:12.120><c> text</c><00:02:12.480><c> as</c><00:02:12.600><c> well.</c><00:02:13.240><c> For</c>

00:02:13.350 --> 00:02:13.360 align:start position:0%
then the color of the text as well. For
 

00:02:13.360 --> 00:02:15.150 align:start position:0%
then the color of the text as well. For
example<00:02:13.800><c> here,</c><00:02:14.000><c> I</c><00:02:14.040><c> can</c><00:02:14.160><c> change</c><00:02:14.440><c> the</c><00:02:14.560><c> text</c><00:02:14.959><c> from</c>

00:02:15.150 --> 00:02:15.160 align:start position:0%
example here, I can change the text from
 

00:02:15.160 --> 00:02:16.670 align:start position:0%
example here, I can change the text from
white

00:02:16.670 --> 00:02:16.680 align:start position:0%
white
 

00:02:16.680 --> 00:02:18.390 align:start position:0%
white
to<00:02:16.920><c> a</c><00:02:17.040><c> red</c><00:02:17.320><c> color.</c>

00:02:18.390 --> 00:02:18.400 align:start position:0%
to a red color.
 

00:02:18.400 --> 00:02:19.990 align:start position:0%
to a red color.
And<00:02:18.560><c> if</c><00:02:18.640><c> you</c><00:02:18.680><c> ever</c><00:02:18.880><c> make</c><00:02:19.040><c> a</c><00:02:19.080><c> change</c><00:02:19.520><c> like</c><00:02:19.720><c> this</c>

00:02:19.990 --> 00:02:20.000 align:start position:0%
And if you ever make a change like this
 

00:02:20.000 --> 00:02:22.150 align:start position:0%
And if you ever make a change like this
that<00:02:20.120><c> you</c><00:02:20.240><c> don't</c><00:02:20.480><c> actually</c><00:02:20.880><c> like,</c><00:02:21.520><c> it's</c><00:02:21.800><c> super</c>

00:02:22.150 --> 00:02:22.160 align:start position:0%
that you don't actually like, it's super
 

00:02:22.160 --> 00:02:24.830 align:start position:0%
that you don't actually like, it's super
easy<00:02:22.400><c> to</c><00:02:22.520><c> undo</c><00:02:22.880><c> it.</c><00:02:23.240><c> Just</c><00:02:23.560><c> press</c><00:02:23.959><c> control</c><00:02:24.640><c> or</c>

00:02:24.830 --> 00:02:24.840 align:start position:0%
easy to undo it. Just press control or
 

00:02:24.840 --> 00:02:27.390 align:start position:0%
easy to undo it. Just press control or
command<00:02:25.400><c> Z</c><00:02:25.760><c> on</c><00:02:25.880><c> your</c><00:02:26.000><c> keyboard.</c>

00:02:27.390 --> 00:02:27.400 align:start position:0%
command Z on your keyboard.
 

00:02:27.400 --> 00:02:29.030 align:start position:0%
command Z on your keyboard.
And<00:02:27.440><c> that's</c><00:02:27.560><c> going</c><00:02:27.680><c> to</c><00:02:27.760><c> undo</c><00:02:28.120><c> that</c><00:02:28.360><c> change.</c>

00:02:29.030 --> 00:02:29.040 align:start position:0%
And that's going to undo that change.
 

00:02:29.040 --> 00:02:30.949 align:start position:0%
And that's going to undo that change.
Now,<00:02:29.200><c> how</c><00:02:29.320><c> do</c><00:02:29.440><c> we</c><00:02:29.560><c> change</c><00:02:29.920><c> out</c><00:02:30.120><c> the</c><00:02:30.360><c> images</c><00:02:30.840><c> on</c>

00:02:30.949 --> 00:02:30.959 align:start position:0%
Now, how do we change out the images on
 

00:02:30.959 --> 00:02:32.790 align:start position:0%
Now, how do we change out the images on
our<00:02:31.040><c> website?</c><00:02:31.720><c> Well,</c><00:02:31.920><c> it's</c><00:02:32.080><c> just</c><00:02:32.360><c> as</c><00:02:32.480><c> simple</c>

00:02:32.790 --> 00:02:32.800 align:start position:0%
our website? Well, it's just as simple
 

00:02:32.800 --> 00:02:34.550 align:start position:0%
our website? Well, it's just as simple
and<00:02:32.920><c> it</c><00:02:33.000><c> works</c><00:02:33.240><c> pretty</c><00:02:33.480><c> similar</c><00:02:33.800><c> to</c><00:02:33.920><c> text.</c>

00:02:34.550 --> 00:02:34.560 align:start position:0%
and it works pretty similar to text.
 

00:02:34.560 --> 00:02:36.510 align:start position:0%
and it works pretty similar to text.
Let's<00:02:34.800><c> scroll</c><00:02:35.080><c> down</c><00:02:35.440><c> and</c><00:02:35.600><c> find</c><00:02:35.920><c> an</c><00:02:36.080><c> image</c><00:02:36.400><c> that</c>

00:02:36.510 --> 00:02:36.520 align:start position:0%
Let's scroll down and find an image that
 

00:02:36.520 --> 00:02:38.630 align:start position:0%
Let's scroll down and find an image that
we<00:02:36.640><c> want</c><00:02:36.760><c> to</c><00:02:36.840><c> replace.</c><00:02:37.880><c> I'll</c><00:02:38.040><c> replace</c><00:02:38.400><c> this</c>

00:02:38.630 --> 00:02:38.640 align:start position:0%
we want to replace. I'll replace this
 

00:02:38.640 --> 00:02:40.630 align:start position:0%
we want to replace. I'll replace this
one<00:02:38.800><c> right</c><00:02:38.959><c> here.</c><00:02:39.520><c> To</c><00:02:39.640><c> replace</c><00:02:40.000><c> it,</c><00:02:40.240><c> simply</c>

00:02:40.630 --> 00:02:40.640 align:start position:0%
one right here. To replace it, simply
 

00:02:40.640 --> 00:02:42.350 align:start position:0%
one right here. To replace it, simply
click<00:02:40.880><c> on</c><00:02:41.000><c> it.</c>

00:02:42.350 --> 00:02:42.360 align:start position:0%
click on it.
 

00:02:42.360 --> 00:02:46.150 align:start position:0%
click on it.
Hover<00:02:42.680><c> over</c><00:02:42.959><c> choose</c><00:02:43.320><c> image,</c><00:02:44.160><c> click</c><00:02:44.440><c> in</c><00:02:44.560><c> here,</c>

00:02:46.150 --> 00:02:46.160 align:start position:0%
Hover over choose image, click in here,
 

00:02:46.160 --> 00:02:47.710 align:start position:0%
Hover over choose image, click in here,
and<00:02:46.280><c> then</c><00:02:46.520><c> you'll</c><00:02:46.640><c> just</c><00:02:46.920><c> drag</c><00:02:47.200><c> and</c><00:02:47.320><c> drop</c><00:02:47.600><c> in</c>

00:02:47.710 --> 00:02:47.720 align:start position:0%
and then you'll just drag and drop in
 

00:02:47.720 --> 00:02:50.910 align:start position:0%
and then you'll just drag and drop in
the<00:02:47.840><c> image</c><00:02:48.120><c> that</c><00:02:48.240><c> you</c><00:02:48.360><c> want.</c>

00:02:50.910 --> 00:02:50.920 align:start position:0%
 
 

00:02:50.920 --> 00:02:52.790 align:start position:0%
 
Once<00:02:51.120><c> your</c><00:02:51.240><c> image</c><00:02:51.520><c> is</c><00:02:51.640><c> done</c><00:02:51.880><c> uploading,</c><00:02:52.600><c> go</c><00:02:52.720><c> to</c>

00:02:52.790 --> 00:02:52.800 align:start position:0%
Once your image is done uploading, go to
 

00:02:52.800 --> 00:02:56.870 align:start position:0%
Once your image is done uploading, go to
the<00:02:52.920><c> bottom</c><00:02:53.240><c> right</c><00:02:53.720><c> and</c><00:02:53.840><c> click</c><00:02:54.120><c> select.</c>

00:02:56.870 --> 00:02:56.880 align:start position:0%
 
 

00:02:56.880 --> 00:02:58.470 align:start position:0%
 
And<00:02:57.040><c> you'll</c><00:02:57.200><c> see</c><00:02:57.360><c> that</c><00:02:57.560><c> image</c><00:02:57.840><c> is</c><00:02:58.000><c> replaced</c>

00:02:58.470 --> 00:02:58.480 align:start position:0%
And you'll see that image is replaced
 

00:02:58.480 --> 00:03:00.670 align:start position:0%
And you'll see that image is replaced
here.<00:02:58.959><c> And</c><00:02:59.160><c> with</c><00:02:59.280><c> your</c><00:02:59.440><c> image</c><00:02:59.680><c> selected</c><00:03:00.160><c> here,</c>

00:03:00.670 --> 00:03:00.680 align:start position:0%
here. And with your image selected here,
 

00:03:00.680 --> 00:03:02.590 align:start position:0%
here. And with your image selected here,
you<00:03:00.760><c> can</c><00:03:00.880><c> change</c><00:03:01.200><c> out</c><00:03:01.320><c> the</c><00:03:01.440><c> resolution,</c><00:03:02.480><c> the</c>

00:03:02.590 --> 00:03:02.600 align:start position:0%
you can change out the resolution, the
 

00:03:02.600 --> 00:03:04.509 align:start position:0%
you can change out the resolution, the
caption<00:03:03.200><c> and</c><00:03:03.400><c> link.</c><00:03:04.040><c> And</c><00:03:04.120><c> if</c><00:03:04.200><c> you</c><00:03:04.239><c> go</c><00:03:04.320><c> to</c><00:03:04.400><c> the</c>

00:03:04.509 --> 00:03:04.519 align:start position:0%
caption and link. And if you go to the
 

00:03:04.519 --> 00:03:07.350 align:start position:0%
caption and link. And if you go to the
top<00:03:05.000><c> and</c><00:03:05.120><c> click</c><00:03:05.360><c> into</c><00:03:05.560><c> style,</c>

00:03:07.350 --> 00:03:07.360 align:start position:0%
top and click into style,
 

00:03:07.360 --> 00:03:08.790 align:start position:0%
top and click into style,
you<00:03:07.400><c> have</c><00:03:07.519><c> some</c><00:03:07.680><c> other</c><00:03:07.920><c> options</c><00:03:08.320><c> here</c><00:03:08.600><c> for</c>

00:03:08.790 --> 00:03:08.800 align:start position:0%
you have some other options here for
 

00:03:08.800 --> 00:03:10.910 align:start position:0%
you have some other options here for
resizing<00:03:09.400><c> your</c><00:03:09.560><c> image.</c><00:03:10.120><c> So,</c><00:03:10.280><c> just</c><00:03:10.519><c> in</c><00:03:10.640><c> case</c>

00:03:10.910 --> 00:03:10.920 align:start position:0%
resizing your image. So, just in case
 

00:03:10.920 --> 00:03:12.670 align:start position:0%
resizing your image. So, just in case
your<00:03:11.080><c> custom</c><00:03:11.480><c> image</c><00:03:11.760><c> doesn't</c><00:03:12.080><c> look</c><00:03:12.320><c> right</c><00:03:12.600><c> on</c>

00:03:12.670 --> 00:03:12.680 align:start position:0%
your custom image doesn't look right on
 

00:03:12.680 --> 00:03:14.750 align:start position:0%
your custom image doesn't look right on
your<00:03:12.800><c> website,</c><00:03:13.440><c> you</c><00:03:13.519><c> can</c><00:03:13.640><c> adjust</c><00:03:14.040><c> it</c><00:03:14.160><c> here.</c>

00:03:14.750 --> 00:03:14.760 align:start position:0%
your website, you can adjust it here.
 

00:03:14.760 --> 00:03:16.430 align:start position:0%
your website, you can adjust it here.
Next,<00:03:15.200><c> let's</c><00:03:15.400><c> learn</c><00:03:15.600><c> how</c><00:03:15.680><c> to</c><00:03:15.800><c> change</c><00:03:16.160><c> out</c><00:03:16.320><c> the</c>

00:03:16.430 --> 00:03:16.440 align:start position:0%
Next, let's learn how to change out the
 

00:03:16.440 --> 00:03:18.550 align:start position:0%
Next, let's learn how to change out the
buttons<00:03:16.840><c> on</c><00:03:16.920><c> our</c><00:03:17.040><c> website.</c><00:03:17.760><c> For</c><00:03:17.880><c> my</c><00:03:18.040><c> website,</c>

00:03:18.550 --> 00:03:18.560 align:start position:0%
buttons on our website. For my website,
 

00:03:18.560 --> 00:03:21.070 align:start position:0%
buttons on our website. For my website,
my<00:03:18.720><c> button</c><00:03:19.040><c> is</c><00:03:19.239><c> all</c><00:03:19.480><c> the</c><00:03:19.560><c> way</c><00:03:19.840><c> up</c><00:03:20.000><c> at</c><00:03:20.080><c> the</c><00:03:20.200><c> top.</c>

00:03:21.070 --> 00:03:21.080 align:start position:0%
my button is all the way up at the top.
 

00:03:21.080 --> 00:03:22.830 align:start position:0%
my button is all the way up at the top.
And<00:03:21.120><c> to</c><00:03:21.200><c> customize</c><00:03:21.720><c> this</c><00:03:21.920><c> button</c><00:03:22.200><c> here,</c><00:03:22.640><c> just</c>

00:03:22.830 --> 00:03:22.840 align:start position:0%
And to customize this button here, just
 

00:03:22.840 --> 00:03:25.150 align:start position:0%
And to customize this button here, just
go<00:03:22.920><c> ahead</c><00:03:23.080><c> and</c><00:03:23.200><c> click</c><00:03:23.400><c> on</c><00:03:23.560><c> it.</c>

00:03:25.150 --> 00:03:25.160 align:start position:0%
go ahead and click on it.
 

00:03:25.160 --> 00:03:26.509 align:start position:0%
go ahead and click on it.
And<00:03:25.280><c> check</c><00:03:25.480><c> out</c><00:03:25.600><c> these</c><00:03:25.760><c> settings</c><00:03:26.080><c> here</c><00:03:26.360><c> on</c><00:03:26.440><c> the</c>

00:03:26.509 --> 00:03:26.519 align:start position:0%
And check out these settings here on the
 

00:03:26.519 --> 00:03:28.190 align:start position:0%
And check out these settings here on the
left-hand<00:03:26.959><c> side.</c><00:03:27.640><c> You</c><00:03:27.720><c> can</c><00:03:27.840><c> start</c><00:03:28.080><c> by</c>

00:03:28.190 --> 00:03:28.200 align:start position:0%
left-hand side. You can start by
 

00:03:28.200 --> 00:03:29.830 align:start position:0%
left-hand side. You can start by
changing<00:03:28.560><c> your</c><00:03:28.680><c> button</c><00:03:28.959><c> type.</c><00:03:29.640><c> You</c><00:03:29.720><c> can</c>

00:03:29.830 --> 00:03:29.840 align:start position:0%
changing your button type. You can
 

00:03:29.840 --> 00:03:31.590 align:start position:0%
changing your button type. You can
change<00:03:30.080><c> out</c><00:03:30.160><c> the</c><00:03:30.239><c> text</c><00:03:30.600><c> here</c><00:03:30.720><c> as</c><00:03:30.880><c> well.</c><00:03:31.480><c> For</c>

00:03:31.590 --> 00:03:31.600 align:start position:0%
change out the text here as well. For
 

00:03:31.600 --> 00:03:33.150 align:start position:0%
change out the text here as well. For
example<00:03:32.000><c> here,</c><00:03:32.200><c> I'll</c><00:03:32.320><c> change</c><00:03:32.600><c> it</c><00:03:32.720><c> from</c><00:03:32.920><c> get</c>

00:03:33.150 --> 00:03:33.160 align:start position:0%
example here, I'll change it from get
 

00:03:33.160 --> 00:03:35.030 align:start position:0%
example here, I'll change it from get
started<00:03:33.640><c> to</c><00:03:33.760><c> say</c>

00:03:35.030 --> 00:03:35.040 align:start position:0%
started to say
 

00:03:35.040 --> 00:03:37.229 align:start position:0%
started to say
contact<00:03:36.239><c> me.</c>

00:03:37.229 --> 00:03:37.239 align:start position:0%
contact me.
 

00:03:37.239 --> 00:03:39.270 align:start position:0%
contact me.
You<00:03:37.280><c> can</c><00:03:37.400><c> also</c><00:03:37.760><c> change</c><00:03:38.280><c> what</c><00:03:38.519><c> page</c><00:03:38.920><c> the</c><00:03:39.000><c> button</c>

00:03:39.270 --> 00:03:39.280 align:start position:0%
You can also change what page the button
 

00:03:39.280 --> 00:03:41.509 align:start position:0%
You can also change what page the button
links<00:03:39.600><c> to.</c><00:03:40.120><c> So,</c><00:03:40.320><c> for</c><00:03:40.440><c> example</c><00:03:40.920><c> here,</c><00:03:41.400><c> I'll</c>

00:03:41.509 --> 00:03:41.519 align:start position:0%
links to. So, for example here, I'll
 

00:03:41.519 --> 00:03:43.350 align:start position:0%
links to. So, for example here, I'll
delete<00:03:41.800><c> this</c><00:03:41.959><c> hashtag</c>

00:03:43.350 --> 00:03:43.360 align:start position:0%
delete this hashtag
 

00:03:43.360 --> 00:03:46.030 align:start position:0%
delete this hashtag
and<00:03:43.480><c> I'll</c><00:03:43.600><c> type</c><00:03:44.400><c> contact.</c>

00:03:46.030 --> 00:03:46.040 align:start position:0%
and I'll type contact.
 

00:03:46.040 --> 00:03:49.470 align:start position:0%
and I'll type contact.
And<00:03:46.239><c> I</c><00:03:46.280><c> can</c><00:03:46.480><c> link</c><00:03:46.760><c> this</c><00:03:47.040><c> to</c><00:03:47.160><c> my</c><00:03:47.280><c> contact</c><00:03:47.840><c> page.</c>

00:03:49.470 --> 00:03:49.480 align:start position:0%
And I can link this to my contact page.
 

00:03:49.480 --> 00:03:50.870 align:start position:0%
And I can link this to my contact page.
Then<00:03:49.680><c> at</c><00:03:49.760><c> the</c><00:03:49.880><c> top,</c><00:03:50.200><c> you</c><00:03:50.280><c> can</c><00:03:50.400><c> click</c><00:03:50.640><c> into</c>

00:03:50.870 --> 00:03:50.880 align:start position:0%
Then at the top, you can click into
 

00:03:50.880 --> 00:03:52.710 align:start position:0%
Then at the top, you can click into
style,

00:03:52.710 --> 00:03:52.720 align:start position:0%
style,
 

00:03:52.720 --> 00:03:54.030 align:start position:0%
style,
and<00:03:52.800><c> you</c><00:03:52.880><c> can</c><00:03:53.000><c> change</c><00:03:53.280><c> how</c><00:03:53.360><c> the</c><00:03:53.440><c> button</c><00:03:53.720><c> looks</c>

00:03:54.030 --> 00:03:54.040 align:start position:0%
and you can change how the button looks
 

00:03:54.040 --> 00:03:55.990 align:start position:0%
and you can change how the button looks
on<00:03:54.160><c> your</c><00:03:54.280><c> page.</c><00:03:55.040><c> Next,</c><00:03:55.400><c> let's</c><00:03:55.560><c> talk</c><00:03:55.720><c> about</c>

00:03:55.990 --> 00:03:56.000 align:start position:0%
on your page. Next, let's talk about
 

00:03:56.000 --> 00:03:57.630 align:start position:0%
on your page. Next, let's talk about
adding<00:03:56.240><c> in</c><00:03:56.400><c> new</c><00:03:56.640><c> elements</c><00:03:57.320><c> because</c><00:03:57.520><c> you're</c>

00:03:57.630 --> 00:03:57.640 align:start position:0%
adding in new elements because you're
 

00:03:57.640 --> 00:03:59.030 align:start position:0%
adding in new elements because you're
not<00:03:57.840><c> just</c><00:03:58.040><c> stuck</c><00:03:58.280><c> with</c><00:03:58.440><c> what</c><00:03:58.560><c> the</c><00:03:58.680><c> template</c>

00:03:59.030 --> 00:03:59.040 align:start position:0%
not just stuck with what the template
 

00:03:59.040 --> 00:04:00.910 align:start position:0%
not just stuck with what the template
gives<00:03:59.320><c> you.</c><00:03:59.680><c> To</c><00:03:59.800><c> add</c><00:04:00.080><c> in</c><00:04:00.280><c> a</c><00:04:00.400><c> brand</c><00:04:00.760><c> new</c>

00:04:00.910 --> 00:04:00.920 align:start position:0%
gives you. To add in a brand new
 

00:04:00.920 --> 00:04:03.510 align:start position:0%
gives you. To add in a brand new
element,<00:04:01.520><c> let's</c><00:04:01.720><c> go</c><00:04:01.880><c> to</c><00:04:02.000><c> the</c><00:04:02.120><c> top</c><00:04:02.400><c> left</c><00:04:03.360><c> and</c>

00:04:03.510 --> 00:04:03.520 align:start position:0%
element, let's go to the top left and
 

00:04:03.520 --> 00:04:06.230 align:start position:0%
element, let's go to the top left and
click<00:04:03.760><c> on</c><00:04:03.880><c> this</c><00:04:04.040><c> plus</c><00:04:04.360><c> button</c><00:04:04.640><c> here.</c>

00:04:06.230 --> 00:04:06.240 align:start position:0%
click on this plus button here.
 

00:04:06.240 --> 00:04:07.830 align:start position:0%
click on this plus button here.
Let's<00:04:06.480><c> scroll</c><00:04:06.760><c> down.</c>

00:04:07.830 --> 00:04:07.840 align:start position:0%
Let's scroll down.
 

00:04:07.840 --> 00:04:09.430 align:start position:0%
Let's scroll down.
Here<00:04:08.000><c> you</c><00:04:08.080><c> can</c><00:04:08.200><c> drag</c><00:04:08.480><c> in</c><00:04:08.600><c> containers</c><00:04:09.280><c> and</c>

00:04:09.430 --> 00:04:09.440 align:start position:0%
Here you can drag in containers and
 

00:04:09.440 --> 00:04:11.590 align:start position:0%
Here you can drag in containers and
grids<00:04:10.360><c> and</c><00:04:10.480><c> you'll</c><00:04:10.640><c> find</c><00:04:10.880><c> your</c><00:04:11.000><c> elements</c><00:04:11.400><c> down</c>

00:04:11.590 --> 00:04:11.600 align:start position:0%
grids and you'll find your elements down
 

00:04:11.600 --> 00:04:14.190 align:start position:0%
grids and you'll find your elements down
here<00:04:11.760><c> as</c><00:04:11.880><c> well.</c><00:04:12.440><c> You</c><00:04:12.560><c> have</c><00:04:12.720><c> stuff</c><00:04:13.240><c> like</c><00:04:13.480><c> text,</c>

00:04:14.190 --> 00:04:14.200 align:start position:0%
here as well. You have stuff like text,
 

00:04:14.200 --> 00:04:17.470 align:start position:0%
here as well. You have stuff like text,
images,<00:04:15.080><c> videos,</c><00:04:15.920><c> buttons,</c><00:04:16.920><c> and</c><00:04:17.120><c> some</c><00:04:17.280><c> other</c>

00:04:17.470 --> 00:04:17.480 align:start position:0%
images, videos, buttons, and some other
 

00:04:17.480 --> 00:04:19.590 align:start position:0%
images, videos, buttons, and some other
cool<00:04:17.680><c> elements</c><00:04:18.040><c> here</c><00:04:18.160><c> as</c><00:04:18.280><c> well.</c><00:04:19.000><c> To</c><00:04:19.040><c> drag</c><00:04:19.400><c> one</c>

00:04:19.590 --> 00:04:19.600 align:start position:0%
cool elements here as well. To drag one
 

00:04:19.600 --> 00:04:22.510 align:start position:0%
cool elements here as well. To drag one
in,<00:04:20.160><c> simply</c><00:04:20.720><c> hover</c><00:04:21.000><c> over</c><00:04:21.239><c> it,</c><00:04:21.959><c> drag</c><00:04:22.240><c> it</c><00:04:22.320><c> into</c>

00:04:22.510 --> 00:04:22.520 align:start position:0%
in, simply hover over it, drag it into
 

00:04:22.520 --> 00:04:25.750 align:start position:0%
in, simply hover over it, drag it into
your<00:04:22.640><c> container,</c><00:04:23.640><c> and</c><00:04:23.760><c> drop</c><00:04:24.000><c> it</c><00:04:24.080><c> in</c><00:04:24.200><c> here.</c>

00:04:25.750 --> 00:04:25.760 align:start position:0%
your container, and drop it in here.
 

00:04:25.760 --> 00:04:27.630 align:start position:0%
your container, and drop it in here.
Now,<00:04:26.000><c> if</c><00:04:26.120><c> you</c><00:04:26.200><c> want</c><00:04:26.440><c> to</c><00:04:26.560><c> delete</c><00:04:26.880><c> this</c><00:04:27.040><c> element,</c>

00:04:27.630 --> 00:04:27.640 align:start position:0%
Now, if you want to delete this element,
 

00:04:27.640 --> 00:04:29.950 align:start position:0%
Now, if you want to delete this element,
simply<00:04:28.120><c> right</c><00:04:28.360><c> click</c><00:04:28.560><c> on</c><00:04:28.680><c> it,</c>

00:04:29.950 --> 00:04:29.960 align:start position:0%
simply right click on it,
 

00:04:29.960 --> 00:04:33.270 align:start position:0%
simply right click on it,
go<00:04:30.080><c> down,</c><00:04:30.880><c> and</c><00:04:31.120><c> click</c><00:04:31.440><c> delete.</c>

00:04:33.270 --> 00:04:33.280 align:start position:0%
go down, and click delete.
 

00:04:33.280 --> 00:04:34.790 align:start position:0%
go down, and click delete.
And<00:04:33.440><c> you</c><00:04:33.480><c> can</c><00:04:33.600><c> do</c><00:04:33.680><c> this</c><00:04:33.840><c> for</c><00:04:33.960><c> containers</c><00:04:34.600><c> as</c>

00:04:34.790 --> 00:04:34.800 align:start position:0%
And you can do this for containers as
 

00:04:34.800 --> 00:04:36.950 align:start position:0%
And you can do this for containers as
well.<00:04:35.280><c> To</c><00:04:35.440><c> delete</c><00:04:35.760><c> an</c><00:04:35.880><c> entire</c><00:04:36.280><c> container,</c>

00:04:36.950 --> 00:04:36.960 align:start position:0%
well. To delete an entire container,
 

00:04:36.960 --> 00:04:39.070 align:start position:0%
well. To delete an entire container,
just<00:04:37.200><c> hover</c><00:04:37.440><c> over</c><00:04:37.680><c> it,</c><00:04:38.400><c> go</c><00:04:38.480><c> to</c><00:04:38.560><c> the</c><00:04:38.680><c> top</c><00:04:38.960><c> and</c>

00:04:39.070 --> 00:04:39.080 align:start position:0%
just hover over it, go to the top and
 

00:04:39.080 --> 00:04:42.750 align:start position:0%
just hover over it, go to the top and
find<00:04:39.320><c> the</c><00:04:39.440><c> X,</c><00:04:40.400><c> and</c><00:04:40.520><c> you</c><00:04:40.600><c> can</c><00:04:40.720><c> delete</c><00:04:41.000><c> it</c><00:04:41.080><c> here.</c>

00:04:42.750 --> 00:04:42.760 align:start position:0%
find the X, and you can delete it here.
 

00:04:42.760 --> 00:04:44.590 align:start position:0%
find the X, and you can delete it here.
You'll<00:04:42.960><c> also</c><00:04:43.240><c> notice</c><00:04:43.600><c> these</c><00:04:43.880><c> icons</c><00:04:44.360><c> here</c><00:04:44.520><c> at</c>

00:04:44.590 --> 00:04:44.600 align:start position:0%
You'll also notice these icons here at
 

00:04:44.600 --> 00:04:46.270 align:start position:0%
You'll also notice these icons here at
the<00:04:44.720><c> top.</c><00:04:45.280><c> We're</c><00:04:45.440><c> currently</c><00:04:45.800><c> looking</c><00:04:46.040><c> at</c><00:04:46.160><c> our</c>

00:04:46.270 --> 00:04:46.280 align:start position:0%
the top. We're currently looking at our
 

00:04:46.280 --> 00:04:48.350 align:start position:0%
the top. We're currently looking at our
website<00:04:46.880><c> in</c><00:04:47.040><c> desktop</c><00:04:47.560><c> view,</c><00:04:48.040><c> but</c><00:04:48.120><c> you</c><00:04:48.200><c> can</c>

00:04:48.350 --> 00:04:48.360 align:start position:0%
website in desktop view, but you can
 

00:04:48.360 --> 00:04:50.190 align:start position:0%
website in desktop view, but you can
also<00:04:48.680><c> check</c><00:04:49.000><c> how</c><00:04:49.080><c> your</c><00:04:49.200><c> website</c><00:04:49.680><c> looks</c><00:04:50.040><c> on</c>

00:04:50.190 --> 00:04:50.200 align:start position:0%
also check how your website looks on
 

00:04:50.200 --> 00:04:52.190 align:start position:0%
also check how your website looks on
tablets

00:04:52.190 --> 00:04:52.200 align:start position:0%
tablets
 

00:04:52.200 --> 00:04:55.110 align:start position:0%
tablets
and<00:04:52.440><c> mobile</c><00:04:52.760><c> phones</c><00:04:53.120><c> as</c><00:04:53.320><c> well.</c>

00:04:55.110 --> 00:04:55.120 align:start position:0%
and mobile phones as well.
 

00:04:55.120 --> 00:04:56.990 align:start position:0%
and mobile phones as well.
Your<00:04:55.240><c> template</c><00:04:55.680><c> will</c><00:04:55.840><c> already</c><00:04:56.200><c> adjust</c><00:04:56.560><c> itself</c>

00:04:56.990 --> 00:04:57.000 align:start position:0%
Your template will already adjust itself
 

00:04:57.000 --> 00:04:59.030 align:start position:0%
Your template will already adjust itself
pretty<00:04:57.280><c> well</c><00:04:57.600><c> for</c><00:04:57.760><c> tablet</c><00:04:58.240><c> and</c><00:04:58.360><c> mobile,</c><00:04:58.919><c> but</c>

00:04:59.030 --> 00:04:59.040 align:start position:0%
pretty well for tablet and mobile, but
 

00:04:59.040 --> 00:05:00.710 align:start position:0%
pretty well for tablet and mobile, but
it's<00:04:59.200><c> worth</c><00:04:59.440><c> a</c><00:04:59.480><c> quick</c><00:04:59.760><c> look</c><00:05:00.280><c> and</c><00:05:00.400><c> anything</c>

00:05:00.710 --> 00:05:00.720 align:start position:0%
it's worth a quick look and anything
 

00:05:00.720 --> 00:05:02.750 align:start position:0%
it's worth a quick look and anything
that<00:05:00.840><c> you</c><00:05:00.960><c> tweak</c><00:05:01.360><c> in</c><00:05:01.520><c> the</c><00:05:01.600><c> phone</c><00:05:01.960><c> view</c><00:05:02.520><c> will</c>

00:05:02.750 --> 00:05:02.760 align:start position:0%
that you tweak in the phone view will
 

00:05:02.760 --> 00:05:04.790 align:start position:0%
that you tweak in the phone view will
only<00:05:03.120><c> change</c><00:05:03.480><c> the</c><00:05:03.600><c> mobile</c><00:05:03.919><c> version.</c><00:05:04.560><c> So,</c><00:05:04.680><c> it's</c>

00:05:04.790 --> 00:05:04.800 align:start position:0%
only change the mobile version. So, it's
 

00:05:04.800 --> 00:05:06.950 align:start position:0%
only change the mobile version. So, it's
not<00:05:05.040><c> going</c><00:05:05.240><c> to</c><00:05:05.360><c> touch</c><00:05:05.640><c> your</c><00:05:05.760><c> desktop</c><00:05:06.280><c> layout.</c>

00:05:06.950 --> 00:05:06.960 align:start position:0%
not going to touch your desktop layout.
 

00:05:06.960 --> 00:05:08.790 align:start position:0%
not going to touch your desktop layout.
Once<00:05:07.160><c> you're</c><00:05:07.320><c> happy</c><00:05:07.600><c> with</c><00:05:07.800><c> everything</c><00:05:08.200><c> here,</c>

00:05:08.790 --> 00:05:08.800 align:start position:0%
Once you're happy with everything here,
 

00:05:08.800 --> 00:05:13.870 align:start position:0%
Once you're happy with everything here,
go<00:05:08.919><c> to</c><00:05:09.000><c> the</c><00:05:09.120><c> top</c><00:05:09.440><c> right</c><00:05:09.960><c> and</c><00:05:10.080><c> click</c><00:05:10.360><c> publish.</c>

00:05:13.870 --> 00:05:13.880 align:start position:0%
 
 

00:05:13.880 --> 00:05:15.590 align:start position:0%
 
This<00:05:14.040><c> will</c><00:05:14.200><c> save</c><00:05:14.480><c> your</c><00:05:14.680><c> work</c><00:05:15.120><c> and</c><00:05:15.280><c> push</c><00:05:15.480><c> it</c>

00:05:15.590 --> 00:05:15.600 align:start position:0%
This will save your work and push it
 

00:05:15.600 --> 00:05:17.550 align:start position:0%
This will save your work and push it
live<00:05:16.080><c> for</c><00:05:16.200><c> the</c><00:05:16.280><c> world</c><00:05:16.560><c> to</c><00:05:16.640><c> see.</c><00:05:17.280><c> And</c><00:05:17.400><c> if</c><00:05:17.480><c> you</c>

00:05:17.550 --> 00:05:17.560 align:start position:0%
live for the world to see. And if you
 

00:05:17.560 --> 00:05:19.350 align:start position:0%
live for the world to see. And if you
haven't<00:05:17.840><c> gotten</c><00:05:18.080><c> started</c><00:05:18.440><c> just</c><00:05:18.680><c> yet,</c><00:05:19.160><c> don't</c>

00:05:19.350 --> 00:05:19.360 align:start position:0%
haven't gotten started just yet, don't
 

00:05:19.360 --> 00:05:20.909 align:start position:0%
haven't gotten started just yet, don't
forget<00:05:19.640><c> to</c><00:05:19.720><c> go</c><00:05:19.840><c> to</c><00:05:19.919><c> this</c><00:05:20.160><c> link</c><00:05:20.400><c> on</c><00:05:20.600><c> screen</c>

00:05:20.909 --> 00:05:20.919 align:start position:0%
forget to go to this link on screen
 

00:05:20.919 --> 00:05:23.030 align:start position:0%
forget to go to this link on screen
right<00:05:21.080><c> here</c><00:05:21.800><c> or</c><00:05:22.000><c> click</c><00:05:22.240><c> the</c><00:05:22.360><c> first</c><00:05:22.640><c> link</c><00:05:22.840><c> down</c>

00:05:23.030 --> 00:05:23.040 align:start position:0%
right here or click the first link down
 

00:05:23.040 --> 00:05:24.950 align:start position:0%
right here or click the first link down
in<00:05:23.120><c> the</c><00:05:23.160><c> video</c><00:05:23.400><c> description</c><00:05:24.200><c> to</c><00:05:24.280><c> get</c><00:05:24.520><c> access</c>

00:05:24.950 --> 00:05:24.960 align:start position:0%
in the video description to get access
 

00:05:24.960 --> 00:05:26.510 align:start position:0%
in the video description to get access
to<00:05:25.040><c> the</c><00:05:25.160><c> lowest</c><00:05:25.520><c> price</c><00:05:25.800><c> available</c><00:05:26.280><c> for</c><00:05:26.400><c> your</c>

00:05:26.510 --> 00:05:26.520 align:start position:0%
to the lowest price available for your
 

00:05:26.520 --> 00:05:28.710 align:start position:0%
to the lowest price available for your
hosting.<00:05:27.280><c> Thanks</c><00:05:27.480><c> for</c><00:05:27.600><c> watching</c><00:05:27.919><c> this</c><00:05:28.080><c> video.</c>

00:05:28.710 --> 00:05:28.720 align:start position:0%
hosting. Thanks for watching this video.
 

00:05:28.720 --> 00:05:30.150 align:start position:0%
hosting. Thanks for watching this video.
If<00:05:28.840><c> it</c><00:05:28.919><c> helped</c><00:05:29.160><c> you</c><00:05:29.280><c> out,</c><00:05:29.680><c> make</c><00:05:29.800><c> sure</c><00:05:29.919><c> to</c><00:05:30.000><c> leave</c>

00:05:30.150 --> 00:05:30.160 align:start position:0%
If it helped you out, make sure to leave
 

00:05:30.160 --> 00:05:32.590 align:start position:0%
If it helped you out, make sure to leave
a<00:05:30.240><c> like</c><00:05:30.760><c> and</c><00:05:30.919><c> subscribe</c><00:05:31.560><c> for</c><00:05:31.760><c> more</c><00:05:31.919><c> tutorials</c>

00:05:32.590 --> 00:05:32.600 align:start position:0%
a like and subscribe for more tutorials
 

00:05:32.600 --> 00:05:34.630 align:start position:0%
a like and subscribe for more tutorials
just<00:05:32.880><c> like</c><00:05:33.080><c> this.</c><00:05:33.720><c> With</c><00:05:33.880><c> that</c><00:05:34.053><c> [music]</c><00:05:34.120><c> said,</c>

00:05:34.630 --> 00:05:34.640 align:start position:0%
just like this. With that [music] said,
 

00:05:34.640 --> 00:05:37.919 align:start position:0%
just like this. With that [music] said,
I'll<00:05:34.760><c> see</c><00:05:34.960><c> you</c><00:05:35.040><c> in</c><00:05:35.120><c> the</c><00:05:35.200><c> next</c><00:05:35.400><c> video.</c>