Update README.md
This commit is contained in:
Mateusz
GitHub
parent
d5acb91d85
commit
0735760a6b
40
README.md
40
README.md
|
|
@ -16,6 +16,8 @@ ________
|
|||
________
|
||||
|
||||
# Highlights:
|
||||
|
||||
|
||||
**Components**
|
||||
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**
|
||||
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
|
||||
|
||||
[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
|
||||
|
||||
<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">
|
||||
<p align="center">
|
||||
|
|
@ -66,7 +71,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
|
|||
|
||||
# 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">
|
||||
<p align="center">
|
||||
|
|
@ -76,7 +81,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
|
|||
|
||||
# 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">
|
||||
<p align="center">
|
||||
|
|
@ -84,10 +89,21 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
|
|||
</p>
|
||||
</a>
|
||||
|
||||
# Progress
|
||||
# Button Group
|
||||
|
||||
<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">
|
||||
<p align="center">
|
||||
<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
|
||||
|
||||
<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">
|
||||
<p align="center">
|
||||
|
|
@ -106,7 +122,7 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
|
|||
|
||||
# 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">
|
||||
<p align="center">
|
||||
|
|
@ -114,22 +130,22 @@ Our license is user friendly. Feel free to use Fluent Kit for both private as we
|
|||
</p>
|
||||
</a>
|
||||
|
||||
# Progress
|
||||
# Acrylic
|
||||
|
||||
<p></p>
|
||||
|
||||
<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">
|
||||
<img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-1.png">
|
||||
</p>
|
||||
</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">
|
||||
<img src="https://mdbootstrap.com/img/Marketing/campaigns/fluent-blur-2.png">
|
||||
</p>
|
||||
</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.
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue