forked from KiranAminPanjwani/MedStats
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (106 loc) · 4.52 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="Shortcut Icon" type="image/ico" href="images/favicon.svg">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MedStats</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="./css/style.css"> <!-- Your custom CSS file -->
<link rel="stylesheet" href="./css/verticalScroll.css">
<link rel="stylesheet" href="./css/scrollTop.css">
</head>
<body>
<!-- NavBar -->
<nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
<a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px;">
<!-- <img src="./medicalLogo.png" /> -->
<i class="fa fa-stethoscope" style="font-size:30px;color:white"></i>
<img src="./images/logo-color.jpeg" alt="" width="130px">
</a>
<ul>
<li>Home</li>
<li>About</li>
<li><a href="contactUs.html">Contact Us</a></li>
<li><a href="login.html" style="color: white; text-decoration: none;">Login</a></li>
</ul>
</nav>
<!-- Section for Adding Health Records -->
<div class="container pt-4 mt-5 my-3">
<br>
<p class="text-center" id="subHead1"><b>Personal Health Journal</b></p>
<hr>
<!-- Modify your form to include unique IDs for input fields -->
<form id="MedicalForm">
<div class="form-group row">
<label for="PatientName" class="col-sm-2 col-form-label">Patient Name:</label>
<div class="col-sm-10 position-relative">
<input type="text" class="form-control" id="PatientNameInput" placeholder="Patient Name">
</div>
</div>
<div class="form-group row">
<label for="Symptoms" class="col-sm-2 col-form-label">Symptoms :</label>
<div class="col-sm-10 position-relative">
<input type="text" class="form-control" id="SymptomsInput" placeholder="Symptoms">
</div>
</div>
<div class="form-group row">
<label for="Medications" class="col-sm-2 col-form-label">Medications:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="MedicationsInput" placeholder="Medications">
</div>
</div>
<button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57;"
id="add-record-btn">Add Your Record</button>
</form>
</div>
<!-- Section for Progress Bar -->
<div>
<section style="background-color: #85365e; padding: 5%; margin-bottom: 0;">
<h2 style="color: white; font-size: large;">Check your progress</h2>
<ol class="progress-bar">
<li class="is-good"><span>Excellent</br><span>July/9/2023</span></span>
</li>
<li class="is-good"><span>Healthy</br><span>August/12/2023</span></span></li>
<li class="is-fair"><span>Fair</br><span>Sep/8/2023</span></span></li>
<li class="is-poor"><span>Poor</br><span>Sep/15/2023</span></span></li>
<li class="is-improving"><span>Improving</br><span>Sep/30/2023</span></span></li>
<li class="is-stable"><span>Stable</br><span>Oct/3/2023</span></span></li>
<li class="is-active"><span>Healthy
</br><span>[Today]</span></span>
</li>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
</ol>
</section>
</div>
<div class="record-container">
<!-- dont remove this div -->
<!-- Repeat the above code for each recorded note -->
</div>
<footer>
<p class="text-center1">
Made by Kiran Amin Panjwani <br>
This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>.
</br></br>
</p>
</footer>
<!-- Scroll to top button start -->
<button onclick="scrollToTop()" id="backToTopBtn" title="Go to top">
<i class="icon-chevron-up"></i>
</button>
<!-- end -->
<!-- dynamic data code -->
<script src="./js/script.js"></script>
<script src="./js/scrollTop.js"></script>
<script>
const currentYear = new Date().getFullYear();
document.getElementById('current-year').textContent = currentYear;
</script>
</body>
</html>