mitsuo_makuda/bootstrap-fluent-design_template
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update README.md

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
README.md
View File

@ -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.