https://github.com/mdbootstrap/bootstrap-quotes

Responsive Quotes built with the latest Bootstrap 5, HTML & CSS. Free for personal & commercial use.
https://github.com/mdbootstrap/bootstrap-quotes

bootstrap bootstrap-alert bootstrap-cards bootstrap-responsive bootstrap5 cards carousel quotes responsive resposive-design

Last synced: 3 months ago
JSON representation

Responsive Quotes built with the latest Bootstrap 5, HTML & CSS. Free for personal & commercial use.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-quotes
Owner: mdbootstrap
License: other
Created: 2021-08-13T06:58:53.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2022-01-27T13:25:01.000Z (over 3 years ago)
Last Synced: 2025-01-23T01:46:39.563Z (4 months ago)
Topics: bootstrap, bootstrap-alert, bootstrap-cards, bootstrap-responsive, bootstrap5, cards, carousel, quotes, responsive, resposive-design
Language: JavaScript
Homepage: https://mdbootstrap.com/docs/standard/extended/quotes/
Size: 956 KB
Stars: 2
Watchers: 5
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Quotes built with the latest Bootstrap 5, HTML & CSS. Various variations of block quotes and quote boxes. Different styles, colors and functionalities.

Check out [Bootstrap Quotes Documentation](https://mdbootstrap.com/docs/standard/extended/quotes/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/basic.png)

```html

Lorem ipsum dolor sit amet consectetur adipisicing elit. Pariatur sint nesciunt ad itaque aperiam expedita officiis incidunt minus facere, molestias quisquam impedit inventore.

Miranda Smith in The Guardian

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.

Annie Hall New York Times

At vero eos et accusamus et iusto odio dignissimos qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint amet dolore.

Jason More in Smash Magazine

Previous

Next

```

```css
.gradient-custom {
/* fallback for old browsers */
background: #f6d365;

/* Chrome 10-25, Safari 5.1-6 */
background: -webkit-linear-gradient(to right, rgba(246, 211, 101, 1), rgba(253, 160, 133, 1));

/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
background: linear-gradient(to right, rgba(246, 211, 101, 1), rgba(253, 160, 133, 1))
}
```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Quotes #2:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-2.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-2)

[Bootstrap Quotes #3:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-3.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-3)

[Bootstrap Quotes #4:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-4.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-4)

[Bootstrap Quotes #5:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-5.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-5)

[Bootstrap Quotes #6:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-6.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-6)

[Bootstrap Quotes #7:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-7.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-7)

[Bootstrap Quotes #8:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-8.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-8)

[Bootstrap Quotes #9:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-9.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-9)

[Bootstrap Quotes #10:
![Bootstrap 5 Quotes](https://mdbootstrap.com/img/Marketing/github/quotes/section-10.png)](https://mdbootstrap.com/docs/standard/extended/quotes/#section-10)

___

## More extended Bootstrap documentation