---
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">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>