Update README.md

This commit is contained in:
Mateusz 2021-04-29 12:09:30 +02:00 committed by GitHub
parent d5acb91d85
commit 0735760a6b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 12 deletions

View File

@ -16,6 +16,8 @@ ________
________ ________
# Highlights: # Highlights:
**Components** **Components**
Choose **among 100+ predefined components**. Each component is ready to use and fits perfectly with each other like LEGO bricks. Take, combine, enjoy!. Choose **among 100+ predefined components**. Each component is ready to use and fits perfectly with each other like LEGO bricks. Take, combine, enjoy!.
@ -49,14 +51,17 @@ We give you detailed documentation at your disposal. It will help you to impleme
**Free for personal and commercial use** **Free for personal and commercial use**
Our license is user friendly. Feel free to use Fluent Kit for both private as well as commercial projects. Our license is user friendly. Feel free to use Fluent Kit for both private as well as commercial projects.
A big **thank you to all our users** who are working with us to improve the software. We wouldn't be where we are without you.
# Live Preview # Live Preview
[Main demo](https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/full-demo.html) - check the functionality of all components [Main demo](https://mdbgo.io/marta-szymanska/mdb5-demo-free-fluent/free/components/full-demo.html) - check visual guide of components in the newest Bootstrap 5 and Fluent Design
# Cards # Cards
<p></p> <p>Card is a responsive content container with an extensible option for headers, footers, images, and a wide variety of content.</p>
<a href="https://mdbootstrap.com/docs/standard/components/cards/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/components/cards/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
@ -66,7 +71,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
# Carousel # Carousel
<p></p> <p>A slideshow component for cycling through elements—images or slides of text—like a carousel.</p>
<a href="https://mdbootstrap.com/docs/standard/components/carousel/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/components/carousel/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
@ -76,7 +81,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
# Buttons # Buttons
<p></p> <p>Buttons provide predefined styles (warning, info, danger) for multiple button types: outline, rounded, social, floating, fixed, tags, etc.</p>
<a href="https://mdbootstrap.com/docs/standard/components/buttons/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/components/buttons/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
@ -84,10 +89,21 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
</p> </p>
</a> </a>
# Progress # Button Group
<p></p> <p></p>
<a href="https://mdbootstrap.com/docs/standard/components/button-group/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center">
<img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-button-group.png">
</p>
</a>
# Progress
<p>Progress bar is an indicator showing the completion progress, i.e. task or time. Use it with percents, steps & other options.</p>
<a href="https://mdbootstrap.com/docs/standard/components/progress/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/components/progress/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
<img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-progress.png"> <img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-progress.png">
@ -96,7 +112,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
# Footer # Footer
<p></p> <p>A footer is an additional navigation component. It can hold links, buttons, company info, copyrights, forms, and many other elements.</p>
<a href="https://mdbootstrap.com/docs/standard/navigation/footer/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/navigation/footer/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
@ -106,7 +122,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
# Toasts # Toasts
<p></p> <p>Bootstrap Toast component is a non-disruptive message in the corner of the interface. It provides quick "at-a-glance" feedback on the outcome of an action.</p>
<a href="https://mdbootstrap.com/docs/standard/components/toasts/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/docs/standard/components/toasts/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
@ -114,22 +130,22 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
</p> </p>
</a> </a>
# Progress # Acrylic
<p></p> <a href="https://mdbootstrap.com/articles/web-design/using-the-glassmorphism-ui-trend-in-your-web-project/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<a href="https://mdbootstrap.com/docs/standard/components/progress/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
<img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-1.png"> <img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-1.png">
</p> </p>
</a> </a>
<a href="https://mdbootstrap.com/docs/standard/components/progress/" alt="Fluent Design Bootstrap 5" rel="dofollow"> <a href="https://mdbootstrap.com/articles/web-design/using-the-glassmorphism-ui-trend-in-your-web-project/" alt="Fluent Design Bootstrap 5" rel="dofollow">
<p align="center"> <p align="center">
<img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-2.png"> <img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-2.png">
</p> </p>
</a> </a>
A big **thank you to all our users** who are working with us to improve the software. We wouldn't be where we are without you. A big **thank you to all our users** who are working with us to improve the software. We wouldn't be where we are without you.