forgot.html

<!DOCTYPE html>
<html lang="en">
    
  <head>
      
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
     <meta name="HandheldFriendly" content="true">
      <title>Forgot Password</title>

      <link rel = "icon" href ="images/logo1.png" 
      type = "image/x-icon">

      <body>
    <link rel="stylesheet" href="css/forgot.css"/>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>




    <div id="highlighted" class="hl-basic hidden-xs">
        <div class="container-fluid">
          <div class="row">
            <div class="B1">
              <h1>Forgot Password</h1>
            </div>
          </div>
        </div>
      </div>
      <div id="content" class="interior-page">
        <div class="container-fluid">
          
      
            
            <div class="col-sm-9 col-md-9 col-lg-10 content equal-height">
              <div class="content-area-right">
                <div class="row">
                  <div class="col-md-5 forgot-form">
                    <p>Please enter your email address below and we will send you information to change your password.</p>
                    <label class="label-default" for="un">Email Address</label> <input id="email_addy" name="email_addy" class="form-control" type="text"><br>
                    <a id="mybad" class="btn btn-primary" role="button">RESET</a>
                  </div>
                  
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

    </body>
</head>    