modify.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>THANA</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <link rel="stylesheet" type="text/css" href="formstyle.css">
        <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
        <link rel="icon" href="assets/blacklogo.png" type="image/icon type">
        <script src="script.js"></script>
      </head>
<body>
<!-- NAVBAR -->
<nav class="navbar navbar-inverse">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>
      <a class="navbar-brand" href="index.html"><img src="assets/logoblk.png" width="60px"></a>
    </div>
    <div class="collapse navbar-collapse" id="myNavbar">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="index.html"> Home </a></li>
        <li><a href="about.html"> About Us </a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#"> Records <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="search.html"> Search Records </a></li>
            <li style="cursor: pointer;"><a onclick="loginauth1()"> Add Criminal Records </a></li>
            <li style="cursor: pointer;" class="active"><a href="modify.html"> Modify Criminal Records </a></li>
            <li style="cursor: pointer;"><a href="delete.html"> Delete Criminal Records </a></li>
          </ul>
        </li>
            <li><a href="contact.html"> Emergency Numbers </a></li>
<!-- MODAL LOGIN BUTTONS -->
            <li>
              <button class="btn" id="loginbtn" data-toggle="modal" data-target="#popUpWindow">
                <span class="glyphicon glyphicon-log-in" ></span> 
                Log In 
              </button>
              </li>
            <li>
              <button class="btn" id="btnLogout" style="display: none;" onclick="logout()"> 
                <span class="glyphicon glyphicon-log-out"></span> 
                Log Out 
              </button>
            </li>
      </ul>
    </div>
  </div>
</nav>
<!-- MODAL LOGIN -->
<div class="container">  
  <div class="modal fade" id="popUpWindow">
    <div class="modal-dialog">
      <div class="modal-content">
        <div id="login_div">
        <!-- header -->
        <div class="modal-header">
          <h3 class="modal-title">Login</h3>
        </div>
        <!-- body -->
        <div class="modal-header">
          <form role="form">
            <div class="form-group">
              <input type="email" id= "txtEmail" class="form-control" placeholder="Email"/>
              <br>
              <input type="password" id="txtPassword" class="form-control" placeholder="Password" />
              <br>
              <input type="button" onclick="myFunction()" onmouseover="myFunction()" onmouseout="myFunction()" value="Show Password">
            </div>
          </form>
        </div>
        <!-- footer -->
        <div class="modal-footer">
          <button class="btn btn-block" id="btnLogin" onclick="login()">Log In</button>
        </div>
        </div>
      <!-- success -->
      <div id="user_div" class="modal-success" style="display: none;">
        <h3 class="modal-title" style="text-align: center;">Logged In Successfully !!</h3>
      </div>
      </div>
    </div>
  </div>
</div>

<!-- MODAL LOGIN ENDS --><style>
    button.home{
	background: black;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px 'Bitter', serif;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid black;
	font-size: 15px;
}
</style>
<div class="construction">
    This Page is Under Construction!!
    <br>
    We regret for the inconvenience caused.
    <br>
    <a href="index.html">
    <button class="home">
        Home Page
    </button>
</a>
</div>




<!-- Footer -->
<div class="footer">
  <div class="f1">
    <p class="linkfooter">
      <img src="assets/logoblk.png" width="80px">
      <br>
      <br>
      <a class="footerlink" href="index.html"> Home </a>
      <br>
      <a class="footerlink" href="about.html"> About Us </a>
      <br>
      <a class="footerlink" href="search.html"> Search Records </a>
      <br>
      <a class="footerlink" href="contact.html"> Emergency Numbers </a>
    </p>
  </div>
  <div class="f2">
    <p>
      Project By:
      <br>
      Anmol Bansal (19BCE0630)
      <br>
      Gokul Nair (19BCE2245)
      <br>
      Harsh Londhekar (19BCE0496)
      <br>
      Suyash Johri (19BCE2201)
      <br>
    </p>
  </div>
  <br><br><br><br><br><br><br>
  <hr color="red">
        <span class="fl">
          &copy; Anmol Bansal, 2020, Version 1.4 (This website is for representation purpose only)
        </span>
</div>
<!-- End of Footer -->


<!-- JS for LoginAuth -->

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase.js"></script>

<!-- TODO: Add SDKs for Firebase products that you want to use
     https://firebase.google.com/docs/web/setup#available-libraries -->

</body>
</html>