1
00:00:00,000 --> 00:00:02,040
Let's go ahead and
add the next section,

2
00:00:02,040 --> 00:00:03,990
which is going to be
the deals and packages.

3
00:00:03,990 --> 00:00:06,470
And this will be very, very
simple, very straightforward.

4
00:00:06,465 --> 00:00:08,495
We're going to make
use of the call to

5
00:00:08,490 --> 00:00:11,460
action button for
the essential atoms.

6
00:00:11,460 --> 00:00:13,930
So please go to your
essential atoms backend.

7
00:00:13,934 --> 00:00:16,084
And you would find the button

8
00:00:16,080 --> 00:00:18,410
and your marketing
elements section.

9
00:00:18,405 --> 00:00:21,545
Go ahead and activate
the call to action.

10
00:00:21,540 --> 00:00:24,410
Let's go ahead and
save settings.

11
00:00:24,405 --> 00:00:28,155
That's it. I'm gonna go back
to my homepage refresh.

12
00:00:28,150 --> 00:00:30,950
Now let's scroll all
the way down here.

13
00:00:30,950 --> 00:00:32,660
Let's actually actually
edit with Elementor

14
00:00:32,660 --> 00:00:35,390
first before scrolling down.

15
00:00:35,390 --> 00:00:38,140
Alright, let's scroll
all the way down here.

16
00:00:38,135 --> 00:00:42,905
And now I'm going to go
to my essential add-ons.

17
00:00:42,905 --> 00:00:47,665
And where is our call to
action button is right here.

18
00:00:47,660 --> 00:00:48,910
Call to action.

19
00:00:48,905 --> 00:00:50,495
I'm going to drop that in there.

20
00:00:50,495 --> 00:00:52,525
And it's very, very
straightforward.

21
00:00:52,520 --> 00:00:54,230
All we're gonna do
here is just to simply

22
00:00:54,230 --> 00:00:58,280
change the content style
from basic to flex grid.

23
00:00:58,280 --> 00:01:00,530
So you now have
the button on the

24
00:01:00,530 --> 00:01:03,070
white and then the
text on the left.

25
00:01:03,065 --> 00:01:05,485
And of course we'll just
simply change the title here.

26
00:01:05,480 --> 00:01:12,630
Two deals, packages.

27
00:01:12,640 --> 00:01:14,540
Packages.

28
00:01:14,540 --> 00:01:18,140
I'm gonna change this to an
H3 with the orange texts.

29
00:01:18,140 --> 00:01:20,170
You can of course change
this to white or black.

30
00:01:20,165 --> 00:01:22,775
And for the texture right here,

31
00:01:22,775 --> 00:01:26,335
I'm sorry, I'm not going to
provide any costume to x.

32
00:01:26,330 --> 00:01:27,920
We'll just leave it as it is.

33
00:01:27,920 --> 00:01:30,260
And then the button text itself,

34
00:01:30,260 --> 00:01:33,620
we can change that one
right here where you have

35
00:01:33,620 --> 00:01:35,690
primary button texts will

36
00:01:35,690 --> 00:01:39,170
simply change this
one to our shop now.

37
00:01:39,170 --> 00:01:44,000
Shop now. And this would
link to an external site or

38
00:01:44,000 --> 00:01:48,230
maybe another page on
your site as well.

39
00:01:48,230 --> 00:01:52,150
We're gonna go over
to style light.

40
00:01:52,145 --> 00:01:54,355
And then for style right
here where you have

41
00:01:54,350 --> 00:01:57,440
the primary button style,
I'm going to click in there.

42
00:01:57,440 --> 00:01:59,620
What you want to do here
is there's a again,

43
00:01:59,615 --> 00:02:01,375
right now when you
hover on Shop Now

44
00:02:01,370 --> 00:02:03,350
you can see that he changes
to the blue collar.

45
00:02:03,350 --> 00:02:05,180
Personally, I don't like that.

46
00:02:05,180 --> 00:02:07,790
So what I'm gonna do is
I'm gonna go over to

47
00:02:07,790 --> 00:02:11,210
hover on your perm
important style hover.

48
00:02:11,210 --> 00:02:14,020
Then a variety where you
have the background color.

49
00:02:14,015 --> 00:02:18,725
I'm simply going to just
change that one to orange.

50
00:02:18,725 --> 00:02:23,215
Now you can see it's orange
and not the blue color.

51
00:02:23,210 --> 00:02:24,620
So we're trying to
keep consistent with

52
00:02:24,620 --> 00:02:29,030
the colo pattern that
we have on our side.

53
00:02:29,030 --> 00:02:31,400
That's the only change
I am going to make.

54
00:02:31,400 --> 00:02:33,790
Let's go ahead now update.

55
00:02:33,785 --> 00:02:36,535
Let's view the page.

56
00:02:36,530 --> 00:02:39,450
Scroll down.

57
00:02:39,970 --> 00:02:42,770
There it is, deals and packages.

58
00:02:42,770 --> 00:02:44,990
Now I know of course the
we need some spacing

59
00:02:44,990 --> 00:02:48,560
between the deals on packages
as well as the footer bulb.

60
00:02:48,560 --> 00:02:51,530
We're still going to add
the reviews section.

61
00:02:51,530 --> 00:02:53,240
So that's where
we'll add the space

62
00:02:53,240 --> 00:02:56,330
and that's it for adding the
deals on packages section.

63
00:02:56,330 --> 00:02:57,160
Thank you for watching.

64
00:02:57,155 --> 00:02:59,855
I will see you in
the next class.