Update README.md
This commit is contained in:
parent
d5acb91d85
commit
0735760a6b
40
README.md
40
README.md
|
@ -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.
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue
Block a user