Andyweb Testing Foundation

Form Validation Example

Please provide your name, email address (won't be published) and a comment

Awesome. I have it.

Your Input:




×

First Panel

Lorem ipsum dolor sit amet, esse nostro senserit est te, ex pro quando periculis urbanitas. Quod vide omnium no sit, usu te possim nominavi appareat. Vis at malis doctus delectus, partem fastidii in vis, sed nemore nusquam ne. Legere habemus consequuntur cu has. Per invidunt lucilius te. Qui ex oblique impedit qualisque. Et mea affert vivendum postulant. Mel mundi expetendis ex. Mediocrem maiestatis mediocritatem eos cu, eam eu nullam patrioque intellegam, duo id hinc feugiat honestatis. Ad sea assueverit dissentias, id mel nostro timeam. Vim no bonorum sensibus aliquando, in mea primis deleniti. Velit facete verterem ut eam, sea eius facer maiestatis an. Atqui gubergren ad ius, apeirian vituperatoribus eos ea. Est eu elitr pertinacia, id mel causae accusamus dissentiet. Modo dolore doctus vim ea. Has tempor eloquentiam eu, ea suscipit senserit qualisque duo. Eos diam accommodare ne, feugait luptatum petentium per id. Sea ea eripuit mediocrem. Ex eos albucius interesset necessitatibus, probo equidem mea te. Ex case expetenda consequuntur sed, movet appareat vim id. Id per diam dicam dicant. Ius magna mandamus complectitur in, ne aliquam quaerendum ius. At velit phaedrum eam, mea eu nisl wisi cotidieque. Purto cotidieque has et, has ex zril instructior, ei has quem malis. Ex ipsum graece verear pri, usu causae numquam graecis ex. Ipsum liber et qui, nam ad etiam utroque atomorum. Eum at elitr oblique nominati.

First Normal Div

Lorem ipsum dolor sit amet, esse nostro senserit est te, ex pro quando periculis urbanitas. Quod vide omnium no sit, usu te possim nominavi appareat. Vis at malis doctus delectus, partem fastidii in vis, sed nemore nusquam ne. Legere habemus consequuntur cu has. Per invidunt lucilius te. Qui ex oblique impedit qualisque. Et mea affert vivendum postulant. Mel mundi expetendis ex. Mediocrem maiestatis mediocritatem eos cu, eam eu nullam patrioque intellegam, duo id hinc feugiat honestatis. Ad sea assueverit dissentias, id mel nostro timeam. Vim no bonorum sensibus aliquando, in mea primis deleniti. Velit facete verterem ut eam, sea eius facer maiestatis an. Atqui gubergren ad ius, apeirian vituperatoribus eos ea. Est eu elitr pertinacia, id mel causae accusamus dissentiet. Modo dolore doctus vim ea. Has tempor eloquentiam eu, ea suscipit senserit qualisque duo. Eos diam accommodare ne, feugait luptatum petentium per id. Sea ea eripuit mediocrem. Ex eos albucius interesset necessitatibus, probo equidem mea te. Ex case expetenda consequuntur sed, movet appareat vim id. Id per diam dicam dicant. Ius magna mandamus complectitur in, ne aliquam quaerendum ius. At velit phaedrum eam, mea eu nisl wisi cotidieque. Purto cotidieque has et, has ex zril instructior, ei has quem malis. Ex ipsum graece verear pri, usu causae numquam graecis ex. Ipsum liber et qui, nam ad etiam utroque atomorum. Eum at elitr oblique nominati.

Build Stuff

We’re stoked you want to try Foundation!

To get going, this file (index.html) includes some basic styles you can modify, play around with, or totally destroy to get going.

Once you've exhausted the fun in this document, you should check out:

Foundation Documentation
Everything you need to know about using the framework.

Foundation on Github
Latest code, issue reports, feature requests and more.

@foundationzurb
Ping us on Twitter if you have questions. If you build something with this we'd love to see it (and send you a totally boss sticker).

Columns

Here’s your basic grid:

This is a twelve column section in a row. Each of these includes a div.panel element so you can see where the columns are - it's not required at all for the grid.

Lorem ipsum dolor sit amet, esse nostro senserit est te, ex pro quando periculis urbanitas. Quod vide omnium no sit, usu te possim nominavi appareat. Vis at malis doctus delectus, partem fastidii in vis, sed nemore nusquam ne. Legere habemus consequuntur cu has. Per invidunt lucilius te. Qui ex oblique impedit qualisque. Et mea affert vivendum postulant.

Mel mundi expetendis ex. Mediocrem maiestatis mediocritatem eos cu, eam eu nullam patrioque intellegam, duo id hinc feugiat honestatis. Ad sea assueverit dissentias, id mel nostro timeam. Vim no bonorum sensibus aliquando, in mea primis deleniti. Velit facete verterem ut eam, sea eius facer maiestatis an. Atqui gubergren ad ius, apeirian vituperatoribus eos ea.

Est eu elitr pertinacia, id mel causae accusamus dissentiet. Modo dolore doctus vim ea. Has tempor eloquentiam eu, ea suscipit senserit qualisque duo. Eos diam accommodare ne, feugait luptatum petentium per id. Sea ea eripuit mediocrem.

Ex eos albucius interesset necessitatibus, probo equidem mea te. Ex case expetenda consequuntur sed, movet appareat vim id. Id per diam dicam dicant. Ius magna mandamus complectitur in, ne aliquam quaerendum ius. At velit phaedrum eam, mea eu nisl wisi cotidieque.

Purto cotidieque has et, has ex zril instructior, ei has quem malis. Ex ipsum graece verear pri, usu causae numquam graecis ex. Ipsum liber et qui, nam ad etiam utroque atomorum. Eum at elitr oblique nominati.


Arrival One

Lorem ipsum dolor sit amet, esse nostro senserit est te, ex pro quando periculis urbanitas. Quod vide omnium no sit, usu te possim nominavi appareat. Vis at malis doctus delectus, partem fastidii in vis, sed nemore nusquam ne. Legere habemus consequuntur cu has. Per invidunt lucilius te. Qui ex oblique impedit qualisque. Et mea affert vivendum postulant. Mel mundi expetendis ex. Mediocrem maiestatis mediocritatem eos cu, eam eu nullam patrioque intellegam, duo id hinc feugiat honestatis. Ad sea assueverit dissentias, id mel nostro timeam. Vim no bonorum sensibus aliquando, in mea primis deleniti. Velit facete verterem ut eam, sea eius facer maiestatis an. Atqui gubergren ad ius, apeirian vituperatoribus eos ea. Est eu elitr pertinacia, id mel causae accusamus dissentiet. Modo dolore doctus vim ea. Has tempor eloquentiam eu, ea suscipit senserit qualisque duo. Eos diam accommodare ne, feugait luptatum petentium per id. Sea ea eripuit mediocrem. Ex eos albucius interesset necessitatibus, probo equidem mea te. Ex case expetenda consequuntur sed, movet appareat vim id. Id per diam dicam dicant. Ius magna mandamus complectitur in, ne aliquam quaerendum ius. At velit phaedrum eam, mea eu nisl wisi cotidieque. Purto cotidieque has et, has ex zril instructior, ei has quem malis. Ex ipsum graece verear pri, usu causae numquam graecis ex. Ipsum liber et qui, nam ad etiam utroque atomorum. Eum at elitr oblique nominati.


We bet you’ll need a form somewhere:
Fieldset Legend
.com
Try one of these buttons:

Simple Button
Radius Button
Round Button
Success Btn
Alert Btn
Secondary Btn

So many components, girl!

A whole kitchen sink of goodies comes with Foundation. Check out the docs to see them all, along with details on making them your own.

Go to Foundation Docs

Arrival Two

Lorem ipsum dolor sit amet, esse nostro senserit est te, ex pro quando periculis urbanitas. Quod vide omnium no sit, usu te possim nominavi appareat. Vis at malis doctus delectus, partem fastidii in vis, sed nemore nusquam ne. Legere habemus consequuntur cu has. Per invidunt lucilius te. Qui ex oblique impedit qualisque. Et mea affert vivendum postulant. Mel mundi expetendis ex. Mediocrem maiestatis mediocritatem eos cu, eam eu nullam patrioque intellegam, duo id hinc feugiat honestatis. Ad sea assueverit dissentias, id mel nostro timeam. Vim no bonorum sensibus aliquando, in mea primis deleniti. Velit facete verterem ut eam, sea eius facer maiestatis an. Atqui gubergren ad ius, apeirian vituperatoribus eos ea. Est eu elitr pertinacia, id mel causae accusamus dissentiet. Modo dolore doctus vim ea. Has tempor eloquentiam eu, ea suscipit senserit qualisque duo. Eos diam accommodare ne, feugait luptatum petentium per id. Sea ea eripuit mediocrem. Ex eos albucius interesset necessitatibus, probo equidem mea te. Ex case expetenda consequuntur sed, movet appareat vim id. Id per diam dicam dicant. Ius magna mandamus complectitur in, ne aliquam quaerendum ius. At velit phaedrum eam, mea eu nisl wisi cotidieque. Purto cotidieque has et, has ex zril instructior, ei has quem malis. Ex ipsum graece verear pri, usu causae numquam graecis ex. Ipsum liber et qui, nam ad etiam utroque atomorum. Eum at elitr oblique nominati.

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here