130 lines
6.9 KiB
HTML
130 lines
6.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
|
<meta http-equiv="x-ua-compatible" content="ie=edge" />
|
|
<title>Material Design for Bootstrap</title>
|
|
<!-- MDB icon -->
|
|
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" />
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
|
|
<!-- Google Fonts Roboto -->
|
|
<link
|
|
rel="stylesheet"
|
|
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"
|
|
/>
|
|
<!-- MDB -->
|
|
<link rel="stylesheet" href="css/mdb.min.css" />
|
|
<!-- Custom styles -->
|
|
<style></style>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- prettier-ignore -->
|
|
<div class="container">
|
|
<div style="text-align: center; margin-top: 150px">
|
|
<img src="https://mdbootstrap.com/img/logo/mdb-transparent-250px.png" style="width: 250px; height: 90px;" />
|
|
<h2 class="mt-5 pb-3">Welcome to Fluent UI Demo Free App</h2>
|
|
|
|
<h3 class="my-4">Components</h3>
|
|
|
|
<a href="free/components/card.html" class="btn btn-primary mb-1">Card</a>
|
|
<a href="free/components/breadcrumb.html" class="btn btn-primary mb-1">Breadcrumb</a>
|
|
<a href="free/components/collapse.html" class="btn btn-primary mb-1">Collapse</a>
|
|
<a href="free/components/accordion.html" class="btn btn-primary mb-1">Accordion</a>
|
|
<a href="free/components/alert.html" class="btn btn-primary mb-1">Alert</a>
|
|
<a href="free/components/badge.html" class="btn btn-primary mb-1">Badge</a>
|
|
<a href="free/components/buttons.html" class="btn btn-primary mb-1">Buttons</a>
|
|
<a href="free/components/buttons-2.html" class="btn btn-primary mb-1">Buttons 2</a>
|
|
<a href="free/components/button-group.html" class="btn btn-primary mb-1">Button Group</a>
|
|
<a href="free/components/navs.html" class="btn btn-primary mb-1">Navs</a>
|
|
<a href="free/components/pagination.html" class="btn btn-primary mb-1">Pagination</a>
|
|
<a href="free/components/tooltips.html" class="btn btn-primary mb-1">Tooltips</a>
|
|
<a href="free/components/toasts.html" class="btn btn-primary mb-1">Toasts</a>
|
|
<a href="free/components/progress.html" class="btn btn-primary mb-1">Progress</a>
|
|
<a href="free/components/spinners.html" class="btn btn-primary mb-1">Spinners</a>
|
|
<a href="free/components/popovers.html" class="btn btn-primary mb-1">Popovers</a>
|
|
<a href="free/components/scrollspy.html" class="btn btn-primary mb-1">Scrollspy</a>
|
|
<a href="free/components/carousel.html" class="btn btn-primary mb-1">Carousel</a>
|
|
<a href="free/components/close.html" class="btn btn-primary mb-1">Close</a>
|
|
<a href="free/components/dropdown.html" class="btn btn-primary mb-1">Dropdown</a>
|
|
<a href="free/components/list-group.html" class="btn btn-primary mb-1">List group</a>
|
|
<a href="free/components/modal.html" class="btn btn-primary mb-1">Modal</a>
|
|
<a href="free/components/navbar.html" class="btn btn-primary mb-1">Navbar</a>
|
|
<a href="free/components/pills.html" class="btn btn-primary mb-1">Pills</a>
|
|
<a href="free/components/footer.html" class="btn btn-primary mb-1">Footer</a>
|
|
<a href="free/components/mega-menu.html" class="btn btn-primary mb-1">Mega Menu</a>
|
|
<a href="free/components/full-demo.html" class="btn btn-primary mb-1">Full demo</a>
|
|
|
|
|
|
<h3 class="mt-5 mb-4">CSS</h3>
|
|
|
|
<a href="free/css/typography.html" class="btn btn-primary mb-1">Typography</a>
|
|
<a href="free/css/icons.html" class="btn btn-primary mb-1">Icons</a>
|
|
<a href="free/css/shadow.html" class="btn btn-primary mb-1">Shadow</a>
|
|
<a href="free/css/colors.html" class="btn btn-primary mb-1">Colors</a>
|
|
<a href="free/components/prism.html" class="btn btn-primary mb-1">Prism</a>
|
|
<a href="free/components/ripple.html" class="btn btn-primary mb-1">Ripple</a>
|
|
<a href="free/css/images.html" class="btn btn-primary mb-1">Images</a>
|
|
<a href="free/css/covers.html" class="btn btn-primary mb-1">Covers</a>
|
|
<a href="free/css/covers-2.html" class="btn btn-primary mb-1">Covers 2</a>
|
|
<a href="free/css/hover-effects.html" class="btn btn-primary mb-1">Hover Effects</a>
|
|
|
|
|
|
<h3 class="mt-5 mb-4">Forms</h3>
|
|
|
|
<a href="free/forms/form-control.html" class="btn btn-secondary mb-1">Form control</a>
|
|
<a href="free/forms/form-control-2.html" class="btn btn-secondary mb-1">Form control 2</a>
|
|
<a href="free/forms/input.html" class="btn btn-secondary mb-1">Input</a>
|
|
<a href="free/forms/select.html" class="btn btn-secondary mb-1">Select</a>
|
|
<a href="free/forms/overview.html" class="btn btn-secondary mb-1">Overview</a>
|
|
<a href="free/forms/form-check.html" class="btn btn-secondary mb-1">Form check</a>
|
|
<a href="free/forms/form-file.html" class="btn btn-secondary mb-1">Form file</a>
|
|
<a href="free/forms/form-input-group.html" class="btn btn-secondary mb-1">Form input group</a>
|
|
<a href="free/forms/layout.html" class="btn btn-secondary mb-1">Form layout</a>
|
|
<a href="free/forms/validation.html" class="btn btn-secondary mb-1">Validation</a>
|
|
<a href="free/forms/range.html" class="btn btn-secondary mb-1">Range</a>
|
|
|
|
|
|
<h3 class="mt-5 mb-4">Data</h3>
|
|
|
|
<a href="free/data/tables.html" class="btn btn-info mb-1">Tables</a>
|
|
|
|
|
|
<h3 class="mt-5 mb-4">Design Blocks</h3>
|
|
|
|
<a href="free/design-blocks/content.html" class="btn btn-danger mb-1">Content</a>
|
|
<a href="free/design-blocks/call-to-action.html" class="btn btn-danger mb-1">Call to action</a>
|
|
<a href="free/design-blocks/teams.html" class="btn btn-danger mb-1">Teams</a>
|
|
<a href="free/design-blocks/testimonials.html" class="btn btn-danger mb-1">Testimonials</a>
|
|
<a href="free/design-blocks/features.html" class="btn btn-danger mb-1">Features</a>
|
|
<a href="free/design-blocks/projects.html" class="btn btn-danger mb-1">Projects</a>
|
|
<a href="free/design-blocks/download.html" class="btn btn-danger mb-1">Download</a>
|
|
<a href="free/design-blocks/counters.html" class="btn btn-danger mb-1">Counters</a>
|
|
<a href="free/design-blocks/explore.html" class="btn btn-danger mb-1">Explore</a>
|
|
<a href="free/design-blocks/faq.html" class="btn btn-danger mb-1">Faq</a>
|
|
<a href="free/design-blocks/customers.html" class="btn btn-danger mb-1">Customers</a>
|
|
<a href="free/design-blocks/service.html" class="btn btn-danger mb-1">Service</a>
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
<a href="free/template/template.html" class="btn btn-success mb-1">Template</a>
|
|
<a href="free/template/playground-template.html" class="btn btn-success mb-1">Playground template</a>
|
|
|
|
<br>
|
|
<br>
|
|
<br>
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<!-- MDB -->
|
|
<script type="text/javascript" src="js/mdb.min.js"></script>
|
|
<!-- Custom scripts -->
|
|
<script type="text/javascript"></script>
|
|
</html>
|