Social App - Zurb Foundation Example

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.

Zurb Foundation Framework Social App Example Screenshot
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

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


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