[MUSIC]

We did a great job building the coming soon landing page for fullstack.com and

now we're ready to start building the conference website.

Once again, the conference organizers provided a simple mock up of what the site

should look like along with all the images and content we need to build the site, so

let's take a look.

This is a static png mock up of the website we're going to build.

As you can see, there's a simple navigation at the top of the page.

And we're going to keep the large headline and lead text for Full Stack Conf.

We'll just need to include two call to action buttons in the header.

One links to the registration form, and the other links to the speaker line up.

In the main content area,

there's a three column layout with content about the conference,

the expert speakers, and a list of JavaScript topics that will be covered.

Below this content, we'll need to display the six speakers including an image,

name, and a short bio.

Then we're going to display a conference schedule,

listing all the talks and breaks during the day.

Right below the schedule, we'll add a second call to action button for

registration followed by content about the conference organizers.

Now we're going to keep the sign up form we added in the coming soon page.

This time it's near the bottom of the page.

Then we have a simple footer at the very bottom.

If you want to see the final version of the website,

I've posted a link to the site in the teacher's notes.

You've seen that rapid development is the biggest advantage of using Bootstrap.

So just like the landing page we built in the previous section, we'll use Bootstrap

to create the design and layout for the Full Stack Conf site in little time.

Coming up next, we'll begin laying out the foundation for the site's content and

components using Bootstrap's Grid system and layout options.