-
Notifications
You must be signed in to change notification settings - Fork 0
/
negative.html
157 lines (152 loc) · 4.43 KB
/
negative.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Diabetes Diagnosis</title>
<link rel="stylesheet" href="./public/css/icon.css" />
<link rel="stylesheet" href="./public/css/icon2.css" />
<link rel="stylesheet" href="./public/css/styles.css" />
</head>
<body>
<!-- Overall grid system for the site -->
<div class="grid-positive">
<!-- header including navigation and hero -->
<header class="positive__header">
<!-- site navigation -->
<nav class="navigation">
<div class="navigation__brand">
<a href="index.html">
<img
src="./public/images/logo-nav.svg"
alt="Brand Logo"
class="navigation__brand--image"
/>
</a>
</div>
<!-- Links -->
<ul class="navigation__list">
<li class="navigation__list-items">
<a href="#" class="navigation__link navigation__link--active"
>Home</a
>
</li>
<li class="navigation__list-items">
<a href="#" class="navigation__link">About</a>
</li>
<li class="navigation__list-items">
<a href="#" class="navigation__link">Contact Us</a>
</li>
</ul>
<a href="#" class="cta navigation__btn">Log out</a>
</nav>
<!-- end of navigation -->
<!-- Hero session -->
<div class="positive-hero">
<div class="positive-hero__message">
<h1 class="positive-hero__message--heading"><span>R</span>eport</h1>
<p class="positive-hero__message--body">
<a href="index.html">← Back Home</a>
</p>
</div>
</div>
<!-- End of Hero -->
</header>
<!-- End of header -->
<!-- Report Begin -->
<section class="positive__report">
<div class="positive__report--header">
<h2>Your Report is Negative</h2>
</div>
<div class="positive__report--body">
<p>
From the submitted parameters, Our system has determined that you
are <span>Not</span> diabetic.
</p>
<p>
This is good news, however diabetes is a result of lifestyle choices
</p>
<p>
Here are some <span>suggestions</span> as to how you can maintain
yuor status of being diabetes free:
</p>
<ul>
<li>
<i class="icon-basic-alarm"></i>
Check your blood sugar level at least twice a day
</li>
<li>
<i class="icon-basic-book-pencil"></i>
Track your carbohydrates.
</li>
<li>
<i class="icon-basic-mixer2"></i>
Control your blood pressure, cholesterol, and triglyceride levels.
Keep track of those numbers
</li>
<li>
<i class="icon-basic-heart"></i>
Lose Extra weight, get a doctor, dietitian and a fitness trainer
</li>
<li>
<i class="icon-basic-battery-charge"></i>
When you are sleep deprived, you tend to eat more. Get enough
sleep.
</li>
<li>
<i class="icon-basic-calendar"></i>
Do a complete check up at least once every year.
</li>
<li>
<i class="icon-basic-spread-text-bookmark"></i>
Get A1c blood tests to find out your average blood sugar for the
past 2 to 3 months
</li>
</ul>
</div>
</section>
<!-- Report end -->
<footer class="site__footer">
<div class="footer__brand">
<img
src="./public/images/logo-nav.svg"
class="footer__brand--image"
alt=""
/>
<p class="footer__brand--text">
We offer a quick and smart system. Patients can trust a 100%
efficient system with their health needs, diagnosis and prescription
without meeting the doctor physically
</p>
</div>
<div class="footer__contact">
<h3 class="footer__contact--head">
Contact Us
</h3>
<ul class="footer__contact--list">
<li class="footer__contact--list-item">
<span>Address:</span> Babcock University
</li>
<li class="footer__contact--list-item">
<span>Phone:</span> 08042534428
</li>
<li class="footer__contact--list-item">
<!-- icon -->
<span>Email:</span> name@email.com
</li>
</ul>
</div>
<div class="footer__links">
<h3 class="footer__links--head">
Useful Links
</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="positive.html">About us</a></li>
<li><a href="">Take Test</a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>