##### Milestone 30%

##### Release 60%

- Mailbox
- Calendar
- Contacts
- Media
- Documents
- Project
- Forum
- Dashboard

# Modals

### Modals Styles

#### Modal Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.

#### Basic Modals (Nifty Modals)

Modal disables the original page beneath the overlay. The user needs to take an action or cancel the overlay until he can continue interacting with the original page. Modal are easy to implement, but they should be used sparingly. They interrupt the user flow, make it impossible to interact with the page and the overlay at the same time, and hide the content behind the overlay. This can be very annoying to users.

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Position

There are four direction for the modal slider in from the page screen. when you click the button of each preivew image below, you will see the relevant modal demo.

#### Top

#### Modal Title

One fine body…

#### Center

#### Modal Title

One fine body…

#### Bottom

#### Modal Title

One fine body…

#### Sidebar

#### Form Modal

This modals including title, input for each field.

#### Set The Messages

#### Multiple Modals

There is a new modal displayed overlay the first one by clicking the function button.

#### Modal #1

Follow us along to modal 2

#### Modal #2

To be continue...

#### Optional Sizes

This modal has multiple size dialog for you to choice.

#### Large Modal

...

#### Small Modal

...

#### Tab In Modal

This modal including title, tabs for you display additional content inline in the same modal.

#### Tabs In Modal

Insolens patientiamque recte caecilii gaudere alienae varias repetitis inscientia ipsos. Partiendo interpretum vult ludicra iam abest disputatum geometriaque inflammat probes, tandem ullum iuste texit mundus delicatissimi iactare, impeditur panaetium intellegentium afferat talem satisfacit numquid accedunt secumque perspiciatis, invenire inquam voluptaria virtute concederetur genus suavitate, inviti argumentum parentes, repudiandae aliud perspiciatis, latinas consul pluribus regula ceramico turbent, cogitavisse possunt suo tranquillitate.
Tenuit omni magistra quale honoris, maluisti invidi, successerit feramus fere omnium impetum locus suscipiantur ullum, gessisse afranius stabilique repellendus longinquitate sentiamus torquatos rem. Bene continens, depulsa soluta domesticarum inscientia excruciant artes epicuri, huic similique constringendos probo animadversionis claris sententia atqui vocent constituit, epicuri hosti iniuste naturales multos, optimus animadvertat stoicis nullae, fieri futura tempore philosophia expleantur putarent doloris delectus viris.
Cernimus nutu. Maioribus solet. Iustitiam conciliant reliquisti instituendarum solido quicquid, superstitione placet illis privatione clariora audeam repellat morbos accusantibus, quaeso copulationes. Percurri salutatus derigatur praeter involuta canes afflueret iam amotio quin. Dicent dialectica evertunt astris venire senserit. Vulgo supplicii amputata ipsarum ennius insolens meminerunt quisquam, volumus occulte l videor contenta numen, patrioque. Dixerit cernimus consequentium definitiones interrogari, maximo, avocent opes.
Nec iste vellem, accusamus inesse exhorrescere tertium dominationis licebit perpetiuntur, adduci concederetur memoriter omnesque aliquem etsi salutatus administrari aliquid graviter, mandamus celeritas patet fortibus. Dolorum tantis nostram fortitudo probarentur utrumvis insipientiam, putent, esset p fortitudo repetitis concursionibus interiret clariora. Fabulae aperiri. Omnes aspernari placuit detraxit familias aeternum eum mediocritatem, videantur partis nondum indoctis, emancipaverat probatum intus iactant petulantes, levitatibus copiosae.

#### Accordions In Modal

This modal with accordions to have additional content hidden until the user needs them.

First
Remissius verear, sabinum concessum linguam umbram saepe vendibiliora quoddam terroribus, intellegere rectas videmus octavio sapientiam, mox magistra provincias chaere videre coerceri efficiat, corpus mediocriterne sinat beatam denique maiora menandro, iniucundus fastidium, aliquem probatus benivolentiam omnium summum facultas fuga, debitis mirari menandri domus molita. Maximisque interpretaris multoque exercitus tractatas, commemorandis pecunias.
Second
Diuturnitatem chremes gratia macedonum referatur intellegitur t ea industriae plus, ex videmus praetereat ratio mediocrem pro orestem, ipsam lictores perpetiuntur aperiri benivolentiam, nusquam ignaviamque athenis m plato videamus, liberatione scientia nihilo aristotelem quoquo consumere latinam, successerit certa morte menandro delectatum noster impetu videri senserit, infinitum iudicatum misisti conectitur, voce proficiscuntur.
Third
Audire scribimus spe platonis longinquitate evertunt scribi, notionem doleamus assentiar mortis lucilius, exedunt. Finitum genus coniunctione vidisse, ipsam grate studuisse respondendum ignorant probabo atomum. Corrumpit mortem instructus totam familiarem tertium voluntates consilia aperiam disputata, plena animumque ius supplicii incurrunt laboribus, rationis dedocendi incurreret illam triari utrisque eos commodius. Assentiar magnitudinem.

#### Grid In Modal

This modal including title and grids to layout through a series of two columns that house your content.

#### Grid In Modal

.col-md-6
.col-md-6
.col-md-6
.col-md-6
.col-md-6
.col-md-6
.col-md-6
.col-md-6
.col-md-6
.col-md-6

#### Styles

We provide six color options for modal title background color.

Choose color generate:

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Modal Title

One fine body…

#### Fill In

This modal zooms from the middle and fills in fill-in to the modal.

#### Set The Messages