Skip to content

Commit 3799b8a

Browse files
marveluckmarveluck
authored
Update README.md
1 parent ac4d6f5 commit 3799b8a

File tree

1 file changed

+105
-40
lines changed

1 file changed

+105
-40
lines changed

‎README.md

Lines changed: 105 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,65 @@
1-
![MDB Logo](https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-angular.png)
1+
Bootstrap 5 & React 12 UI KIT - 700+ components, MIT license, simple installation.
22

3-
# MDB 5 Angular
3+
MDB is a collection of free Bootstrap templates, themes, design tools & resources.
44

5-
### Angular 12 & Bootstrap 5 & Material Design 2.0 UI KIT
5+
---
66

7-
**[>> Get Started in 4 steps](https://mdbootstrap.com/docs/b5/angular/getting-started/installation/)**
7+
# Get started
88

9-
**[>> MDBAngular 5 Demo](https://mdbootstrap.com/docs/b5/angular#demo)**
9+
### [>> Get Started in 1 minute](https://mdbootstrap.com/docs/b5/angular/getting-started/installation/)
10+
Simple installation via .zip, npm or cdnjs.
11+
12+
### [>> Install with MDBGO](https://mdbgo.com/)
13+
Free Hosting, WordPress support, custom domains, SSL support, free database, frontend & backend templates, webpack starter included, git repostiory, FTP & jenkins support.
14+
15+
### [>> Install with MDBGO + e-commerce shop integration](https://mdbgo.com/wordpress-shop/)
16+
One click setup! MDB GO allows you to create a WordPress page with a single click.
17+
Regardless whether you want to create a Travel Blog or an e-commerce shop to sell your product you can easily do that. You can even combine both into single page.
1018

11-
<a href="https://npmcharts.com/compare/mdb-angular-ui-kit?minimal=true"> <img src="https://img.shields.io/npm/dw/mdb-angular-ui-kit" alt="Downloads"></a>
12-
<a href="https://github.com/mdbootstrap/mdb-angular-ui-kit/License.pdf"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
13-
<a href="https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+4+UI+KIT%20https://mdbootstrap.com/docs/jquery/&hashtags=javascript,code,webdesign,bootstrap"><img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&label=Let%20us%20know%20you%20were%20here%21&"></a>
14-
<a href="https://www.youtube.com/watch?v=c9B4TPnak1A&t=6s"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a>
1519

16-
---
20+
## About Material Design for Bootstrap 5 & Vanilla JavaScript
21+
22+
<p>Created by <a href="https://mdbootstrap.com"><img height="30" src="https://mdbootstrap.com/img/Marketing/general/logo/medium/mdb-angular-r.png"></a>
23+
<a href="https://npmcharts.com/compare/angular-bootstrap-md?minimal=true"> <img src="https://img.shields.io/npm/dm/mdbootstrap.svg?label=NPM%20Downloads" alt="Downloads"></a>
24+
<a href="https://github.com/mdbootstrap/mdb-angular-ui-kit/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License"></a>
25+
<a href="https://twitter.com/intent/tweet/?text=Thanks+@mdbootstrap+for+creating+amazing+and+free+Material+Design+for+Bootstrap+5+UI+KIT%20https://mdbootstrap.com/docs/b5/angular/&hashtags=javascript,code,webdesign,bootstrap"><img src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social&label=Let%20us%20know%20you%20were%20here%21&"></a>
26+
<a href="https://www.youtube.com/watch?v=c9B4TPnak1A"><img alt="YouTube Video Views" src="https://img.shields.io/youtube/views/c9B4TPnak1A?label=Bootstrap%205%20Tutorial%20Views&style=social"></a></p>
27+
28+
Trusted by <b>2 000 000+</b> developers & designers. Used by companies & institutions like
29+
<table>
30+
<tbody>
31+
<tr>
32+
<td><img width="300" src="https://mdbootstrap.com/img/logo/brands/nasa.png"></td>
33+
<td><img src="https://mdbootstrap.com/img/logo/brands/nike.png"></td>
34+
<td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png"></td>
35+
<td><img src="https://mdbootstrap.com/img/logo/brands/sony.png"></td>
36+
<td><img src="https://mdbootstrap.com/img/logo/brands/samsung.png">
37+
<td><img src="https://mdbootstrap.com/img/logo/brands/airbus.png">
38+
<td><img src="https://mdbootstrap.com/img/logo/brands/yahoo.png">
39+
<td><img src="https://mdbootstrap.com/img/logo/brands/deloitte.png">
40+
<td><img src="https://mdbootstrap.com/img/logo/brands/ge.png">
41+
<td><img src="https://mdbootstrap.com/img/logo/brands/kpmg.png">
42+
<td><img src="https://mdbootstrap.com/img/logo/brands/unity.png">
43+
<td><img src="https://mdbootstrap.com/img/logo/brands/ikea.png">
44+
<td><img src="https://mdbootstrap.com/img/logo/brands/aegon.png">
45+
</tr>
46+
</tbody>
47+
</table>
1748

1849
<table>
1950
<tbody>
2051
<tr>
2152
<td>
2253
<a href="https://mdbootstrap.com/docs/b5/angular/" alt="Bootstrap 5" rel="dofollow">
23-
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/standard/about/assets/mdb5-about.jpg">
54+
<img src="https://mdbootstrap.com/wp-content/themes/mdbootstrap4/content/en/_mdb5/angular/about/assets/mdb5-angular.jpg">
2455
</a>
2556
</td>
2657
<td>
2758
<ul>
28-
<li><b>500+ material UI components</b></li>
59+
<li><b><a href="https://mdbootstrap.com/docs/b5/angular/">700+ UI components</a></b></li>
2960
<li>Super simple, 1 minute installation</li>
30-
<li>Detailed docs & multiple practical examples</li>
31-
<li>Angular 11</li>
61+
<li>Detailed docs & practical examples</li>
62+
<li>Lots of tutorials</li>
3263
<li>Huge and active community</li>
3364
<li><b>MIT license - free for personal & commercial use</b></li>
3465
</ul>
@@ -37,50 +68,35 @@
3768
</tbody>
3869
</table>
3970

40-
Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
71+
___
4172

42-
<table>
43-
<tbody>
44-
<tr>
45-
<td><img src="https://mdbootstrap.com/img/logo/brands/nike.png" style="width: 10px;"></td>
46-
<td><img src="https://mdbootstrap.com/img/logo/brands/amazon.png" style="width: 10px;"></td>
47-
<td><img src="https://mdbootstrap.com/img/logo/brands/sony.png" style="width: 10px;"></td>
48-
<td><img src="https://mdbootstrap.com/img/logo/brands/samsung.png" style="height: 40px">
49-
<td><img src="https://mdbootstrap.com/img/logo/brands/airbus.png" style="height: 40px">
50-
<td><img src="https://mdbootstrap.com/img/logo/brands/yahoo.png" style="height: 40px">
51-
<td><img src="https://mdbootstrap.com/img/logo/brands/deloitte.png" style="height: 40px"></div>
52-
<td><img src="https://mdbootstrap.com/img/logo/brands/ge.png" style="height: 40px">
53-
<td><img src="https://mdbootstrap.com/img/logo/brands/kpmg.png" style="height: 40px">
54-
<td><img src="https://mdbootstrap.com/img/logo/brands/unity.png" style="height: 40px">
55-
<td><img src="https://mdbootstrap.com/img/logo/brands/ikea.png" style="max-height: 40px">
56-
<td><img src="https://mdbootstrap.com/img/logo/brands/aegon.png" style="height: 40px">
57-
</tr>
58-
</tbody>
59-
</table>
73+
# Bootstrap 5 tutorial
74+
75+
**[>> Learn more about Bootstrap 5](https://mdbootstrap.com/docs/standard/bootstrap-5/)**
6076

61-
---
6277

63-
###### Tutorial for the latest Bootstrap v.5 Alpha. In this video we'll learn about the changes implemented into v.5.
78+
**[>> Bootstrap 5 Tutorial](https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/)**
6479

65-
**[>> Click here for a written tutorial](https://mdbootstrap.com/docs/b5/angular/getting-started/installation/)**
80+
**[>> Subscribe to our YouTube channel with dozens of Bootstrap tutorials](https://www.youtube.com/c/Mdbootstrap?sub_confirmation=1)**
6681

6782
<table>
6883
<tbody>
6984
<tr>
7085
<td align="center">
86+
<a href="https://mdbootstrap.com/docs/b5/angular/getting-started/" alt="Bootstrap Tutorials" rel="dofollow">
7187
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/learnmore-1.png">
7288
</a>
7389
</td>
7490
<td>
75-
<a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/" alt="Bootstrap 5" rel="dofollow">
91+
<a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
7692
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/cover-bootstrap-5-1.png">
7793
</a>
7894
</td>
7995
</tr>
8096
<tr>
8197
<td align="center">
82-
<p align="center"><b>Start to Code</b></p>
83-
<a href="https://mdbootstrap.com/docs/standard/bootstrap-5-tutorial/#section-beginner" alt="Bootstrap 5" rel="dofollow">
98+
<p align="center"><b>Start learning from Basics</b></p>
99+
<a href="https://mdbootstrap.com/docs/b5/angular/getting-started/" alt="Bootstrap 5" rel="dofollow">
84100
<img src="https://mdbootstrap.com/wp-content/uploads/2020/12/Screenshot_26.png">
85101
</a>
86102
</td>
@@ -192,4 +208,53 @@ Trusted by <b>2 000 000+</b> developers & designers. Used by companies like
192208

193209
</table>
194210

195-
and more.
211+
___
212+
213+
# Extended documentation
214+
215+
<ul>
216+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-address-form/">Bootstrap Address Form</a></li>
217+
<li><a href="https://mdbootstrap.com/docs/standard/extended/avatar/">Bootstrap Avatar</a></li>
218+
<li><a href="https://mdbootstrap.com/docs/standard/extended/back-to-top/">Bootstrap Back To Top Button</a></li>
219+
<li><a href="https://mdbootstrap.com/docs/standard/extended/carousel-with-thumbnails/">Bootstrap Carousel Slider with Thumbnails</a></li>
220+
<li><a href="https://mdbootstrap.com/docs/standard/extended/chat/">Bootstrap Chat</a></li>
221+
<li><a href="https://mdbootstrap.com/docs/standard/extended/code/">Bootstrap Code Blocks</a></li>
222+
<li><a href="https://mdbootstrap.com/docs/standard/extended/comments/">Bootstrap Comments</a></li>
223+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-comparison-table/">Bootstrap Comparison Table</a></li>
224+
<li><a href="https://mdbootstrap.com/docs/standard/extended/credit-card/">Bootstrap Credit Card Form</a></li>
225+
<li><a href="https://mdbootstrap.com/docs/standard/extended/drawer/">Bootstrap Drawer</a></li>
226+
<li><a href="https://mdbootstrap.com/docs/standard/extended/dropdown-multilevel/">Bootstrap Nested Dropdown</a></li>
227+
<li><a href="https://mdbootstrap.com/docs/standard/extended/faq/">Bootstrap FAQ component / section</a></li>
228+
<li><a href="https://mdbootstrap.com/docs/standard/extended/gallery/">Bootstrap Gallery</a></li>
229+
<li><a href="https://mdbootstrap.com/docs/standard/extended/hamburger-menu/">Bootstrap Hamburger Menu</a></li>
230+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-invoice/">Bootstrap Invoice</a></li>
231+
<li><a href="https://mdbootstrap.com/docs/standard/extended/jumbotron/">Bootstrap Jumbotron</a></li>
232+
<li><a href="https://mdbootstrap.com/docs/standard/extended/login/">Bootstrap Login Form</a></li>
233+
<li><a href="https://mdbootstrap.com/docs/standard/extended/maps/">Bootstrap Maps</a></li>
234+
<li><a href="https://mdbootstrap.com/docs/standard/extended/media-object/">Bootstrap Media Object</a></li>
235+
<li><a href="https://mdbootstrap.com/docs/standard/extended/mega-menu/">Bootstrap Mega Menu</a></li>
236+
<li><a href="https://mdbootstrap.com/docs/standard/extended/multiselect/">Bootstrap Multiselect</a></li>
237+
<li><a href="https://mdbootstrap.com/docs/standard/extended/news-feed/">Bootstrap News Feed</a></li>
238+
<li><a href="https://mdbootstrap.com/docs/standard/extended/offcanvas/">Bootstrap Offcanvas</a></li>
239+
<li><a href="https://mdbootstrap.com/docs/standard/extended/order-details/">Bootstrap Order Details</a></li>
240+
<li><a href="https://mdbootstrap.com/docs/standard/extended/page-transitions/">Bootstrap Page Transitions</a></li>
241+
<li><a href="https://mdbootstrap.com/docs/standard/extended/payment-forms/">Bootstrap Payment Forms</a></li>
242+
<li><a href="https://mdbootstrap.com/docs/standard/extended/product-cards/">Bootstrap Product Cards</a></li>
243+
<li><a href="https://mdbootstrap.com/docs/standard/extended/profiles/">Bootstrap Profiles</a></li>
244+
<li><a href="https://mdbootstrap.com/docs/standard/extended/quotes/">Bootstrap Quotes</a></li>
245+
<li><a href="https://mdbootstrap.com/docs/standard/extended/registration/">Bootstrap Registration Form</a></li>
246+
<li><a href="https://mdbootstrap.com/docs/standard/extended/search-expanding/">Bootstrap Expanding Search Bar</a></li>
247+
<li><a href="https://mdbootstrap.com/docs/standard/extended/shopping-carts/">Bootstrap Shopping Carts</a></li>
248+
<li><a href="https://mdbootstrap.com/docs/standard/extended/side-navbar/">Bootstrap Side Navbar</a></li>
249+
<li><a href="https://mdbootstrap.com/docs/standard/extended/sidebar/">Bootstrap Sidebar</a></li>
250+
<li><a href="https://mdbootstrap.com/docs/standard/extended/social-media/">Bootstrap Social Media Icons & Buttons</a></li>
251+
<li><a href="https://mdbootstrap.com/docs/standard/extended/square-buttons/">Bootstrap Square Buttons</a></li>
252+
<li><a href="https://mdbootstrap.com/docs/standard/extended/bootstrap-survey-form/">Bootstrap Survey Form</a></li>
253+
<li><a href="https://mdbootstrap.com/docs/standard/extended/testimonial-slider/">Bootstrap Testimonial Slider</a></li>
254+
<li><a href="https://mdbootstrap.com/docs/standard/extended/testimonials/">Bootstrap Testimonials</a></li>
255+
<li><a href="https://mdbootstrap.com/docs/standard/extended/textarea/">Bootstrap Textarea</a></li>
256+
<li><a href="https://mdbootstrap.com/docs/standard/extended/timeline/">Bootstrap Timeline</a></li>
257+
<li><a href="https://mdbootstrap.com/docs/standard/extended/to-do-list/">Bootstrap To Do List</a></li>
258+
<li><a href="https://mdbootstrap.com/docs/standard/extended/video-carousel/">Bootstrap Video Carousel / Gallery</a></li>
259+
<li><a href="https://mdbootstrap.com/docs/standard/extended/weather/">Bootstrap Weather</a></li>
260+
</ul>

0 commit comments

Comments
 (0)