-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfeatures.html
160 lines (145 loc) · 8.17 KB
/
features.html
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
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="css/featurepage.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="components/gliderjs/glider.min.css">
<title>LIFEGPA - Features!</title>
<link rel="icon" href="../assets/favicon/favicon.png" type="image/png" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body class="container-secondary height-grow">
<header class="header">
<a href="/" class="brand-logo">
<img src="../assets/images/life_gpa_logo.png"
alt="Yellow square containing a darker colored stair with three steps.">
<div class="brand-logo-name"><span class="brand-logo-name-bold">LIFE</span>GPA</div>
</a>
<nav class="nav">
<ul class="nav-links">
<li><a href="features.html">Features</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="https://wizardly-swirles-432569.netlify.com/login">Log In</a></li>
</ul>
<div class="burger">
<div class="line-one"></div>
<div class="line-two"></div>
<div class="line-three"></div>
</div>
</nav>
</header>
<section class="features-main-section">
<h1 class="title">Why Use <span class="accent"><span class="bold">LIFE</span>GPA</span> To Keep Track Of <span
class="accent">Yourself</span> ?</h1>
<div class="glider-contain multiple">
<button class="glider-prev">
<i class="fa fa-chevron-left"></i>
</button>
<div class="glider">
<div><img src="../assets/images/carousel/health-app.png"></div>
<div><img src="../assets/images/carousel/health-fitness.png"></div>
<div><img src="../assets/images/carousel/health-food.png"></div>
<div><img src="../assets/images/carousel/health-outdoor.png"></div>
</div>
<button class="glider-next">
<i class="fa fa-chevron-right"></i>
</button>
<div id="dots" class="glider-dots"></div>
</div>
<div class="tabs">
<div class="tabs-links">
<div class="tabs-link tabs-link-selected" data-tab="1">Be Happier</div>
<div class="tabs-link" data-tab="2">Be Healthy</div>
<div class="tabs-link" data-tab="3">Be Fit</div>
<div class="tabs-link" data-tab="4">Be Informed</div>
</div>
<div class="tabs-items">
<div class="tabs-item tabs-item-selected" data-tab="1">
<div class="tabs-item-title"><span class="accent">If you gave your life a grade now, what would it
be?</span></div>
<div class="tabs-item-description">
Did you ever think about this? If so, you are one of very few people as most humans stumble
through this world caring about
much but often forgetting about
their own happiness and their quality of life. We from LIFEGPA think that keeping track of your
happiness level is as important
if not even more important than your dentists appointment. In times where the number of people
living with depression and
other mental diseases are skyrocketing it becomes more important to assess the quality
of your life. With LIFEGPA you
can be sure to never ever forget about this important factor in your life again. Just define
what activities and metrics
you think belong to a happy life and we make sure to remind you of always living to the best
quality that life offers you.
</div>
</div>
<div class="tabs-item" data-tab="2">
<div class="tabs-item-title"><span class="accent">Are you satisfied with your current health
status?</span></div>
<div class="tabs-item-description">
Health is something that once received cracks is not that easily repaired. It is one of the
crucial parts in your life to take
care of yourself and don't become deseased of any kind. While often some diseases are not a
noticable part in life the mindset
and actions of not caring enough about your own health will often lead to many more ofter the
span of your life. That is why
it is needed to train yourself a healthy routine. With LIFEGPA we will remind you accordingly to
your whishes what you can
do to stay healthy and be in the best shape you can be.
</div>
</div>
<div class="tabs-item" data-tab="3">
<div class="tabs-item-title"><span class="accent">Beeing fit is not just a doctors thing!</span>
</div>
<div class="tabs-item-description">
Often the frequently available and fast consumed food on the way during a public transportation
ride or just when finishing
the usual grocery purchasement is forgetten fast. This lifestyle combined with a low amount of
movements and activies per day
will lead a human into a downwards spiral of an unhealthy and fat stimulating behaviour. While
bodyfat is often considered
beeing funny it is a life restricting and life quality lowering sympton where you pay double,
with your health and with your
finance. Beeing fit often just is as easy learning a new behaviour where you eat a bit less and
move a bit more. We make sure
you will do that so you will feel great everyday.
</div>
</div>
<div class="tabs-item" data-tab="4">
<div class="tabs-item-title"><span class="accent">Keeping track of Yourself was never easier!</span>
</div>
<div class="tabs-item-description">
In the era of information it was never easier to assess yourself and use this data to improve
on. With LIFEGPA you will receive
several metric with daily reminders to stay within the goalposts and boundaries you consider for
yourself a good life quality.
We provide simple and effective visualizations that don't require you to be statistician and
don't rob your time. Always keep
track on activity you could still do to improve your life in the long run and how your current
GPA of your life quality is. You can decide if you want to check your GPA of your habits
averaged
over the past 30, 60 or 90 days.
</div>
</div>
</div>
</div>
</section>
<script src="components/gliderjs/glider.min.js"></script>
<script src="js/nav-feature.js"></script>
<script src="js/tabs.js"></script>
<script type="text/javascript">
new Glider(document.querySelector('.glider'), {
slidesToShow: 1,
dots: '#dots',
draggable: true,
arrows: {
prev: '.glider-prev',
next: '.glider-next'
}
});
</script>
</body>
</html>