index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/png" href="/assets/titleicon.png" />
  <title>WonderTree - PoseCamera</title>

  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
    type="text/css">
  <link rel="stylesheet" href="https://static.pingendo.com/bootstrap/bootstrap-4.3.1.css">
  <link rel="stylesheet" href="assets/style.css">
</head>

<body>
  <nav class="navbar navbar-expand-md navbar-light">
    <div class="container"> <a class="navbar-brand text-primary" href="#"><img src="assets/logo-colour.png" width="150"
          class="d-inline-block align-top" alt=""></a> <button class="navbar-toggler navbar-toggler-right border-0"
        type="button" data-toggle="collapse" data-target="#navbar4">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbar4">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item"> <a class="nav-link" href="https://wondertree.co"><i class="fa fa-external-link"></i> Explore More </a> </li>
        </ul> <a  href="https://wonder-tree.github.io/PoseCamera-Docs" class="btn navbar-btn ml-md-2 btn-primary text-light">Documentation</a>
      </div>
    </div>
  </nav>

  <div class="section one">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <img src="assets/DSC1005-copy-scaled-1-1024x682.jpg">
        </div>
        <div class="col-md-6 d-flex align-items-center">
          <div class="meta">
            <h2>Physiotherapy and <br> Special Education</h2>
            <h3>Through Digital Play</h3>
            <a href="https://wondertree.co" class="btn btn-warning">Explore Now</a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section two">
    <div class="container">
      <div class="sponsors">
        <img src="/assets/google-for-startups-logo.png" class="sponsor">
        <img src="/assets/24bb38268caffa8a18fdede24fd5dff9.png" class="sponsor">
        <img src="/assets/Waqas-Mada-logo.png" class="sponsor">
        <img src="/assets/ignite-web-optimized.png" class="sponsor">
        <img src="/assets/Nest-IO-logo-web-optimized-png.png" class="sponsor">
      </div>
    </div>
  </div>

  <div class="section three">
    <div class="container">
      <h2>Using Human Pose Estimation <br> and AR to enhance physiotherapy</h2>
      <div class="row">
        <div class="col-md-4">
          <img src="assets/Balance It GIF.gif">
          <div class="info">
            <div class="badge badge-warning">Motor Games</div>
            <p>
              Helps Strengthen
            <ul>
              <li>Agility</li>
              <li>Balance</li>
              <li>Coordination</li>
              <li>Speed</li>
              <li>Reaction</li>
            </ul>
            </p>
          </div>
        </div>
        <div class="col-md-4">
          <img src="assets/What's The Time GIF.gif">
          <div class="info">
            <div class="badge badge-warning">Cognitive Games</div>
            <p>
              Helps Strengthen
            <ul>
              <li>Sustained attention</li>
              <li>Information processing speed</li>
              <li>Multiple simultaneous attention</li>
              <li>Working memory</li>
              <li>Pattern recognition</li>
            </ul>
            </p>
          </div>
        </div>
        <div class="col-md-4">
          <img src="assets/Alpha Trace capital GIF.gif">
          <div class="info">
            <div class="badge badge-warning">Educational Games</div>
            <p>
              Helps Strengthen
            <ul>
              <li>Phonics</li>
              <li>English alphabets</li>
              <li>Basic arthimatic</li>
              <li>Critical thinking</li>
              <li>Memory</li>
            </ul>
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="section four">
    <div class="container text-center">
      <h2> Explore our Open-source <br> <b>Human Pose Estimation</b> SDK</h2>
      <p> Our SDK (Software Development Kit) named as `PoseCamera` is a python package 
        which provides fast Human Pose Estimation using normal RGB camera. 
        Its optimized for low edge devices means you can run it on cpu device easily 
        unlike other Human Pose Estimation deep learning solutions which requires heavy 
        GPU's to run the software. You can build pretty simple games which helps 
        the inclusion community and become the part of our community.</p>
      <a href="https://wonder-tree.github.io/PoseCamera-Docs/" target="_blank" class="btn btn-warning btn-lg">
         <i class="fa fa-github"></i> Visit Github
      </a>
    </div>
  </div>

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
    crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
    integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
    crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
    crossorigin="anonymous"></script>
</body>

</html>