<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
  <title>Nirogi</title>
  <link rel="stylesheet" href="stylesheets/index.css">
  <style>
    #id1 {
      text-align: center;
      padding: 10px;
    }
    #id2 {
      text-align: center;
      padding: 10px;
    }
    #score {
      text-align: center;
      color: #4b7a47;
      padding: 10px;
    }
    #heading {
      text-align: center;
    }
    #id3 {
      padding: 10px;
      color: red;
    }
    #id4 {
      color: red;
      font-weight: bold;
    }
  </style>
</head>

<body>
  <nav class="navbar navbar-expand-sm">
    <a class="navbar" href="/">
      <h1>Nirogi</h1>
    </a>
    <div class="navbar-collapse">
      <ul class="mr-auto"></ul>
      <a href="/login"><button class="btn login" type="submit">Login</button></a>
    </div>
  </nav>
  <div class="container">
    <h1 id="heading">
      <span id="id1">You have completed the test!</span><br><br>
      <span id="id2">Your score is <span id="score">
          <%= score%>
        </span> <br></span>
      You have
      <span id="id3">
        <% if(score>= 0 && score <= 10){ %>
            <span> to drastically change your lifestyle.</span>
            <% } %>
              <% if(score>= 11 && score <= 20){ %>
                  <span> to slighly change your lifestyle.</span>
                  <% } %>
                    <% if(score>= 21 && score <= 30){ %>
                        <span> a perfect lifestyle.</span>
                        <% } %>
      </span>
    </h1> <br><br><br>
    <p>
      <strong>Here are some useful videos and articles which can help you:</strong> <br>
      <a href="https://www.themuse.com/advice/16-small-ways-you-can-improve-your-life-in-less-than-30-minutes"
        class="link"> How to improve your lifestyle in 30 minutes. </a><br>
      <a href="https://www.forbes.com/sites/francesbridges/2018/12/30/7-ways-to-improve-your-life-in-2019"
        class="link">New habits to improve your lifestyle.</a> <br>
      <a href="https://www.niddk.nih.gov/health-information/diet-nutrition/changing-habits-better-health"
        class="link">Changing Your Habits for Better Health. </a> <br>
      <a href="https://www.youtube.com/watch?v=qUfWOT3ZujY&ab_channel=TEDxTalks" class="link">Tedx Talk on Exercise,
        Nutrition, and Health. </a> <br>
    </p>

    <span id="warning">
      <span id="id4">Warning:</span> This is just a prototype and is, by no means, exhaustive in its diagnostics. If you
      think you are not feeling well,
      please seek professional guidance!
    </span>
  </div>

  <footer>
    <div class="row">
      <div class="col-3">Copyright &#169 2020</div>
      <div class="col-3 "></div>
      <div class="col-3"></div>
      <div class="col-3">
        <a href="https://www.linkedin.com/in/shubham-jain-79b74712a/"><img id="linked" src="logos/linked.png"
            alt=""></a>
        <a href="https://github.com/shubham00jain"><img src="logos/github.png" alt="" id="git"></a>
      </div>
    </div>
  </footer>
</body>
</html>
