Extension for Edge/popup.html
<!doctype html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<title>VIT VOLSBB Pronto Login</title>
<style>
body {
font-family: "Segoe UI", "Lucida Grande", Tahoma, sans-serif;
font-size: 100%;
}
#status {
max-width: 100%;
white-space: nowrap;
}
</style>
</head>
<body>
</div>
<div id="status" class="container">
<div id="content">
<h1 style="font-size: 13px;">VIT Academics Enhancement Suite</h1>
<h2 style="font-size: 12px;">* NOTE: Your credentials are completely safe <br>and store on your (client) side. </h2>
<h3 style="font-size: 16px;">Pronto Authentication</h3>
<form>
<div class="form-group">
<input type="text" class="form-control" id="username" placeholder="Username">
</div>
<div class="form-group">
<input type="password" class="form-control" id="password" placeholder="Password">
</div>
<div class="form-group">
<button id="save" style="float:right;margin-bottom:10px;" class="btn btn-info">Save</button>
</div>
</form>
</div>
</div>
<script src="scripts/jquery.min.js"></script>
<script src="scripts/bootstrap.min.js"></script>
<script src="scripts/popup.js"></script>
<script src="scripts/options.js"></script>
<script src="scripts/google-analytics/ansyncTracking.js"></script>
</body>
</html>