# Quote

## Screenshot

![Blockquote](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV09LeUWXTKtSBGO0y%2FBlockquote.png?generation=1535988005614307\&alt=media)

## Markup

```
<blockquote>
    <p>Phasellus lectus sem, egestas eget sollicitudin ut...</p>
</blockquote>
```

## Variations

### Default

The default variation is shown above.

### With footer

![Block quote with footers](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV09LhjPwauw7T0VI2%2Fblockquote%20with%20footers.png?generation=1535987984672304\&alt=media)

You can add footer to all the variations, as below:

```
<blockquote>
    <p>Phasellus lectus sem, egestas eget sollicitudin ut...</p>
    <footer>John Doe, Google Inc.</footer>
</blockquote>
```

### With icon

![Block quote with icon](https://1019271128-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LLV-zTvL3gIREI2fwqd%2F-LLV00pz68a2T7F_RSXi%2F-LLV09LjAyaPmCC127l1%2Fblockquote%20with%20icon.png?generation=1535988005593980\&alt=media)

You can achieve this variation using "quote" class:

```
<blockquote class="quote">
    <p>We believe that DISC-1 is schizophrenia’s Rosetta Stone gene and could...</p>
</blockquote>
```

### Center aligned

Center aligned block quote is achieved using "text-center" class.
