Stretch-Timer/index.html at master · ssstrieu/Stretch-Timer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Stretch Break!</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link href="css/style.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Poiret+One|Exo:400,700' rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" type="image/x-icon" href="img/icon.ico" />
  </head>

  <body>
    <div class='nav'>
            <a href="index.html">HOME</a>
            <a href="about.html">ABOUT</a>
        </div>
    <div class='wrapper'>
        <h1>Want to Avoid Carpal Tunnel? </h1>
        <h3>But don't have the discipline?</h3>
        <p>This is the nag machine for you! </p>

          <p>In a world where millions of deadlines are vying for your attention, it's easy to neglect the invaluable hands&arms critical to our everyday function. Avoid RSI's (Repetitive Strain Injuries) and eye strain with these friendly auto-reminders and exercises!</p><br/>

          <label for='focusArea'>Show Me Exercises For: </label>
          <select id='focusArea'>
            <option value='all'>All</option>
            <option value='forearm'>Forearm</option>
            <option value='neck'>Neck</option>
            <option value='back'>Back</option>
            <option value='eye'>Eye</option>
          </select>

         <a id='nextPage' href="stretch.html"><div id='timerStart' class='btn btn-success'> <span class='glyphicon glyphicon-off'></span> Start Stretch Timer!</div></a>
       </div>


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>