-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
340 lines (304 loc) · 14 KB
/
index.php
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TrackHealth | Home</title>
<!-- google font -->
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;500;600;700;900&family=Ubuntu:wght@300;400&display=swap"
rel="stylesheet"
/>
<!-- css stylesheet -->
<link
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
rel="stylesheet"
/>
<link rel="stylesheet" href="style.css" />
<!-- font awesome -->
<script
src="https://kit.fontawesome.com/83c51c6793.js"
crossorigin="anonymous"
></script>
<!-- bootstrap script -->
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"
></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"
></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.min.css"></script>
<!-- <script src="../../dist/vis.js"></script>
<script src="https://cpwebassets.codepen.io/assets/common/stopExecutionOnTimeout-1b93190375e9ccc259df3a57c1abc0e64599724ae30d7ea4c6877eb615f89387.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.16.1/TweenMax.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/plugins/TextPlugin.min.js"></script>
<script src="//s3-us-west-2.amazonaws.com/s.cdpn.io/16327/SplitText.min.js"></script> -->
<script>
</script>
</head>
<body>
<section class="home-section" id="title">
<!-- Nav Bar -->
<div class="container-fluid" id="main-nav">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href=""><span class="logo"><i class="fa-solid fa-heart-pulse"></i></span><span class="nav-text">trackYourHealth</span></a>
<button
class="navbar-toggler button"
type="button"
data-toggle="collapse"
data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse support"
id="navbarSupportedContent"
>
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#htus"><span class="nav-text">How to Use</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#con"><span class="nav-text">Contact</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="multiple_upload.php"><span class="nav-text">Upload</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="doctor1.php"><span class="nav-text">Add doctor</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="final/search/searchbox2.php"><span class="nav-text">Track</span></a>
</li>
</ul>
</div>
</nav>
</div>
</section>
<section class="about-section" id="about">
<div class="about-text">
<table>
<tr>
<td>
<div class="small-heading ">
<h1>Our believes</h1>
<div class="dropping-texts">
<div class="inner"><h1>Keeping your well!</h1></div>
<div class="inner"><h1>we're in this together!</h1></div>
<div class="inner"><h1>It's all about you!</h1></div>
<div class="inner"><h1>Making a difference together!</h1></div>
</div>
</div>
</td>
</tr>
</table>
</section>
<section class="about2-section">
<div class="row justify-content-md-center" style="width:100%;">
<div class="col-lg-6 about2-text about2-div">
<p class="pdiv1">Technological innovation is all about making things simple to operate and doing some
value addition in universe.
We have come with great web application which will be going to get new revolution in
medical field. yes you heard it right we are
going to do de materialization in medical with our smart algorithms which will lead to create
one account which will be going to have all the health information in one platform.</p>
</div>
<div class="col-lg-6 about2-div hide-div">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets5.lottiefiles.com/packages/lf20_r24iinkc.json" background="#000000" speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player>
</div>
<br>
<br>
<br>
<br>
</div>
<div class="row justify-content-md-center" style="width:100%;">
<div class="col-lg-6 about2-div">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
<lottie-player src="https://assets9.lottiefiles.com/packages/lf20_dn3pyv6l.json" background="#000000" speed="1" style="margin-left: 15%; width: 300px; height: 300px;" loop autoplay></lottie-player>
</div>
<div class="col-lg-6 about2-div about2-text">
<p class="pdiv2"> You don't
need to print out the x rays and reports unless its highly required.we are tracking all your records
and medical treatments on our platform.you dont need to
worry about losing your reports at all.</p>
</div>
<br>
<br>
<br>
<br>
</div>
</section>
<div id="htus"></div>
<br>
<section class="dark">
<div class="container py-4">
<h1 class="h1 text-center" id="pageHeaderTitle">How to Use</h1>
<br>
<br>
<article class="postcard dark blue">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/log-in.jpg" alt="Image Title" />
</a>
<div class="postcard__text">
<h1 class="postcard__title blue"><a href="#">Log In</a></h1>
<div class="postcard__subtitle small">
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt">To join our revolution first you have to join our team by taking the first step by signing up to our server after registration you can
Sign in to our website. Changing the system will take a few minutes and multiple small steps.
</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fas fa-tag mr-2"></i>Log In</li>
</ul>
</div>
</article>
<article class="postcard dark red">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/upload2.jpg" alt="Image Title" />
</a>
<div class="postcard__text">
<h1 class="postcard__title red"><a href="#">Enter your Details</a></h1>
<div class="postcard__subtitle small">
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt"> After becoming our Crewmates it's our responsibility to take care of you and for that, you have to upload all of your medical-related details,
like your doctor, which type of medicine you took when you were ill, and by whom you got treated. And with that additionally, you can add your
blood reports, X-rays, HIV reports, Vaccine-certificate, etc.
</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fas fa-tag mr-2"></i>Upload Files</li>
</ul>
</div>
</article>
<article class="postcard dark green">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/track.jpg" alt="Image Title" />
</a>
<div class="postcard__text">
<h1 class="postcard__title green"><a href="#">Track Your Health</a></h1>
<div class="postcard__subtitle small">
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt">Now you all set to sail with us we can take care of you every time, every minute, Now you are a part of a revolution of de-materialization
Now you don't have to wander off for just a small amount of medicine. Now all of your problems are solved by only one id.</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fas fa-tag mr-2"></i>Go to dashBord</li>
</ul>
</div>
</article>
</div>
</section>
<section class="How-to-use-section" >
</section>
<section class="contact" id="con">
<br>
<br>
<h2>Don't be shy ask anything to the Team SpaceShip!</h2>
<h1><i class="fa-solid fa-minus"></i></h1>
<br>
<br>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<div class="col-md-4 col-xl-3 contact-card">
<div class="card order-card">
<div class="card-block">
<h2 class="text-symbols"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-chat-text" viewBox="0 0 16 16">
<path d="M2.678 11.894a1 1 0 0 1 .287.801 10.97 10.97 0 0 1-.398 2c1.395-.323 2.247-.697 2.634-.893a1 1 0 0 1 .71-.074A8.06 8.06 0 0 0 8 14c3.996 0 7-2.807 7-6 0-3.192-3.004-6-7-6S1 4.808 1 8c0 1.468.617 2.83 1.678 3.894zm-.493 3.905a21.682 21.682 0 0 1-.713.129c-.2.032-.352-.176-.273-.362a9.68 9.68 0 0 0 .244-.637l.003-.01c.248-.72.45-1.548.524-2.319C.743 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.52.263-1.639.742-3.468 1.105z"/>
<path d="M4 5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zM4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8zm0 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5z"/>
</svg></h2>
<h6 class="text-con">Let's Have a chat</h6>
<button class="custom-btn btn-4">Start Live Chat</button>
</div>
</div>
</div>
<div class="col-md-4 col-xl-3 contact-card">
<div class="card order-card">
<div class="card-block">
<h2 class="text-symbols"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg></h2>
<h6 class="text-con">Droup us a Line</h6>
<button class="custom-btn btn-4"><a href="mailto:[email protected]">Submit a request</a></button>
</div>
</div>
</div>
<div class="col-md-4 col-xl-3 contact-card">
<div class="card order-card">
<div class="card-block">
<h2 class="text-symbols"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-phone" viewBox="0 0 16 16">
<path d="M11 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h6zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"/>
<path d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
</svg></h2>
<h6 class="text-con">Text Us</h6>
<button class="custom-btn btn-4">Text</button>
</div>
</div>
</div>
<div class="col-md-4 col-xl-3 contact-card">
<div class="card order-card">
<div class="card-block">
<h2 class="text-symbols"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-vector-pen" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M10.646.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1 0 .708l-1.902 1.902-.829 3.313a1.5 1.5 0 0 1-1.024 1.073L1.254 14.746 4.358 4.4A1.5 1.5 0 0 1 5.43 3.377l3.313-.828L10.646.646zm-1.8 2.908-3.173.793a.5.5 0 0 0-.358.342l-2.57 8.565 8.567-2.57a.5.5 0 0 0 .34-.357l.794-3.174-3.6-3.6z"/>
<path fill-rule="evenodd" d="M2.832 13.228 8 9a1 1 0 1 0-1-1l-4.228 5.168-.026.086.086-.026z"/>
</svg><h2>
<h6 class="text-con">Tweet Us</h6>
<h6 class="text-con"><i class="fa-solid fa-minus"></i></h6>
<h6 class="text-con">Go on Linkdln</h6>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="row cat-div">
<div class="col-lg-6 cat-innner-div">
<div class="cat">
<div class="ear ear--left"></div>
<div class="ear ear--right"></div>
<div class="face">
<div class="eye eye--left">
<div class="eye-pupil"></div>
</div>
<div class="eye eye--right">
<div class="eye-pupil"></div>
</div>
<div class="muzzle"></div>
</div>
</div>
</div>
<div class="col-lg-6 cat-innner-div hide-div">
<div class="cat">
<div class="ear ear--left"></div>
<div class="ear ear--right"></div>
<div class="face">
<div class="eye eye--left">
<div class="eye-pupil"></div>
</div>
<div class="eye eye--right">
<div class="eye-pupil"></div>
</div>
<div class="muzzle"></div>
</div>
</div>
</div>
</div>
<p style="background-color: black; color:white;">© Copyright TrackYourHealth</p>
<script src="index.js"></script>
</body>
</html>