<%- include('../partials/header') %>
  <section id="navigation">
    <nav class="navbar navbar navbar-dark bg-dark">
      <a class="navbar-brand" href="home"><i class="fab fa-opera"></i>ptimizedHealth</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="ml-auto navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="nutrition">Nutrition</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="sleep">Sleep</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="fitness">Fitness</a>
          </li>
          
          <li class="nav-item">
            <a class="nav-link" href="trending">Trending</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="about">About</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="profile">Dashboard</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="/">Register!</a>
          </li>
        </ul>
      </div>
    </nav>
  </section>
  
    <div class="about-banner">
      <br><br>
      <div class="container">
        <h1 class="about-banner-text">About</h1>
      </div>
    </div>
    <br>
    <div class="container">
      <div class="row">
        <div class="col-4">
          <div class="jumbotron">
            <h3>Our Mission</h3>
            <p>
              OptimizedHealth is an all-in-one stop for users to check up on their mental and physical health.
              Streamlined for both efficiency and simplicity, we hope to provide the service you deserve.
              This project was made for CSCI3308 at CU Boulder.
            </p>
          </div>
        </div>
        <div class="col-8">
          <div class="jumbotron">
            <h3>Meet Our Team</h3><br>
            <div class="container">
              <div class="row">
                <!-- picture -->
                <div class="col-2">
                  <img class="about-image" src="../img/Vignesh.PNG" alt="Picture here">
                </div>
                <!-- description and links -->
                <div class="col-4">
                  <h5>Vignesh Chandrasekhar</h5>
                  <p>Developer</p>
                  <p><a href="https://vigneshchandrasekhar.herokuapp.com">Website</a></p>
                  <p><a href="https://github.com/ViggyC" target="_blank">GitHub</a></p>
                  <p><a href="https://www.linkedin.com/in/vignesh-chandrasekhar-780818199/" target="_blank">LinkedIn</a></p>
                </div>
                <!-- picture -->
                <div class="col-2">
                  <img class="about-image" src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d3/Colorado_Buffaloes_logo.svg/1200px-Colorado_Buffaloes_logo.svg.png" alt="Picture here">
                </div>
                <!-- description and links -->
                <div class="col-4">
                  <h5>Leah Dillard</h5>
                  <p>IAFS/CS Student</p>
                  <p><a href="#">ledi3576@colorado.edu</a></p>
                </div>
              </div>
              <hr>
              <div class="row">
                <!-- picture -->
                <div class="col-2">
                  <img class="about-image" src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d3/Colorado_Buffaloes_logo.svg/1200px-Colorado_Buffaloes_logo.svg.png" alt="Picture here">
                </div>
                <!-- description and links -->
                <div class="col-4">
                  <h5>Finbar Forward</h5>
                  <p>Description (Optional)</p>
                  <p><a href="#">Contact link</a></p>
                </div>
                <!-- picture -->
                <div class="col-2">
                  <img class="about-image" src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d3/Colorado_Buffaloes_logo.svg/1200px-Colorado_Buffaloes_logo.svg.png" alt="Picture here">
                </div>
                <!-- description and links -->
                <div class="col-4">
                  <h5>Jamal Giornazi</h5>
                  <p>Description (Optional)</p>
                  <p><a href="#">Contact link</a></p>
                </div>
              </div>
              <hr>
              <div class="row">
                <!-- picture -->
                <div class="col-2">
                  <img class="about-image" src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d3/Colorado_Buffaloes_logo.svg/1200px-Colorado_Buffaloes_logo.svg.png" alt="Picture here">
                </div>
                <!-- description and links -->
                <div class="col-4">
                  <h5>Evie Lee</h5>
                  <p>Description (Optional)</p>
                  <p><a href="#">Contact link</a></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
<%- include('../partials/footer') %>