mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-14 05:37:01 +03:00
60 lines
2.3 KiB
Markdown
60 lines
2.3 KiB
Markdown
---
|
|
layout: simple
|
|
title: Examples
|
|
---
|
|
|
|
## Templates
|
|
|
|
Templates that give a quick structural start to using Material Design for Bootstrap.
|
|
|
|
<div class="card-deck">
|
|
<div class="card card-block">
|
|
<h4 class="card-title">Starter Template</h4>
|
|
<p class="card-text">Nothing but the basics: compiled CSS and JavaScript.</p>
|
|
<a href="{{ site.baseurl }}/examples/starter-template/" target="_example" class="btn btn-primary"><i class="material-icons">launch</i> Launch</a>
|
|
</div>
|
|
<div class="card card-block">
|
|
<h4 class="card-title">Responsive Drawer Template</h4>
|
|
<p class="card-text">Responsive fixed left drawer with a fixed top navigation</p>
|
|
<a href="{{ site.baseurl }}/examples/drawer/" target="_example" class="btn btn-primary"><i class="material-icons">launch</i> Launch</a>
|
|
</div>
|
|
<div class="card card-block">
|
|
<h4 class="card-title">Dashboard</h4>
|
|
<p class="card-text">Dashboard with a drawer</p>
|
|
<a href="{{ site.baseurl }}/examples/dashboard/" target="_example" class="btn btn-primary"><i class="material-icons">launch</i> Launch</a>
|
|
</div>
|
|
<!--
|
|
<div class="col-xs-6 col-md-4">
|
|
<div class="card card-block">
|
|
<h4 class="card-title"></h4>
|
|
<p class="card-text"></p>
|
|
<a href="{{ site.baseurl }}/examples/" target="_example" class="btn btn-primary"><i class="material-icons">launch</i> Launch</a>
|
|
</div>
|
|
</div>
|
|
-->
|
|
</div>
|
|
|
|
## Components
|
|
|
|
Components and templates to help folks quickly get started with Material Design for Bootstrap and demonstrate best practices for adding onto the framework.
|
|
|
|
<div class="card-deck">
|
|
<div class="card card-block">
|
|
<h4 class="card-title">Sign-in page</h4>
|
|
<p class="card-text">Custom form layout and design for a simple sign in form.</p>
|
|
<a href="{{ site.baseurl }}/examples/signin" target="_example" class="btn btn-primary"><i class="material-icons">launch</i> Launch</a>
|
|
</div>
|
|
</div>
|
|
|
|
## Experiments
|
|
|
|
Examples that focus on future-friendly features or techniques.
|
|
|
|
<div class="card-deck">
|
|
<div class="card card-block">
|
|
<h4 class="card-title">Offcanvas</h4>
|
|
<p class="card-text">Build a toggleable off-canvas navigation menu for use with Bootstrap.</p>
|
|
<a href="{{ site.baseurl }}/examples/offcanvas" target="_example" class="btn btn-primary"><i class="material-icons">launch</i> Launch</a>
|
|
</div>
|
|
</div>
|