about.html

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
  <meta property="og:url" content="http://sensorweb.io">
  <meta property="og:site_name" content="SensorWeb">
  <meta property="og:title" content="Sharing IoT data to solve real world problems">
  <meta property="og:description" content="SensorWeb is an open data platform for IoT. Share data from IoT devices without coding. Our platform allows you to create REST APIs through a Web interface.">
  <meta property="og:image" content="http://sensorweb.io/images/promotion_01.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="1200">
  <meta property="og:image" content="http://sensorweb.io/images/promotion_02.png">
  <meta property="og:image:type" content="image/png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="1200">
  <meta property="twitter:title" content="SensorWeb">
  <meta property="twitter:description" content="SensorWeb is an open data platform for IoT. Share data from IoT devices without coding. Our platform allows you to create REST APIs through a Web interface.">
  <meta property="twitter:image:src" content="http://sensorweb.io/images/promotion_01.png">
  <meta property="twitter:image:width" content="1200">
  <meta property="twitter:image:height" content="1200">
  <title>About</title>
  <link rel="icon" type="image/x-icon" href="images/favicon.ico">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/about.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
  
  <ul id="dropdown" class="dropdown-content">
    <li><a href="about.html">English Version</a></li>
    <li class="divider"></li>
    <li><a href="tw/about.html">中文版</a></li>
  </ul>
  <div class="navbar-fixed">
    <nav class="teal" role="navigation">
      <div class="nav-wrapper container">
        <a id="logo-container" href="/" class="brand-logo">SensorWeb</a>
        <ul class="right hide-on-med-and-down">
          <li><a href="projects.html">Projects</a></li>
          <!-- <li><a href="documentation.html">Documentation</a></li> -->
          <li><a href="http://blog.sensorweb.io">Blog</a></li>
          <li class="active"><a href="about.html">About</a></li>
          <!-- Dropdown Trigger -->
          <!-- <li><a class="dropdown-button" href="#!" data-activates="dropdown">EN<i id="arrow" class="material-icons right">arrow_drop_down</i></a></li> -->
          <!-- <li class="login"><a href="user-detail.html">Log In</a></li> -->
          <!-- <li>
            <div id="tabzilla">
              <a href="https://www.mozilla.org/en-US/" data-link-type="nav" data-link-name="tabzilla">Mozilla</a>
            </div>
          </li> -->
        </ul>
        <!-- Mobile Navigation -->
        <ul id="nav-mobile" class="side-nav">
          <li><a href="projects.html">Projects</a></li>
          <!-- <li><a href="documentation.html">Documentation</a></li> -->
          <li><a href="http://blog.sensorweb.io">Blog</a></li>
          <li><a href="about.html">About</a></li>
          <!-- <li><a href="user-detail.html">Log In</a></li> -->
        </ul>
        <a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
      </div>
    </nav>
  </div>

  <div id="page-container">
  <!-- <div id="about-us" class="container projects">
    <div class="section">
      <div class="row">
          <div class="col s12 l8 offset-l2">
            <h3 class="center-align">About Us</h3>
            <p class="contents">
              SensorWeb is an open data platform for IoT. Share data from IoT devices without coding. Our platform allows you to create REST APIs through a Web interface.
            </p>
          </div>
        </div>
    </div>
  </div> -->
  <div id="our-team">
    <div class="section">
    <div class="container row">
      <h3 class="center">Our Team</h3>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/evanxd">
              <img src="https://avatars3.githubusercontent.com/u/3013038">
            </a>
          </div>
        </div>
        <p class="card-name">Evan Tseng</p>
        <p class="card-name-title">Full Stack Developer</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://mozillians.org/en-US/u/chsiang/">
              <img src="https://avatars2.githubusercontent.com/u/12151568">
            </a>
          </div>
        </div>
        <p class="card-name">Cindy Hsiang</p>
        <p class="card-name-title">Product Manager</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/youwenliang">
              <img src="https://avatars0.githubusercontent.com/u/8919308">
            </a>
          </div>
        </div>
        <p class="card-name">Mark Liang</p>
        <p class="card-name-title">UX Designer</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/steveck-chung">
              <img src="https://avatars3.githubusercontent.com/u/1704452">
            </a>
          </div>
        </div>
        <p class="card-name">Steve Chung</p>
        <p class="card-name-title">Front-end Developer</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/yshlin">
              <img src="https://avatars1.githubusercontent.com/u/936571">
            </a>
          </div>
        </div>
        <p class="card-name">Eddie Lin</p>
        <p class="card-name-title">Product Marketing, Device Developer</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/chianger">
              <img src="https://avatars0.githubusercontent.com/u/9859809">
            </a>
          </div>
        </div>
        <p class="card-name">Wesley Huang</p>
        <p class="card-name-title">Project Manager</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/PekoChen">
              <img src="https://avatars3.githubusercontent.com/u/8252151">
            </a>
          </div>
        </div>
        <p class="card-name">Peko Chen</p>
        <p class="card-name-title">Visual Designer</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://mozillians.org/en-US/u/kinger/">
              <img src="images/bking.jpg">
            </a>
          </div>
        </div>
        <p class="card-name">Brian King</p>
        <p class="card-name-title">Participation</p>
      </div>
      <div class="col s12 l2 m4">
        <div class="card">
          <div class="card-image">
            <a href="https://github.com/dylano">
              <img src="https://avatars0.githubusercontent.com/u/2423092">
            </a>
          </div>
        </div>
        <p class="card-name">Dylan Oliver</p>
        <p class="card-name-title">Engineering Manager</p>
      </div>
    </div>
    </div>
  </div>
  <div id="contributors">
    <div class="section">
      <div class="container row">
        <h3 class="center">Contributors</h3>
        <div class="col s12 l2 m4">
          <div class="card">
            <div class="card-image">
              <a href="https://github.com/sandra-sie">
                <img src="https://avatars2.githubusercontent.com/u/6790296">
              </a>
            </div>
          </div>
          <p class="card-name">Sandra Sie</p>
        </div>
        <div class="col s12 l2 m4">
          <div class="card">
            <div class="card-image">
              <a href="https://github.com/kakashistudio">
                <img src="https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-1/c40.12.144.144/166219_1474917126408_2448958_n.jpg?oh=afc669575fdd4fbe279f5a8ef395a398&oe=57E63D0B">
              </a>
            </div>
          </div>
          <p class="card-name">Kakashi Chen</p>
        </div>
        <div class="col s12 l2 m4">
          <div class="card">
            <div class="card-image">
              <a href="https://github.com/jesstseng">
                <img src="https://avatars2.githubusercontent.com/u/18359694">
              </a>
            </div>
          </div>
          <p class="card-name">Jess Tseng</p>
        </div>
        <div class="col s12 l2 m4">
          <div class="card">
            <div class="card-image">
              <a href="mailto: sanchallenge@gmail.com">
                <img src="./images/contributors/sanchallenge.jpg">
              </a>
            </div>
          </div>
          <p class="card-name">Sanchallenge</p>
        </div>
        <div class="col s12 l2 m4">
          <div class="card">
            <div class="card-image">
              <a href="https://github.com/john-hu">
                <img src="https://avatars3.githubusercontent.com/u/6179015">
              </a>
            </div>
          </div>
          <p class="card-name">John Hu</p>
        </div>
        <div class="col s12 l2 m4">
          <div class="card">
            <div class="card-image">
              <a href="https://mozillians.org/u/bobchao">
                <img src="https://mozillians.org/media/uploads/sorl-cache/83/d4/83d48b9ac81c4be96d05cf8f99692444.jpg">
              </a>
            </div>
          </div>
          <p class="card-name">Bob Chao</p>
        </div>
      </div>
    </div>
  </div>
  <!-- <div id="faq" class="container">
    <div class="section">
        <div class="row">
          <div class="col s12 l8 offset-l2">
            <h3 class="center">FAQ</h3>
            <h5>What is sensorweb?</h5>
            <p class="contents">Please see the index plage</p>
          </div>
        </div>
        <div class="row">
          <div class="col s12 l8 offset-l2">
            <h5>What is pl2 m3.5 project?</h5>
            <p class="contents">Please see pilot project page</p>
          </div>
        </div>
        <div class="row">
          <div class="col s12 l8 offset-l2">
            <h5>What kind of knowledge do I need to contribute this project?</h5>
            <p class="contents">Any kind of still is fine!</p>
          </div>
        </div>
    </div>
  </div> -->

  <!-- Modal Structure -->
  <div id="google-sign-in-modal" class="modal">
    <div class="modal-content">
      <h4>Login to your account</h4>
      <p>Please give us your preferred ID and sign in with google account</p>
      <div class="input-field">
        <input id="user-id" type="text" class="validate" aria-required="true" required="">
        <label for="user-id">User ID</label>
      </div>
      <div class="g-signin2 center" data-onsuccess="onSignIn"></div>
    </div>
  </div>
  </div>

  <!-- Footer -->
  <footer class="page-footer teal">
    <div class="container">
      <div class="row">
        <div class="col l3 s12">
          <a href="http://mozilla.org" target="_blank"><img class="logo-mozilla" src="images/footer-mozilla-white.png"/></a>
        </div>
        <div class="col l3 s12">
          <h5 class="white-text head">SensorWeb</h5>
          <ul>
            <li><a class="white-text" href="https://github.com/sensor-web" target="_blank">GitHub</a></li>
          </ul>
        </div>
        <div class="col l3 s12">
          <h5 class="white-text head">Connect</h5>
          <ul>
            <li><a class="white-text" href="https://wiki.mozilla.org/SensorWeb" target="_blank">Wiki</a></li>
            <li><a class="white-text" href="https://wiki.mozilla.org/Connected_Devices/Participation" target="_blank">Participation</a></li>
          </ul>
        </div>
        <div class="col l3 s12">
          <h5 class="white-text head">Contact Us</h5>
          <ul>
            <li><a class="white-text" href="mailto:sensorweb@mozilla.com" target="_blank">sensorweb@mozilla.com</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
      Made by <a class="brown-text text-lighten-3" href="http://materializecss.com">Materialize</a>
      </div>
    </div>
  </footer>
  
  <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
  <script src="https://apis.google.com/js/platform.js" async defer></script>
  <script src="https://apis.google.com/js/client.js"></script>
  <script src="js/materialize.min.js"></script>
  <script src="js/init.js"></script>
  <script src="js/auth-utils.js"></script>
  <script src="js/about.js"></script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-75308712-1', 'auto');
    ga('send', 'pageview');
  </script>
</body>
</html>