screenshots.html

---
layout: centered
title: Screenshots
permalink: /screenshots/
theme: yellow-light_blue
navitem: nav-screenshots
---

<style>
      img .initialized {
            z-index: 9999;
      }
</style>

<div class="mdl-grid">
      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
            <img class="materialboxed responsive-img z-depth-1" data-caption="Desktop"
                 src="{{ site.baseurl }}/images/screenshots/desktop1.png">
      </div>
      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
            <img class="materialboxed responsive-img z-depth-1" data-caption="Desktop"
                 src="{{ site.baseurl }}/images/screenshots/movie1.png">
      </div>
      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
            <img class="materialboxed responsive-img z-depth-1" data-caption="Frequent apps view"
                 src="{{ site.baseurl }}/images/screenshots/frequent_apps1.png">
      </div>
      <div class="mdl-cell mdl-cell--6-col mdl-cell--12-col-phone mdl-cell-12-col-tablet mdl-cell--1-offset-tablet">
            <img class="materialboxed responsive-img z-depth-1"
                 data-caption="Fluid, our framework for Material Design and Universal"
                 src="{{ site.baseurl }}/images/screenshots/fluid1.png">
      </div>
</div>