[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.00,0:00:03.18,Default,,0000,0000,0000,,Hello everyone. First, I apologize for the
Dialogue: 0,0:00:03.18,0:00:05.94,Default,,0000,0000,0000,,delay after part one and part number two,
Dialogue: 0,0:00:05.94,0:00:09.42,Default,,0000,0000,0000,,uh, creating a responsible website using
Dialogue: 0,0:00:09.42,0:00:11.70,Default,,0000,0000,0000,,bootstrap and Dreamweaver.
Dialogue: 0,0:00:11.70,0:00:15.42,Default,,0000,0000,0000,,In part number one, we created a bare
Dialogue: 0,0:00:15.42,0:00:18.42,Default,,0000,0000,0000,,bones structure of a responsive website. In
Dialogue: 0,0:00:18.42,0:00:22.50,Default,,0000,0000,0000,,part number two, we stylized using CSS. In
Dialogue: 0,0:00:22.50,0:00:24.78,Default,,0000,0000,0000,,part number three today, we're going to
Dialogue: 0,0:00:24.78,0:00:28.28,Default,,0000,0000,0000,,complete the contact page using PHP file.
Dialogue: 0,0:00:28.28,0:00:31.26,Default,,0000,0000,0000,,So, uh, please download the other source
Dialogue: 0,0:00:31.26,0:00:33.24,Default,,0000,0000,0000,,code files from the link I provided in
Dialogue: 0,0:00:33.24,0:00:35.70,Default,,0000,0000,0000,,my description, so those are code we're
Dialogue: 0,0:00:35.70,0:00:37.86,Default,,0000,0000,0000,,going to use today. And if you haven't
Dialogue: 0,0:00:37.86,0:00:40.62,Default,,0000,0000,0000,,watched my first two videos, please watch
Dialogue: 0,0:00:40.62,0:00:44.10,Default,,0000,0000,0000,,them first, uh, and so we can, uh, just keep
Dialogue: 0,0:00:44.10,0:00:46.32,Default,,0000,0000,0000,,working together. Please don't forget to
Dialogue: 0,0:00:46.32,0:00:48.66,Default,,0000,0000,0000,,subscribe my channel, hit the like button,
Dialogue: 0,0:00:48.66,0:00:51.66,Default,,0000,0000,0000,,and set the alarm for my latest video.
Dialogue: 0,0:00:51.66,0:00:54.98,Default,,0000,0000,0000,,Then let's get started.
Dialogue: 0,0:00:55.92,0:00:58.80,Default,,0000,0000,0000,,Okay, so this is where we stopped in part
Dialogue: 0,0:00:58.80,0:01:01.56,Default,,0000,0000,0000,,number two. Uh, in part number one, we
Dialogue: 0,0:01:01.56,0:01:03.30,Default,,0000,0000,0000,,created the one responsive
Dialogue: 0,0:01:03.30,0:01:05.76,Default,,0000,0000,0000,,website, uh, using the bootstrap and Dreamweaver.
Dialogue: 0,0:01:05.76,0:01:08.28,Default,,0000,0000,0000,,And in part number two, we
Dialogue: 0,0:01:08.28,0:01:10.38,Default,,0000,0000,0000,,stylized like this, with some background
Dialogue: 0,0:01:10.38,0:01:13.68,Default,,0000,0000,0000,,color, and then on the logos, and then on
Dialogue: 0,0:01:13.68,0:01:16.62,Default,,0000,0000,0000,,the different text colors, and so on. And
Dialogue: 0,0:01:16.62,0:01:20.00,Default,,0000,0000,0000,,also we made a link to each page. About,
Dialogue: 0,0:01:20.00,0:01:23.94,Default,,0000,0000,0000,,volunteer, adopt and contact, and
Dialogue: 0,0:01:23.94,0:01:26.52,Default,,0000,0000,0000,,everything's responsive. And this
Dialogue: 0,0:01:26.52,0:01:28.86,Default,,0000,0000,0000,,bootstrap, I mean the hamburger button,
Dialogue: 0,0:01:28.86,0:01:30.72,Default,,0000,0000,0000,,was working fine.
Dialogue: 0,0:01:30.72,0:01:33.54,Default,,0000,0000,0000,,It brings us wherever we are, and still
Dialogue: 0,0:01:33.54,0:01:36.84,Default,,0000,0000,0000,,the carousel is working. Okay, so we're
Dialogue: 0,0:01:36.84,0:01:38.28,Default,,0000,0000,0000,,going to
Dialogue: 0,0:01:38.28,0:01:41.88,Default,,0000,0000,0000,,open this contact dot html, in Dreamweaver, to
Dialogue: 0,0:01:41.88,0:01:43.86,Default,,0000,0000,0000,,make the, um, the contact form.
Dialogue: 0,0:01:43.86,0:01:48.30,Default,,0000,0000,0000,,So, let me open the file, uh, from my root
Dialogue: 0,0:01:48.30,0:01:51.20,Default,,0000,0000,0000,,folder. I'm going to open my contact dot html
Dialogue: 0,0:01:51.20,0:01:54.66,Default,,0000,0000,0000,,in Dreamweaver. Open with the Adobe
Dialogue: 0,0:01:54.66,0:01:56.46,Default,,0000,0000,0000,,Dreamweaver.
Dialogue: 0,0:01:56.46,0:02:00.84,Default,,0000,0000,0000,,Okay, so first, I don't want to keep, uh,
Dialogue: 0,0:02:00.84,0:02:03.06,Default,,0000,0000,0000,,this, the other three columns.
Dialogue: 0,0:02:03.06,0:02:05.70,Default,,0000,0000,0000,,Um, and then the volunteer, adopt and
Dialogue: 0,0:02:05.70,0:02:07.56,Default,,0000,0000,0000,,donate, and also I don't want to keep
Dialogue: 0,0:02:07.56,0:02:09.96,Default,,0000,0000,0000,,this coding information part. So,
Dialogue: 0,0:02:09.96,0:02:14.46,Default,,0000,0000,0000,,in my dom panel, under container, uh, the
Dialogue: 0,0:02:14.46,0:02:17.46,Default,,0000,0000,0000,,row, that's the one where I have these
Dialogue: 0,0:02:17.46,0:02:19.62,Default,,0000,0000,0000,,three columns of info, so let me just
Dialogue: 0,0:02:19.62,0:02:21.72,Default,,0000,0000,0000,,delete the whole thing.
Dialogue: 0,0:02:21.72,0:02:23.76,Default,,0000,0000,0000,,And also,
Dialogue: 0,0:02:23.76,0:02:26.70,Default,,0000,0000,0000,,I don't want to keep this accordion,
Dialogue: 0,0:02:26.70,0:02:28.62,Default,,0000,0000,0000,,so delete it.
Dialogue: 0,0:02:28.62,0:02:31.08,Default,,0000,0000,0000,,Okay, and also I just need to keep just
Dialogue: 0,0:02:31.08,0:02:34.74,Default,,0000,0000,0000,,the one VR, the, uh, the um, break line tag.
Dialogue: 0,0:02:34.74,0:02:39.66,Default,,0000,0000,0000,,Okay, so after contact us, the title, I
Dialogue: 0,0:02:39.66,0:02:42.12,Default,,0000,0000,0000,,want to have some kind of a subtitle, so
Dialogue: 0,0:02:42.12,0:02:44.10,Default,,0000,0000,0000,,please open,
Dialogue: 0,0:02:44.10,0:02:45.18,Default,,0000,0000,0000,,um,
Dialogue: 0,0:02:45.18,0:02:48.06,Default,,0000,0000,0000,,the file I provided. Please open this one
Dialogue: 0,0:02:48.06,0:02:51.90,Default,,0000,0000,0000,,first, the form HTML code dot txt. So, um,
Dialogue: 0,0:02:51.90,0:02:55.44,Default,,0000,0000,0000,,contact us today and get reply within
Dialogue: 0,0:02:55.44,0:02:57.24,Default,,0000,0000,0000,,one to two business days.
Dialogue: 0,0:02:57.24,0:02:59.58,Default,,0000,0000,0000,,So, we're gonna have that as a kind of
Dialogue: 0,0:02:59.58,0:03:02.52,Default,,0000,0000,0000,,subtitle under contact us title. So, let
Dialogue: 0,0:03:02.52,0:03:05.18,Default,,0000,0000,0000,,me copy this.
Dialogue: 0,0:03:06.00,0:03:09.96,Default,,0000,0000,0000,,Back to Dreamweaver. Make sure
Dialogue: 0,0:03:09.96,0:03:12.30,Default,,0000,0000,0000,,you're selecting the text, this center
Dialogue: 0,0:03:12.30,0:03:16.70,Default,,0000,0000,0000,,contact us, choose that tab, and then open,
Dialogue: 0,0:03:16.70,0:03:20.64,Default,,0000,0000,0000,,insert menu in HTML category.
Dialogue: 0,0:03:20.64,0:03:23.64,Default,,0000,0000,0000,,I'm gonna insert in the paragraph.
Dialogue: 0,0:03:23.64,0:03:28.92,Default,,0000,0000,0000,,Paragraph. After contact us title, after.
Dialogue: 0,0:03:28.92,0:03:33.14,Default,,0000,0000,0000,,And let me center
Dialogue: 0,0:03:33.24,0:03:36.24,Default,,0000,0000,0000,,the text, and then I'm going to just
Dialogue: 0,0:03:36.24,0:03:38.16,Default,,0000,0000,0000,,paste
Dialogue: 0,0:03:38.16,0:03:40.50,Default,,0000,0000,0000,,the text I copied.
Dialogue: 0,0:03:40.50,0:03:42.96,Default,,0000,0000,0000,,So, contact us today and get reply with
Dialogue: 0,0:03:42.96,0:03:45.30,Default,,0000,0000,0000,,the next one to two business days. Okay.
Dialogue: 0,0:03:45.30,0:03:47.76,Default,,0000,0000,0000,,Let me save it. No, I don't want to save
Dialogue: 0,0:03:47.76,0:03:50.10,Default,,0000,0000,0000,,it, I will just keep going. Okay, so after
Dialogue: 0,0:03:50.10,0:03:53.64,Default,,0000,0000,0000,,that, now I want to have, uh, uh, the form.
Dialogue: 0,0:03:53.64,0:03:57.26,Default,,0000,0000,0000,,Okay. So, please open
Dialogue: 0,0:03:57.30,0:04:02.10,Default,,0000,0000,0000,,this again, and then, please
Dialogue: 0,0:04:02.10,0:04:05.22,Default,,0000,0000,0000,,select all these lines,
Dialogue: 0,0:04:05.22,0:04:08.28,Default,,0000,0000,0000,,and copy,
Dialogue: 0,0:04:08.28,0:04:11.34,Default,,0000,0000,0000,,and back to Dreamweaver.
Dialogue: 0,0:04:11.34,0:04:15.60,Default,,0000,0000,0000,,And then, in the code area after this
Dialogue: 0,0:04:15.60,0:04:18.00,Default,,0000,0000,0000,,paragraph, uh, contact us today we just
Dialogue: 0,0:04:18.00,0:04:20.48,Default,,0000,0000,0000,,pasted.
Dialogue: 0,0:04:21.48,0:04:23.10,Default,,0000,0000,0000,,To break the line,
Dialogue: 0,0:04:23.10,0:04:25.68,Default,,0000,0000,0000,,and we're going to just paste it here.
Dialogue: 0,0:04:25.68,0:04:29.10,Default,,0000,0000,0000,,Control, click and paste it.
Dialogue: 0,0:04:29.10,0:04:31.32,Default,,0000,0000,0000,,Okay, now,
Dialogue: 0,0:04:31.32,0:04:33.18,Default,,0000,0000,0000,,we have a form,
Dialogue: 0,0:04:33.18,0:04:34.92,Default,,0000,0000,0000,,which is not pretty.
Dialogue: 0,0:04:34.92,0:04:39.30,Default,,0000,0000,0000,,Okay, now we're going to stylize it using
Dialogue: 0,0:04:39.30,0:04:42.24,Default,,0000,0000,0000,,the style dot css. Remember that , yeah in the
Dialogue: 0,0:04:42.24,0:04:44.82,Default,,0000,0000,0000,,files tab, we already created a style dot css
Dialogue: 0,0:04:44.82,0:04:47.82,Default,,0000,0000,0000,,here. Okay, so please open the file
Dialogue: 0,0:04:47.82,0:04:50.88,Default,,0000,0000,0000,,is here. Now,
Dialogue: 0,0:04:50.88,0:04:56.64,Default,,0000,0000,0000,,open this time form CSS code. This one.
Dialogue: 0,0:04:56.64,0:05:00.06,Default,,0000,0000,0000,,Then, from the very top line, I'm gonna
Dialogue: 0,0:05:00.06,0:05:02.22,Default,,0000,0000,0000,,copy the whole thing. Highlight
Dialogue: 0,0:05:02.22,0:05:04.70,Default,,0000,0000,0000,,everything.
Dialogue: 0,0:05:06.48,0:05:10.04,Default,,0000,0000,0000,,Copy, oops, sorry.
Dialogue: 0,0:05:10.56,0:05:14.88,Default,,0000,0000,0000,,Copy this and back to style dot css.
Dialogue: 0,0:05:14.88,0:05:17.70,Default,,0000,0000,0000,,After the last bracket I'm gonna give
Dialogue: 0,0:05:17.70,0:05:19.08,Default,,0000,0000,0000,,some space.
Dialogue: 0,0:05:19.08,0:05:21.18,Default,,0000,0000,0000,,Hit the return key several times and let
Dialogue: 0,0:05:21.18,0:05:23.58,Default,,0000,0000,0000,,me paste it.
Dialogue: 0,0:05:23.58,0:05:25.14,Default,,0000,0000,0000,,Container.
Dialogue: 0,0:05:25.14,0:05:27.60,Default,,0000,0000,0000,,Okay. And then
Dialogue: 0,0:05:27.60,0:05:28.98,Default,,0000,0000,0000,,highlight
Dialogue: 0,0:05:28.98,0:05:31.44,Default,,0000,0000,0000,,this container,
Dialogue: 0,0:05:31.44,0:05:33.48,Default,,0000,0000,0000,,that thing,
Dialogue: 0,0:05:33.48,0:05:37.50,Default,,0000,0000,0000,,and paste, copy, this line,
Dialogue: 0,0:05:37.50,0:05:41.76,Default,,0000,0000,0000,,and then go to your contact dot html.
Dialogue: 0,0:05:42.48,0:05:46.14,Default,,0000,0000,0000,,See, it is already applied. And then, in
Dialogue: 0,0:05:46.14,0:05:48.98,Default,,0000,0000,0000,,your contact form,
Dialogue: 0,0:05:50.82,0:05:54.90,Default,,0000,0000,0000,,contact form, you see the form ID is
Dialogue: 0,0:05:54.90,0:05:59.28,Default,,0000,0000,0000,,contact, and the class. So, in this section,
Dialogue: 0,0:05:59.28,0:06:01.44,Default,,0000,0000,0000,,the class name is gonna be that
Dialogue: 0,0:06:01.44,0:06:05.12,Default,,0000,0000,0000,,container. So, let me paste it.
Dialogue: 0,0:06:05.76,0:06:07.62,Default,,0000,0000,0000,,Container.
Dialogue: 0,0:06:07.62,0:06:09.06,Default,,0000,0000,0000,,Okay.
Dialogue: 0,0:06:09.06,0:06:11.40,Default,,0000,0000,0000,,So, it looks good. It looks much better now.
Dialogue: 0,0:06:11.40,0:06:16.86,Default,,0000,0000,0000,,So, let me save my styles first.
Dialogue: 0,0:06:16.86,0:06:21.60,Default,,0000,0000,0000,,Also, let me save my contact dot html.
Dialogue: 0,0:06:21.60,0:06:25.10,Default,,0000,0000,0000,,And let me preview it.
Dialogue: 0,0:06:25.92,0:06:28.38,Default,,0000,0000,0000,,Refresh. See?
Dialogue: 0,0:06:28.38,0:06:31.52,Default,,0000,0000,0000,,I already have it.
Dialogue: 0,0:06:31.62,0:06:36.60,Default,,0000,0000,0000,,And then this is the fully responsive,
Dialogue: 0,0:06:37.14,0:06:39.90,Default,,0000,0000,0000,,which is pretty cool.
Dialogue: 0,0:06:39.90,0:06:44.10,Default,,0000,0000,0000,,Okay, and then, so the visually it is okay.
Dialogue: 0,0:06:44.10,0:06:48.06,Default,,0000,0000,0000,,But now I, we need to, uh, assign the, uh,
Dialogue: 0,0:06:48.06,0:06:50.04,Default,,0000,0000,0000,,the actual function, so we can
Dialogue: 0,0:06:50.04,0:06:51.72,Default,,0000,0000,0000,,communicate with people.
Dialogue: 0,0:06:51.72,0:06:54.60,Default,,0000,0000,0000,,So, I can email, uh, or give, uh, other people,
Dialogue: 0,0:06:54.60,0:06:58.56,Default,,0000,0000,0000,,they can email us.
Dialogue: 0,0:06:58.56,0:07:01.50,Default,,0000,0000,0000,,So, that is the PHP. But the one thing is,
Dialogue: 0,0:07:01.50,0:07:05.28,Default,,0000,0000,0000,,the PHP is the server side language.
Dialogue: 0,0:07:05.28,0:07:07.56,Default,,0000,0000,0000,,Since we weren't working on the
Dialogue: 0,0:07:07.56,0:07:10.50,Default,,0000,0000,0000,,offline things, offline status, so it's
Dialogue: 0,0:07:10.50,0:07:13.08,Default,,0000,0000,0000,,not going to be working. But, um, once we
Dialogue: 0,0:07:13.08,0:07:15.48,Default,,0000,0000,0000,,complete this instruction, this tutorial,
Dialogue: 0,0:07:15.48,0:07:17.40,Default,,0000,0000,0000,,uh, and then once you have your, the
Dialogue: 0,0:07:17.40,0:07:19.74,Default,,0000,0000,0000,,actual live server, then you can just
Dialogue: 0,0:07:19.74,0:07:22.20,Default,,0000,0000,0000,,upload everything on your server. Then it
Dialogue: 0,0:07:22.20,0:07:25.86,Default,,0000,0000,0000,,should work. So now, next step is, go back
Dialogue: 0,0:07:25.86,0:07:28.56,Default,,0000,0000,0000,,to here. We're going to create a one new
Dialogue: 0,0:07:28.56,0:07:29.46,Default,,0000,0000,0000,,file.
Dialogue: 0,0:07:29.46,0:07:32.04,Default,,0000,0000,0000,,In your files tab
Dialogue: 0,0:07:32.04,0:07:33.50,Default,,0000,0000,0000,,choose anything,
Dialogue: 0,0:07:33.50,0:07:36.84,Default,,0000,0000,0000,,volunteer dot html with a style dot css, and hold
Dialogue: 0,0:07:36.84,0:07:39.12,Default,,0000,0000,0000,,down the control or right click. Click
Dialogue: 0,0:07:39.12,0:07:41.10,Default,,0000,0000,0000,,somewhere. We're going to create a new
Dialogue: 0,0:07:41.10,0:07:43.92,Default,,0000,0000,0000,,file. This time this file's name is gonna
Dialogue: 0,0:07:43.92,0:07:46.02,Default,,0000,0000,0000,,be,
Dialogue: 0,0:07:46.02,0:07:48.62,Default,,0000,0000,0000,,contact
Dialogue: 0,0:07:48.66,0:07:51.78,Default,,0000,0000,0000,,form dot PHP.
Dialogue: 0,0:07:51.78,0:07:53.94,Default,,0000,0000,0000,,Contact form dot php.
Dialogue: 0,0:07:53.94,0:07:57.98,Default,,0000,0000,0000,,Okay, now open
Dialogue: 0,0:07:59.10,0:08:02.34,Default,,0000,0000,0000,,PHP code dot txt.
Dialogue: 0,0:08:02.34,0:08:05.52,Default,,0000,0000,0000,,Copy this whole thing.
Dialogue: 0,0:08:05.52,0:08:08.16,Default,,0000,0000,0000,,Copy, and now,
Dialogue: 0,0:08:08.16,0:08:10.68,Default,,0000,0000,0000,,back to
Dialogue: 0,0:08:10.68,0:08:12.90,Default,,0000,0000,0000,,contact.
Dialogue: 0,0:08:12.90,0:08:17.16,Default,,0000,0000,0000,,Open this contact form dot php. Open it.
Dialogue: 0,0:08:17.16,0:08:19.02,Default,,0000,0000,0000,,It will ask you,
Dialogue: 0,0:08:19.02,0:08:21.48,Default,,0000,0000,0000,,uh, since we don't have a live server for
Dialogue: 0,0:08:21.48,0:08:25.02,Default,,0000,0000,0000,,now, I would say no, and no.
Dialogue: 0,0:08:25.02,0:08:26.22,Default,,0000,0000,0000,,Then,
Dialogue: 0,0:08:26.22,0:08:28.98,Default,,0000,0000,0000,,select the whole thing,
Dialogue: 0,0:08:28.98,0:08:32.04,Default,,0000,0000,0000,,and paste it.
Dialogue: 0,0:08:32.04,0:08:36.24,Default,,0000,0000,0000,,The ph form we we just copied.
Dialogue: 0,0:08:36.24,0:08:38.70,Default,,0000,0000,0000,,And then now we just need to change the
Dialogue: 0,0:08:38.70,0:08:39.96,Default,,0000,0000,0000,,value here.
Dialogue: 0,0:08:39.96,0:08:43.80,Default,,0000,0000,0000,,So, first thing is, that is the last thing,
Dialogue: 0,0:08:43.80,0:08:46.86,Default,,0000,0000,0000,,the submit button. So, go to your
Dialogue: 0,0:08:46.86,0:08:49.02,Default,,0000,0000,0000,,contact dot html.
Dialogue: 0,0:08:49.02,0:08:52.08,Default,,0000,0000,0000,,Select your submit button. So buttons
Dialogue: 0,0:08:52.08,0:08:54.06,Default,,0000,0000,0000,,name is a submit.
Dialogue: 0,0:08:54.06,0:08:56.64,Default,,0000,0000,0000,,I'm going to highlight this.
Dialogue: 0,0:08:56.64,0:08:59.52,Default,,0000,0000,0000,,Let me copy.
Dialogue: 0,0:08:59.52,0:09:01.56,Default,,0000,0000,0000,,I can type people, just to make sure I'm
Dialogue: 0,0:09:01.56,0:09:04.20,Default,,0000,0000,0000,,going to copy and paste it, and go back
Dialogue: 0,0:09:04.20,0:09:06.78,Default,,0000,0000,0000,,to our contact form dot php
Dialogue: 0,0:09:06.78,0:09:10.52,Default,,0000,0000,0000,,in the post section.
Dialogue: 0,0:09:10.56,0:09:12.78,Default,,0000,0000,0000,,Paste it.
Dialogue: 0,0:09:12.78,0:09:16.74,Default,,0000,0000,0000,,Okay, so what we're doing now is, we copy
Dialogue: 0,0:09:16.74,0:09:19.80,Default,,0000,0000,0000,,and paste the form, each form field name,
Dialogue: 0,0:09:19.80,0:09:23.76,Default,,0000,0000,0000,,to their respective sections.
Dialogue: 0,0:09:23.76,0:09:24.72,Default,,0000,0000,0000,,Okay.
Dialogue: 0,0:09:24.72,0:09:27.24,Default,,0000,0000,0000,,Though, so I will repeat the same thing.
Dialogue: 0,0:09:27.24,0:09:30.06,Default,,0000,0000,0000,,Next thing is that the, uh, the name.
Dialogue: 0,0:09:30.06,0:09:32.76,Default,,0000,0000,0000,,So, back to our contact.
Dialogue: 0,0:09:32.76,0:09:35.40,Default,,0000,0000,0000,,So, uh, name.
Dialogue: 0,0:09:35.40,0:09:39.12,Default,,0000,0000,0000,,That is this. Input name is name.
Dialogue: 0,0:09:39.12,0:09:42.24,Default,,0000,0000,0000,,So, let me copy this.
Dialogue: 0,0:09:42.24,0:09:44.58,Default,,0000,0000,0000,,And contact form.
Dialogue: 0,0:09:44.58,0:09:47.18,Default,,0000,0000,0000,,Name.
Dialogue: 0,0:09:47.70,0:09:49.62,Default,,0000,0000,0000,,Paste it.
Dialogue: 0,0:09:49.62,0:09:53.40,Default,,0000,0000,0000,,Next thing is a subject. So, um, subject
Dialogue: 0,0:09:53.40,0:09:56.82,Default,,0000,0000,0000,,input name, subject, here.
Dialogue: 0,0:09:56.82,0:09:59.96,Default,,0000,0000,0000,,That is a subject.
Dialogue: 0,0:10:00.54,0:10:04.46,Default,,0000,0000,0000,,Copy, contact form,
Dialogue: 0,0:10:05.46,0:10:08.58,Default,,0000,0000,0000,,and paste it.
Dialogue: 0,0:10:08.58,0:10:14.00,Default,,0000,0000,0000,,Next thing is the, um, made from.
Dialogue: 0,0:10:15.36,0:10:19.26,Default,,0000,0000,0000,,Your email address here, that is email,
Dialogue: 0,0:10:19.26,0:10:22.52,Default,,0000,0000,0000,,that's the input name.
Dialogue: 0,0:10:22.74,0:10:24.18,Default,,0000,0000,0000,,Copy,
Dialogue: 0,0:10:24.18,0:10:27.08,Default,,0000,0000,0000,,contact form,
Dialogue: 0,0:10:27.54,0:10:28.92,Default,,0000,0000,0000,,and
Dialogue: 0,0:10:28.92,0:10:30.48,Default,,0000,0000,0000,,paste it.
Dialogue: 0,0:10:30.48,0:10:32.64,Default,,0000,0000,0000,,Next.
Dialogue: 0,0:10:32.64,0:10:34.98,Default,,0000,0000,0000,,Message.
Dialogue: 0,0:10:34.98,0:10:36.84,Default,,0000,0000,0000,,Input name here
Dialogue: 0,0:10:36.84,0:10:39.80,Default,,0000,0000,0000,,as a message.
Dialogue: 0,0:10:41.82,0:10:46.04,Default,,0000,0000,0000,,Oops, let me highlight again.
Dialogue: 0,0:10:46.32,0:10:50.52,Default,,0000,0000,0000,,Copy and contact form dot php.
Dialogue: 0,0:10:50.52,0:10:54.12,Default,,0000,0000,0000,,Message is message.
Dialogue: 0,0:10:54.12,0:10:58.32,Default,,0000,0000,0000,,Okay, so we are getting in there. Now, mail
Dialogue: 0,0:10:58.32,0:10:59.82,Default,,0000,0000,0000,,two.
Dialogue: 0,0:10:59.82,0:11:03.74,Default,,0000,0000,0000,,That's gonna be email address.
Dialogue: 0,0:11:04.26,0:11:06.18,Default,,0000,0000,0000,,Your email address, or your business
Dialogue: 0,0:11:06.18,0:11:08.10,Default,,0000,0000,0000,,email address, or your personal email
Dialogue: 0,0:11:08.10,0:11:11.10,Default,,0000,0000,0000,,address. So, since we're, uh, we don't have a
Dialogue: 0,0:11:11.10,0:11:13.20,Default,,0000,0000,0000,,live server for now, I'm just going to
Dialogue: 0,0:11:13.20,0:11:15.96,Default,,0000,0000,0000,,type that kind of, uh the uh, made up, uh, the
Dialogue: 0,0:11:15.96,0:11:18.24,Default,,0000,0000,0000,,email address, New Hampshire Humane
Dialogue: 0,0:11:18.24,0:11:20.76,Default,,0000,0000,0000,,Society, uh, at
Dialogue: 0,0:11:20.76,0:11:24.44,Default,,0000,0000,0000,,let's say at gmail dot com.
Dialogue: 0,0:11:25.32,0:11:28.20,Default,,0000,0000,0000,,So, this is the, uh, you're the recipient's
Dialogue: 0,0:11:28.20,0:11:31.76,Default,,0000,0000,0000,,email address. Okay. And the next thing is,
Dialogue: 0,0:11:31.76,0:11:35.76,Default,,0000,0000,0000,,uh, scroll down, you're gonna see that, uh,
Dialogue: 0,0:11:35.76,0:11:39.72,Default,,0000,0000,0000,,location after send page.
Dialogue: 0,0:11:39.72,0:11:42.18,Default,,0000,0000,0000,,So, highlight this text right before this
Dialogue: 0,0:11:42.18,0:11:45.30,Default,,0000,0000,0000,,question mark. So, we're gonna type here
Dialogue: 0,0:11:45.30,0:11:49.32,Default,,0000,0000,0000,,the page URL to be redirected to the
Dialogue: 0,0:11:49.32,0:11:51.66,Default,,0000,0000,0000,,after submitting the form.
Dialogue: 0,0:11:51.66,0:11:55.02,Default,,0000,0000,0000,,So, in this case, since we are not in, uh,
Dialogue: 0,0:11:55.02,0:11:57.06,Default,,0000,0000,0000,,we're not in the live server, we're not
Dialogue: 0,0:11:57.06,0:11:59.76,Default,,0000,0000,0000,,online, but let's say that,
Dialogue: 0,0:11:59.76,0:12:00.98,Default,,0000,0000,0000,,um,
Dialogue: 0,0:12:00.98,0:12:04.14,Default,,0000,0000,0000,,HTTPS
Dialogue: 0,0:12:04.14,0:12:10.56,Default,,0000,0000,0000,,slash www dot, uh, New Hampshire Humane
Dialogue: 0,0:12:10.56,0:12:12.66,Default,,0000,0000,0000,,Society
Dialogue: 0,0:12:12.66,0:12:15.06,Default,,0000,0000,0000,,dot org,
Dialogue: 0,0:12:15.06,0:12:16.92,Default,,0000,0000,0000,,slash,
Dialogue: 0,0:12:16.92,0:12:18.36,Default,,0000,0000,0000,,contact,
Dialogue: 0,0:12:18.36,0:12:21.06,Default,,0000,0000,0000,,dot HTML,
Dialogue: 0,0:12:21.06,0:12:22.44,Default,,0000,0000,0000,,slash.
Dialogue: 0,0:12:22.44,0:12:25.26,Default,,0000,0000,0000,,So, that's going to be the URL. So, after
Dialogue: 0,0:12:25.26,0:12:27.66,Default,,0000,0000,0000,,hitting the submitting button, and then, um,
Dialogue: 0,0:12:27.66,0:12:30.84,Default,,0000,0000,0000,,your website will be direct, redirected
Dialogue: 0,0:12:30.84,0:12:32.46,Default,,0000,0000,0000,,to this URL.
Dialogue: 0,0:12:32.46,0:12:34.44,Default,,0000,0000,0000,,Okay. So,
Dialogue: 0,0:12:34.44,0:12:37.46,Default,,0000,0000,0000,,let me save it.
Dialogue: 0,0:12:37.74,0:12:39.00,Default,,0000,0000,0000,,And then,
Dialogue: 0,0:12:39.00,0:12:43.20,Default,,0000,0000,0000,,let me go back to a contact dot html. So, uh,
Dialogue: 0,0:12:43.20,0:12:46.38,Default,,0000,0000,0000,,in their contact form,
Dialogue: 0,0:12:46.38,0:12:47.70,Default,,0000,0000,0000,,we
Dialogue: 0,0:12:47.70,0:12:50.34,Default,,0000,0000,0000,,made a link to on this container and
Dialogue: 0,0:12:50.34,0:12:54.00,Default,,0000,0000,0000,,class name, and then action is fill.
Dialogue: 0,0:12:54.00,0:12:56.10,Default,,0000,0000,0000,,We're going to make a link to those, that
Dialogue: 0,0:12:56.10,0:12:59.46,Default,,0000,0000,0000,,PHP file, which is a contact form dot php.
Dialogue: 0,0:12:59.46,0:13:01.32,Default,,0000,0000,0000,,So, I'm going to just type it.
Dialogue: 0,0:13:01.32,0:13:02.88,Default,,0000,0000,0000,,Contact.
Dialogue: 0,0:13:02.88,0:13:07.80,Default,,0000,0000,0000,,it already, uh, shows me, form dot php.
Dialogue: 0,0:13:07.80,0:13:11.06,Default,,0000,0000,0000,,And save it.
Dialogue: 0,0:13:11.52,0:13:14.88,Default,,0000,0000,0000,,So, we are all done. So, let's
Dialogue: 0,0:13:14.88,0:13:16.20,Default,,0000,0000,0000,,view it
Dialogue: 0,0:13:16.20,0:13:20.28,Default,,0000,0000,0000,,online. Let me refresh.
Dialogue: 0,0:13:20.28,0:13:24.86,Default,,0000,0000,0000,,So, in my home page, this is my home.
Dialogue: 0,0:13:25.02,0:13:26.82,Default,,0000,0000,0000,,About us page.
Dialogue: 0,0:13:26.82,0:13:28.56,Default,,0000,0000,0000,,Volunteer.
Dialogue: 0,0:13:28.56,0:13:30.00,Default,,0000,0000,0000,,Adopt.
Dialogue: 0,0:13:30.00,0:13:33.18,Default,,0000,0000,0000,,And contact here.
Dialogue: 0,0:13:33.18,0:13:36.24,Default,,0000,0000,0000,,if I click on submit it, it asks me this,
Dialogue: 0,0:13:36.24,0:13:38.34,Default,,0000,0000,0000,,please fill out this field. So, we can
Dialogue: 0,0:13:38.34,0:13:39.96,Default,,0000,0000,0000,,just type it.
Dialogue: 0,0:13:39.96,0:13:43.26,Default,,0000,0000,0000,,Okay. So, again, for now it's not working,
Dialogue: 0,0:13:43.26,0:13:46.02,Default,,0000,0000,0000,,but once you have your live server, and
Dialogue: 0,0:13:46.02,0:13:48.84,Default,,0000,0000,0000,,once you upload everything online, uh,
Dialogue: 0,0:13:48.84,0:13:51.54,Default,,0000,0000,0000,,including your style dot css and then your
Dialogue: 0,0:13:51.54,0:13:54.48,Default,,0000,0000,0000,,contact form, that PHP file together, it
Dialogue: 0,0:13:54.48,0:13:55.86,Default,,0000,0000,0000,,should work.
Dialogue: 0,0:13:55.86,0:13:58.62,Default,,0000,0000,0000,,So, that's it. So, I hope you have this,
Dialogue: 0,0:13:58.62,0:14:01.32,Default,,0000,0000,0000,,you have the series of tutorials, uh, help you
Dialogue: 0,0:14:01.32,0:14:04.14,Default,,0000,0000,0000,,to build up the your the first website.
Dialogue: 0,0:14:04.14,0:14:07.02,Default,,0000,0000,0000,,And then, um, thanks for watching, and I
Dialogue: 0,0:14:07.02,0:14:09.86,Default,,0000,0000,0000,,will see you next time.