This is what we are going to create in this step by step tutorial. Click on the image to view the website in new tab.

Elements Used in the Website

In this section we speak about what are the foundation elements used in the website. We list and explain these elements in this section.

1. Grid
2. Form

Grid

We already said about grid and examples. If you need, you will see grid system link.

Form

By using Zurb Foundation, we can create easy and powerful form layout.We can create label, button and textbox with different style.

Steps to create the above website

1. Step 1: Creating Home Page
2. Step 2: Creating Login Page
3. Step 3: Completing the Website

Next Lesson > Creating Home Page - Social App