xxxxxxxxxx1
<!DOCTYPE html>2
<html lang="en">3
<head>4
<meta charset="utf-8" />5
<meta content="width=device-width, initial-scale=1.0" />6
<title></title>7
8
<!-- Custom Style -->9
10
<!-- Browser Company Logo -->11
<link rel="icon" type="image/png" href="/img/AMHLogo.png" />12
13
<!-- Font Awesome -->14
<link rel="stylesheet" href="/fontawesome-free/css/all.min.css" />15
16
<!-- Google Fonts Roboto -->17
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />18
19
<!-- MDB -->20
<link rel="stylesheet" href="/mdb/css/mdb.min.css" /> 21
22
<!-- MDB Plugins -->23
<link rel="stylesheet" href="/mdb/plugins/css/all.min.css" />24
25
<!-- Common Style -->26
27
<!-- Layout Sytle -->28
<style>29
@media (min-width: 1400px) {30
main,31
header,32
#main-navbar {33
/*padding-left: 240px;*/34
}35
}36
37
.table > thead > tr > th {38
border-bottom-width: 2px;39
}40
41
.table > :not(:last-child) > :last-child > * {42
border-bottom-color: inherit;43
}44
45
body {46
background-color: #fbfbfb;47
}48
49
.navbar {50
padding-left: 0 !important;51
z-index: 1041;52
}53
#mainview{54
margin-top:38px;55
}56
.navbar-teal57
{58
background-color:#20c997;59
}60
</style>61
</head>62
<body>63
<header>64
<!-- Sidenav -->65
<div id="sidenav-1" class="sidenav bg-dark text-white pt-5" style="--mdb-bg-opacity: 0.7;" role="navigation" data-mdb-mode="side" data-mdb-hidden="true" data-mdb-accordion="true" data-mdb-content="#mainview">66
<ul class="sidenav-menu pt-3">67
<li class="sidenav-item">68
<a class="sidenav-link" href="/home/index">69
<i class="fas fa-chart-line fa-2x me-3" style="width:50px"></i><span>Dashboard</span>70
</a>71
</li>72
<li class="sidenav-item">73
<a class="sidenav-link">74
<i class="fas fa-calendar-check fa-2x me-3" style="width:50px"></i><span>Appointment</span></a>75
</li>76
<li class="sidenav-item">77
<a class="sidenav-link">78
<i class="fas fa-file-medical fa-2x me-3" style="width:50px"></i><span>EMR</span></a>79
</li>80
<li class="sidenav-item">81
<a class="sidenav-link">82
<i class="fas fa-flask fa-2x me-3" style="width:50px"></i><span>Laboratory</span></a>83
</li>84
<li class="sidenav-item">85
<a class="sidenav-link">86
<i class="fas fa-x-ray fa-2x me-3" style="width:50px"></i><span>Radiology</span></a>87
</li>88
<li class="sidenav-item">89
<a class="sidenav-link">90
<i class="fas fa-pills fa-2x me-3" style="width:50px"></i><span>Medication</span></a>91
</li>92
<li class="sidenav-item">93
<a class="sidenav-link">94
<i class="fas fa-money-bill-alt fa-2x me-3" style="width:50px"></i><span>Payment</span></a>95
</li>96
<li class="sidenav-item">97
<a class="sidenav-link">98
<i class="fas fa-cogs fa-2x me-3" style="width:50px"></i><span>Settings</span></a>99
</li>100
<li class="sidenav-item">101
<a class="sidenav-link">102
<i class="fas fa-globe fa-2x me-3" style="width:50px"></i><span>Contact Us</span></a>103
</li>104
</ul>105
</div>106
<!-- Sidenav -->107
108
<!-- Navbar -->109
<nav id="main-navbar" class="navbar navbar-expand-lg navbar-teal fixed-top text-white">110
<!-- Container wrapper -->111
<div class="container-fluid">112
113
114
<img class="rounded-circle mx-3" src="/img/AMHLogo.png" alt="AMH Logo" height="40px" width="40px" />115
<a class="navbar-brand text-white" href="#">Patient Portal</a>116
117
118
<!-- Toggler -->119
<button data-mdb-toggle="sidenav" data-mdb-target="#sidenav-1" class="btn shadow-0 p-0 me-3 d-block" style="caret-color: rgba(0,0,0,0);" aria-controls="#sidenav-1" aria-haspopup="true">120
<span class=""><i class="fas fa-bars fa-lg text-light"></i></span>121
</button>122
123
<!-- Search form -->124
125
<!-- Right links -->126
<ul class="navbar-nav ms-auto d-flex flex-row">127
<!-- Notification dropdown -->128
<li class="nav-item dropdown">129
<a class="nav-link me-3 me-lg-0 dropdown-toggle hidden-arrow" href="#" id="navbarDropdownMenuLink" role="button" data-mdb-toggle="dropdown" aria-expanded="false">130
<span><i class="fas fa-bell fa-lg text-white"></i></span>131
<span class="badge rounded-pill badge-notification bg-danger">2</span>132
</a>133
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">134
<li><a class="dropdown-item" href="#">Message Title</a></li>135
<li><a class="dropdown-item" href="#">Message Title</a></li>136
<li>137
<a class="dropdown-item" href="#">Something else here</a>138
</li>139
</ul>140
</li>141
;142
143
<!-- Icon -->144
145
146
<!--Test-->147
148
149
<!-- Avatar -->150
151
<li class="nav-item dropdown">152
<a class="nav-link dropdown-toggle hidden-arrow d-flex align-items-center" href="#" id="navbarDropdownMenuLink" role="button" data-mdb-toggle="dropdown" aria-expanded="false">153
<img src="/img/AmhLogo.png" class="rounded-circle" height="35px" alt="" loading="lazy" />154
</a>155
<div class="dropdown-menu dropdown-menu-end dropdown-menu-start" style="padding-top:.625rem">156
157
<div class="dropdown-menu-header" style="width:392px">158
<div class="dropdown-menu-header-inner bg-info">159
<div class="menu-header-image opacity-2" style="background-image: url('img/city3.jpg');"></div>160
<div class="menu-header-content text-left">161
<div class="widget-content p-0">162
<div class="widget-content-wrapper">163
<div class="widget-content-left mr-3">164
<img class="rounded-circle" src="img/AmhLogo.png" alt="" width="42">165
</div>166
<div class="widget-content-left">167
<div class="widget-heading">Sriram Kannan</div>168
<div class="widget-subheading opacity-8">Healthy Morning.</div>169
</div>170
<div class="widget-content-right mr-2">171
<button class="btn-pill btn-shadow btn-shine btn btn-focus text-white" onclick="location.href='/Login/Logout'">Logout</button>172
</div>173
</div>174
</div>175
</div>176
</div>177
</div>178
179
180
<div class="dropdown-divider"></div>181
<a class="dropdown-item" href="#">Profile Info</a>182
<a class="dropdown-item" href="#">Forgot password?</a>183
</div>184
</li>185
</ul>186
</div>187
<!-- Container wrapper -->188
</nav>189
<!-- Navbar -->190
</header>191
192
<main id="mainview" role="main" class="container-fluid pt-4" style="red;background-image:url(img/homebackground2.png);background-repeat:no-repeat;background-size:cover;">193
194
<div class="rounded-6" style="height:92vh;background-position: center;background-repeat: no-repeat;background-size: cover;">195
<link rel="stylesheet" href="/css/home.css" />196
<div id="panHome" class="container-fluid d-flex align-items-center justify-content-center" style="height:90vh;">197
<div class="p-5 shadow-6" style="background-color:#E3F2FD;border-radius:25px;max-width: 1000px">198
<div class="container">199
<div class="row g-3 mb-3">200
<div class="col-lg-3 col-md-6 col-6 mx-auto">201
202
<button class="btn btn-success btn-block fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;min-width:180px">203
<span class="h5 fw-bold text-white ">Dashboard</span>204
</button>205
</div>206
<div class="col-lg-3 col-md-6 col-6 mx-auto">207
208
<button class="btn btn-info btn-block fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;min-width:180px">209
210
<span class="h5 fw-bold text-white">Appointment</span>211
212
213
</button>214
</div>215
<div class="col-lg-3 col-md-6 col-6 mx-auto">216
217
<button class="btn btn-danger btn-block fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;text-align: center;min-width:180px">218
<span class="h5 fw-bold text-white">EMR</span>219
</button>220
</div>221
<div class="col-lg-3 col-md-6 col-6 mx-auto">222
223
<button class="btn btn-warning btn-block fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;min-width:180px">224
<span class="h5 fw-bold text-white">Laboratory</span>225
</button>226
</div>227
</div>228
<div class="row g-3">229
<div class="col-lg-3 col-md-6 col-6 mx-auto">230
231
<button class="btn btn-block fw-bold fs-5 fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;background-color:#8F4068;min-width:180px">232
<span class="h5 fw-bold text-white">Radiology</span>233
</button>234
</div>235
<div class="col-lg-3 col-md-6 col-6 mx-auto">236
237
<button class="btn btn-block fw-bold fs-5 fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;background-color:#C490E4;min-width:180px">238
<span class="h5 fw-bold text-white">Medication</span>239
</button>240
</div>241
<div class="col-lg-3 col-md-6 col-6 mx-auto">242
243
<button class="btn btn-block fw-bold fs-5 fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;background-color:#29C6CD;min-width:180px">244
<span class="h5 fw-bold text-white">Payment</span>245
246
247
</button>248
</div>249
<div class="col-lg-3 col-md-6 col-6 mx-auto">250
251
<button class="btn btn-block fw-bold fs-5 fw-bold fs-5 text-white hover-zoom" style="height: 10rem; width: 100%;background-color:#056676;min-width:180px">252
<span class="h5 fw-bold text-white">Contact Us</span>253
</button>254
</div>255
</div>256
</div>257
258
</div>259
</div>260
261
</div>262
263
<!--Alerts-->264
<div class="alert fade" id="alert-success" role="alert" data-mdb-color="success" data-mdb-position="top-right" data-mdb-stacking="true" data-mdb-width="535px" data-mdb-append-to-body="true"265
data-mdb-hidden="true" data-mdb-autohide="true">266
</div>267
<div class="alert fade" id="alert-error" role="alert" data-mdb-color="danger" data-mdb-position="top-right" data-mdb-stacking="true" data-mdb-width="535px" data-mdb-append-to-body="true"268
data-mdb-hidden="true" data-mdb-autohide="true">269
<strong>Error</strong> - Something went wrong!270
</div>271
</main>272
273
<!-- Footer -->274
<!-- Footer -->275
276
<!-- MDB -->277
<script type="text/javascript" src="/mdb/js/mdb.min.js"></script>278
279
<!-- MDB Plugins -->280
<script type="text/javascript" src="/mdb/plugins/js/all.min.js"></script>281
282
<!-- Page Script -->283
<script>284
let sidenav = document.querySelector("#sidenav-1");285
286
const instance = new mdb.Sidenav(sidenav);287
console.log(instance)288
let innerWidth = null;289
290
const setMode = (e) => {291
// Check necessary for Android devices292
if (window.innerWidth === innerWidth) {293
return;294
}295
296
innerWidth = window.innerWidth;297
298
if (window.innerWidth < 1200) {299
instance.changeMode("over");300
instance.hide();301
} else {302
instance.changeMode("side");303
instance.show();304
}305
};306
307
setMode();308
309
// Event listeners310
window.addEventListener("resize", setMode);311
</script>312
<script type="text/javascript">313
function DisableBackButton() {314
window.history.forward()315
}316
DisableBackButton();317
window.onload = DisableBackButton;318
window.onpageshow = function(evt) { if (evt.persisted) DisableBackButton() }319
window.onunload = function() { void (0) }320
</script>321
322
323
<!-- Visual Studio Browser Link -->324
<script type="text/javascript" src="https://localhost:44398/3e7b19ec94244aee984a8b81221c6b97/browserLink" async="async" id="__browserLink_initializationData" data-requestId="f667450285bc4fc984e596b2bb1d180c" data-requestMappingFromServer="False"></script>325
<!-- End Browser Link -->326
327
<script src="/_framework/aspnetcore-browser-refresh.js"></script></body>328
</html>1
1
1
1
Console errors: 0