---
layout: raw
---

{% include base.html %}

<div class="container target">
  <h1>Tutorials</h1>
  <p>There are different tutorials to get you started with openHAB:</p>
  <div class="row center targets">

    <div class="col s12 m4 l4">
      <a href="demo.html">
        <div class="target target-beginner card">
          <i class="mdi-device-dvr icon-large"></i>
          <div class="footer">
            <div class="valign-wrapper">
              <h2 class="valign">Demo Setup</h2>
            </div>
          </div>
        </div>
      </a>
    </div>

    <div class="col s12 m4 l4">
      <a href="beginner/index.html">
        <div class="target target-beginner card">
          <i class="mdi-social-person icon-large"></i>
          <div class="footer">
            <div class="valign-wrapper">
              <h2 class="valign">Beginner</h2>
            </div>
          </div>
        </div>
      </a>
    </div>

<!--
    <div class="col s12 m3 l3">
      <a href="advanced/index.html">
        <div class="target target-advanced card">
          <i class="mdi-social-people icon-large"></i>
          <div class="footer">
            <div class="valign-wrapper">
              <h2 class="valign">Advanced</h2>
            </div>
          </div>
        </div>
      </a>
    </div>
-->

    <div class="col s12 m4 l4">
      <a href="migration.html">
        <div class="target target-migration card">
          <i class="mdi-maps-directions icon-large"></i>
          <div class="footer">
            <div class="valign-wrapper">
              <h2 class="valign">Migration from 1.x</h2>
            </div>
          </div>
        </div>
      </a>
    </div>

  </div>
</div>