In this video, we're gonna head over  to the Bootstrap website. We are gonna copy and paste over one of their forms. Then we're gonna make some updates so it can be used  for our newsletter signup. Okay, now that we have our website up  and running, let's go ahead and add in a form. So the first thing that we need to do is  open this up in VS code. So let's grab our meat yogurt website  and drag it down to VS code.

And we're gonna wanna take a look at the index file. So this website is using Twitter bootstrap  for the CSS framework. So that's gonna make it nice  and easy for us to add a form to the bottom of our website  for the newsletter signup. So if we scroll down to just under the  cards section here. So you just wanna go to the end of the cards. Let's put in a little bit of space  and if we just grab one of these cards  and paste them in down there.

And let's get rid of this style. We're not gonna need that. We're also not gonna need an image card. Title will be, let's just go with  newsletter and let's get rid of that  P tag and anchor tag. Okay, so let's go across to the uh,  Twitter bootstrap website. I'll leave a link to this page in the description.

And if you have a look at the right hand navigation,  you wanna go down to inline forms  and let's just grab this guy here. Just copy all of that. HTML, go back to VS code  and paste it in under the um, H five tag. Just wanna put your form in under there. Let's save it, refresh, and let's have a look. There we go.

And we have a form, um, ready to update  and um, hook up to the newsletter. Sign up. So if we take a look at our form,  it doesn't quite make sense for our newsletter sign up. It's got a name, which we need. We don't need this username and we don't need this. Remember me.

What we need is name, email, submit. So if we go over to VS code  and what we're gonna do is just  leave this first block alone. That's our name. We need that one. After that we have label. And the next one down is to remember me chat box.

So if we delete those, then  what we're gonna do is grab this  top name block. We'll  Copy that and paste it in underneath. And just update name to email. Just update the placeholder to email  and let's update the text. Type also to email. If we save that, go back to our website  and give it a refresh.

Now we can see we have name, email, submit our form's. Looking pretty good now, so we're gonna leave things here  and in the next video we'll go ahead  and start adding some PHPI.