about.html

---
layout: default
title: About FoodSpan
permalink: /about/
---
<div class="main main-raised" style="padding-top:100px;">
  <div class="container">
    <div class="text-center animated fadeInDown">
      <h2 class="title">Product Overview</h2>
      <h5 class="description"><b>Fresh</b> off the juice press.</h5>
    </div>
    <div class="text-center">
      <img class="img-responsive img-thumbnail" src="{{site.baseurl}}/img/model.png" alt="3D Model Preview of what FoodSpan looks like" />
      <p>
        <small>The FoodSpan Core</small>
      </p>
    </div>
    <div class="row">
      <div class="col-sm-6 animated fadeInLeft">
        <img class="img-responsive" src="{{site.baseurl}}/img/shop/control-panel-labelled.png" alt="Control Panel Diagram"/>
      </div>
      <div class="col-sm-6">
        <h2 class="title text-center">Control Panel</h2>
        <p>
          The Control Panel is the core of your FoodSpan experience. You register tags by swiping them past our scan pad, and then pressing a few buttons so we can deliver you a recommended spoilage date. In addition, the display shows you what tags you have in your fridge, and what's about to spoil soon.
        </p>
      </div>
    </div>
    <div class="row" style="padding-top:20px;">
      <div class="col-sm-6 col-sm-push-6  animated fadeInRight">
        <img class="img-responsive img-thumbnail" src="{{site.baseurl}}/img/shop/tags/11-20.png" alt="Tags Diagram"/>
      </div>
      <div class="col-sm-6 col-sm-pull-6">
        <h2 class="title text-center">Tags</h2>
        <p>
          The FoodSpan Tags are what you put on your food containers or bags. Simply attach the tag to you container, swipe it past the scan pad, press a category button, and voila! Your item is now registered in your FoodSpan fridge. The tags are uniquely patterned and numbered, making them easy to distinguish from a distance.
        </p>
      </div>
    </div>
    <div class="row" style="padding-top:20px;">
      <div class="col-sm-6 animated fadeInLeft">
        <img class="img-responsive" src="{{site.baseurl}}/img/laptop-panel.png" alt="WebSpan Preview"/>
      </div>
      <div class="col-sm-6">
        <h2 class="title text-center">WebSpan</h2>
        <p>
          WebSpan acts as your Control Panel away from your fridge, available anywhere with internet access. WebSpan knows everything your Control Panel does: what's in your fridge, and what's about to spoil. It gives you an overview for all your panels and all your tags, all from the power and convenience of the web.
        </p>
        <p>
          <a class="btn btn-round btn-info" href="{{site.webspanurl}}">Try it out <span class="sr-only">Try out the Web Application Online</span></a>
        </p>
      </div>
    </div>
    <div class="row" style="padding-top:20px;">
      <div class="col-sm-6 col-sm-push-6  animated fadeInRight">
        <img class="img-responsive" src="{{site.baseurl}}/img/phone-dash-half.png" alt="Mobile App Preview"/>
      </div>
      <div class="col-sm-6 col-sm-pull-6">
        <h2 class="title text-center">Mobile Companion App</h2>
        <p>
          The FoodSpan Mobile Companion App gives you information about your fridge, all from the tap of your finger. Designed to be mobile-friendly, the Companion App lets you check in on what's in your fridge, and can notify you which tags are about to spoil. Just like the WebSpan app, you can get a mobile overview for all of your panels and tags.
        </p>
        <p>
          <a class="btn btn-round btn-info" href="https://foodspan.github.io/foodspan-app/">Learn more <span class="sr-only">Visit our FoodSpan Companion App Web Page</span></a>
        </p>
      </div>
    </div>
  </div>
</div>