---
layout: default
title: Developing User Experience Design
---

<h1>{{ page.title }}</h1>
<div class="lead">Learn the basic frontend techniques to build wireframes and prototypes with code</div>

<nav class="row">
  <div class="col-md-6">
    <ul class="nav nav-pills nav-justified">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Workshop</a></li>
      <li><a href="#">Articles</a></li>
      <li><a href="#">Projects</a></li>
    </ul>
  </div>
</nav>

<article>
  <h1 class="text-center">Let's get started</h1>
  <div class="row">
    <section class="col-md-6 col-md-offset-3 panel panel-default panel-step">
      <header class="panel-heading">
        <h3 class="panel-title">Setup your computer</h3>
      </header>
      <section class="panel-body">
        Panel content
      </section>
    </section>
  </div>
</article>

---
layout: default
title: Developing User Experience Design
---

<h1>{{ page.title }}</h1>
<div class="lead">Learn the basic frontend techniques to build wireframes and prototypes with code</div>

<nav class="row">
  <div class="col-md-6">
    <ul class="nav nav-pills nav-justified">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Workshop</a></li>
      <li><a href="#">Articles</a></li>
      <li><a href="#">Projects</a></li>
    </ul>
  </div>
</nav>

<article>
  <h1 class="text-center">Let's get started</h1>
  <div class="row">
    <div class="col-md-6 col-md-offset-3">
      <section class="panel panel-default panel-step">
        <header class="panel-heading">
          <h3 class="panel-title">Setup your computer</h3>
        </header>
        <section class="panel-body">
          Panel content
        </section>
      </section>
    </div>
  </div>
</article>

Add extra element for col in panel
Add extra element for col in panel
