bh2016-iceps/features.html at master · compsat/bh2016-iceps · 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Due Now | Features</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="icon" type="image/x-icon" href="img/favicon.ico">
  </head>
  <body>
    <header class="mainHeader">
        <a href="index.html"><img src="img/logo.png" alt="Due Now" class="topNav_logo"></a>
      <nav class="topNav">
        <ul class="topNav_list">
          <li class="topNav_item"><a href="index.html#login">Login</a></li>
          <li class="topNav_item cta"><a href="index.html#signup">Sign Up</a></li>
        </ul>
      </nav>
    </header>
    <main class="wrapper">
      <div id="features">
        <h1>Due Now guides you in planning your week right.</h1>
        <div class="service">
          <img src="img/feature1.png">
          <div class="feature_description">
            <h2>Set priority and difficulty.</h2>
            <p>Avoid the hassle of having to constantly schedule your tasks in a certain period of time. Just <strong>specify your tasks&rsquo; level of difficulty and priority</strong> as you input your tasks into the app, and let the app do the categorizing ans scheduling for you.</p>
          </div>
        </div>
        <div class="service">
          <div class="feature_description">
            <h2>Get notified of deadlines.</h2>
            <p><strong>Get desktop notifications</strong> whenever deadlines are near, or when there are postponed tasks that are should be finished already.</p>
          </div>
          <img src="img/feature2.png">
        </div>
        <div class="service">
          <img src="img/feature3.png">
          <div class="feature_description">
            <h2>Know when to start your tasks.</h2>
            <p>Be able to plan out your strategy in conquering that giant pile of work by <strong>knowing the most efficient time to start your tasks</strong>. Aside from the wide array of possible times to start derived from your tasks&raquo; details, you can also set the time and make it work for you.</p>
          </div>
        </div>
        <div class="service">
          <div class="feature_description">
            <h2>Get to know your work ethics.</h2>
            <p>Know the average amount of time it takes for you to finish a certain type of task through your past finished tasks and <strong>be informed of how long it takes you to do it</strong>.</p>
          </div>
          <img src="img/feature4.png">
        </div>

      </div>

      <footer>
        <div class="links">
          <a href="about.html">About</a>
          <a href="features.html">Features</a>
        </div>
        <img src="img/logo-circle.png">
        <div class="social_media">
          <a href="#"><i class="fa fa-facebook-square"></i></a>
          <a href="#"><i class="fa fa-twitter-square"></i></a>
          <a href="https://github.com/compsat/bh2016-ICEPs"><i class="fa fa-github-square"></i></a>
          <a href="mailto: chi.senires@gmail.com?Subject=Due%20Now"><i class="fa fa-envelope-square"></i></a>
        </div>
      </footer>
    </main>
    <script src="js/jquery-2.1.4.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>