-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathdashboard.html
139 lines (121 loc) · 5.78 KB
/
dashboard.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>HealthSystem | Get Started</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<link rel="stylesheet" type="text/css" href="static/css/aboutus.css">
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/carousel/">
<style>
body {
padding-top: 3.5rem;
}
nav {
font-family: sans-serif;
}
.navbar-brand {
font-size: 20px;
font-family: Georgia, 'Times New Roman', Times, serif;
}
</style>
</head>
<body>
<form id="form1">
<header>
<!--Navigation Bar-->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="#"><b>HEALTH SYSTEM</b></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="/dashboard">Get Started</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/disindex">Disease Index</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/chatbot">Health Bot</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/diabetes">Diabetes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/kidney">Kidney Disease</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/heart">Heart Disease</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/liver">Liver Disease</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/cancer">Breast Cancer</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">|</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/logout">Logout</a>
</li>
</ul>
</div>
</nav>
<main role="main">
<div class="jumbotron">
<div class="container">
<h1 class="display-4">Hello! Lets Get Started with HealthSystem</h1>
<p>Welcome to HealthSystem!, a risk assessment system for medical institutions to generate risk assessments for their patients. RiskAssess started off as a company that formed strong relationships with medical institutions to help them generate their assessments with ease and maximum efficiency thus saving the organization's valuable time.
Click below to learn about the diseases that RiskAssess is capable of assessing.</p>
<p><a class="btn btn-primary btn-lg" href="/disindex" role="button">Get Started »</a></p>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<h2>1. Cancer Prediction</h2>
<p>Navigate to the "Cancer" section and add the corresponding details and click on predict to learn whether the patient is at the risk of this illness/disease.</p>
</div>
<div class="col-md-4">
<h2>2. Diabetes Prediction</h2>
<p>Navigate to the "Diabetes" section and add the corresponding details and click on predict to learn whether the patient is at the risk of this illness/disease.</p>
</div>
<div class="col-md-4">
<h2>3. Heart Disease</h2>
<p>Navigate to the "Heart Disease" section and add the corresponding details and click on predict to learn whether the patient is at the risk of this illness/disease.</p>
</div>
</div>
<br>
<div class="row">
<div class="col-md-4">
<h2>4. Kidney Disease</h2>
<p>Navigate to the "Kidney Disease" section and add the corresponding details and click on predict to learn whether the patient is at the risk of this illness/disease.</p>
</div>
<div class="col-md-4">
<h2>5. Liver Disease </h2>
<p>Navigate to the "Liver Disease" section and add the corresponding details and click on predict to learn whether the patient is at the risk of this illness/disease.</p>
</div>
<div class="col-md-4">
<h2>6. Disease Index</h2>
<p>Navigate to the "Disease Index" section and gain in-depth information about each of these diseases.</p>
</div>
</div>
</div>
<hr>
</div>
</main>
<footer class="container">
<p>©healthsystem. All Rights Reserved</p>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="../assets/js/vendor/jquery.slim.min.js"><\/script>')</script><script src="../assets/dist/js/bootstrap.bundle.js"></script>
</form>
</body>
</html>