├── assets
    ├── cards.png
    ├── masks.png
    ├── jumbotron.png
    ├── basic-example.png
    └── centering-content.png
├── LICENSE
└── README.md


/assets/cards.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mdbootstrap/bootstrap-background-image/main/assets/cards.png


--------------------------------------------------------------------------------
/assets/masks.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mdbootstrap/bootstrap-background-image/main/assets/masks.png


--------------------------------------------------------------------------------
/assets/jumbotron.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mdbootstrap/bootstrap-background-image/main/assets/jumbotron.png


--------------------------------------------------------------------------------
/assets/basic-example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mdbootstrap/bootstrap-background-image/main/assets/basic-example.png


--------------------------------------------------------------------------------
/assets/centering-content.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mdbootstrap/bootstrap-background-image/main/assets/centering-content.png


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2024 MDBootstrap
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Free Bootstrap Background Image & Content & Styles Collection
 2 | 
 3 | description
 4 | 
 5 | <p><strong>How to use it?</strong></p>
 6 | <p class="mb-2">
 7 | <strong>1. </strong>Download<a target="_blank" href="https://mdbootstrap.com/docs/standard/"> MDB 5 - free UI KIT</a></p>
 8 | <p class="mb-2"><strong>2. </strong>Choose your favourite customized example and click <code>show code</code> to see the code</p>
 9 | <p class="mb-3"><strong>3. </strong>Copy & paste the code into your MDB project</p>
10 | 
11 | --------------------
12 | 
13 | [📄 **Documentation & usage guide**](https://mdbootstrap.com/docs/standard/content-styles/background-image/)
14 | 
15 | These components were built with a **free Material Design UI Kit for the latest Bootstrap 5**.
16 | 
17 | <img height="25" src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-r.png">  [![GitHub Stars](https://img.shields.io/github/stars/mdbootstrap/mdb-ui-kit?label=Star%20now&style=social)](https://github.com/mdbootstrap/mdb-ui-kit/)
18 | 
19 | ---------------------
20 | 
21 |  <h2 class="mb-4">Basic example</h2> 
22 | 
23 |  [![Bootstrap 5 Background Image](/assets/basic-example.png)](https://mdbootstrap.com/docs/standard/content-styles/background-image/#section-basic-example)
24 | 
25 |  
26 |  <hr class="my-5">
27 | 
28 |  <h2 class="mb-4">Jumbotron with background image</h2> 
29 | 
30 |  [![Bootstrap 5 Background Image](/assets/jumbotron.png)](https://mdbootstrap.com/docs/standard/content-styles/background-image/#section-jumbotron-with-background-image)
31 | 
32 |  
33 |  <hr class="my-5">
34 | 
35 |  <h2 class="mb-4">Cards with background image</h2> 
36 | 
37 |  [![Bootstrap 5 Background Image](/assets/cards.png)](https://mdbootstrap.com/docs/standard/content-styles/background-image/#section-cards-with-background-image)
38 | 
39 |  
40 |  <hr class="my-5">
41 | 
42 |  <h2 class="mb-4">Centering content</h2> 
43 | 
44 |  [![Bootstrap 5 Background Image](/assets/centering-content.png)](https://mdbootstrap.com/docs/standard/content-styles/background-image/#section-centering-content)
45 | 
46 |  
47 |  <hr class="my-5">
48 | 
49 |  <h2 class="mb-4">Masks</h2> 
50 | 
51 |  [![Bootstrap 5 Background Image](/assets/masks.png)](https://mdbootstrap.com/docs/standard/content-styles/background-image/#section-masks)
52 | 
53 | 
54 |  
55 |  <hr class="my-5">
56 | 
57 | <h4>For more examples visit our <a target="_blank" href="https://mdbootstrap.com/docs/standard/content-styles/background-image/">documentation</a>.</h4>
58 | 
59 |  <hr class="my-5">
60 | 
61 | <h3>Related Resources</h3>
62 | 
63 | <h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/content-styles/theme/">Theme</a></h5>
64 | 
65 | <h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/content-styles/animations/">Animations</a></h5>
66 | 
67 | <h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/content-styles/colors/">Colors</a></h5>
68 | 
69 | <h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/content-styles/icons/">Icons</a></h5>
70 | 
71 | <h5><a target="_blank" href="https://mdbootstrap.com/docs/standard/content-styles/typography/">Typography</a></h5>
72 | 
73 | 


--------------------------------------------------------------------------------