# Mosaic

M

### Mosaic mobile app on your smartphone!

Download and Avail Special Songs Videos and Audios.

##### Gets the app from

- Sign in with Facebook
- Sign in with Google
- Sign in with Linkedin

### Create your account

By logging in you agree to our Terms and Conditions and Privacy Policy

### Typography Page

### Headings

# h1. Bootstrap heading | Semibold 36px
## h2. Bootstrap heading | Semibold 30px
### h3. Bootstrap heading | Semibold 24px
#### h4. Bootstrap heading | Semibold 18px
##### h5. Bootstrap heading | Semibold 14px
###### h6. Bootstrap heading | Semibold 12px

### Progress Bars

Info with `progress-bar-info` class.

Success with `progress-bar-success` class.

Warning with `progress-bar-warning` class.

Danger with `progress-bar-danger` class.

Inverse with `progress-bar-inverse` class.

Inverse with `progress-bar-inverse` class.

35% Complete (success)
20% Complete (warning)
10% Complete (danger)

### Pagination

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

### Breadcrumbs

### Badges

Add modifier classes to change the appearance of a badge.

Classes | Badges
--- | ---
No modifiers | 42
`.badge-primary` | 1
`.badge-success` | 22
`.badge-info` | 30
`.badge-warning` | 412
`.badge-danger` | 999

Easily highlight new or unread items with the `.badge` class

201 Inbox 5021 Profile visits 14 Call 20 Messages 14 Bookmarks 30 Notifications

# Tables

## Default styles

For basic stylinglight padding and only horizontal add the base class `.table` to any `<table>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

Add any of the following classes to the `.table` base class.

Adds zebra-striping to any table row within the `<tbody>` via the `:nth-child` CSS selector (not available in IE7-8).

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry | the Bird | @twitter

Add borders and rounded corners to the table.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
Mark | Otto | @getbootstrap
2 | Jacob | Thornton | @fat
3 | Larry the Bird | @twitter

Enable a hover state on table rows within a `<tbody>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Mark | Otto | @mdo
2 | Jacob | Thornton | @fat
3 | Larry the Bird | @twitter

### Unordered List

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros

### Ordered List

1. Cras justo odio
2. Dapibus ac facilisis in
3. Morbi leo risus
4. Porta ac consectetur ac
5. Vestibulum at eros

### Forms

@
@example.com
$ .00
@
@
@

### Grids