1
00:00:00,490 --> 00:00:11,380
The next thing to do here is to create this contact us today link and also the form to register for

2
00:00:11,380 --> 00:00:17,970
the newsletter so we'll go ahead and do that.

3
00:00:18,040 --> 00:00:25,600
So again we'll start by creating a table to contain those sections.

4
00:00:28,110 --> 00:00:29,370
Let's create a table rope

5
00:00:32,080 --> 00:00:38,470
inside this table rope create a table column this column give it a height of 72 pixels alignment of

6
00:00:38,470 --> 00:00:48,120
center and vertical alignment of top and this is what's going to hold the contact us today button inside

7
00:00:48,120 --> 00:00:49,770
this column create a table

8
00:00:54,970 --> 00:01:01,900
so this table contains the orange background color that you see here so this year's the hex code for

9
00:01:01,900 --> 00:01:02,470
that color

10
00:01:05,280 --> 00:01:11,710
and we've also set a whip of three hundred and thirteen pixels so spacing and padding a three a table

11
00:01:11,720 --> 00:01:18,380
row now create the column that holds the contact us today.

12
00:01:18,380 --> 00:01:25,590
Text and we've given this column a width of three hundred and one pixels center alignment a no wrap

13
00:01:25,620 --> 00:01:36,000
attribute font color white size 5 and font face.

14
00:01:36,260 --> 00:01:41,570
We've also attached a link now the link is just a number sign because we don't want it to actually go

15
00:01:41,570 --> 00:01:49,250
anywhere and so make sure you do attach the link using the element in the H R Yes attribute surrounding

16
00:01:49,250 --> 00:01:50,430
the contact us today.

17
00:01:50,430 --> 00:01:50,870
Text

18
00:01:54,560 --> 00:02:01,270
refresh the page so we can see that the button is now there and the link is active now only to create

19
00:02:01,270 --> 00:02:03,280
another table row inside this table

20
00:02:11,700 --> 00:02:12,780
create a table column

21
00:02:18,150 --> 00:02:23,010
give this column a height of seventy two pixels as well alignment of center and vertical alignment of

22
00:02:23,010 --> 00:02:31,190
top inside this column we're gonna have our heading for the form element

23
00:02:34,090 --> 00:02:40,050
register for our newsletter and underneath the heading we're gonna have the actual form

24
00:02:47,170 --> 00:02:53,270
so we've given the form the name contact method POST.

25
00:02:53,270 --> 00:03:00,800
Action send dot BHP this will not work until we actually create the send up AP file and again we're

26
00:03:00,800 --> 00:03:06,800
gonna be covering that in the p p section of this course if you are taking this as part of the Web Development

27
00:03:06,800 --> 00:03:07,550
Master Class

28
00:03:10,900 --> 00:03:18,270
we've created an input a text input and we've named it email and we've created a submit button as well

29
00:03:20,300 --> 00:03:27,980
and that's it's will free press refresh we now have our text heading and the form element with the button.