final project login.html

<!DOCTYPE html>

<!--Login page for users-->

<html lang="en-US">

     <head>
          <title>Login</title>
          <meta charset="utf-8">
          <link href="../css/style.css" rel="stylesheet" type="text/css">
          <link rel="icon" type="image/png" sizes="32x32" href="../pics/favicon-32x32.png">
     </head>

     <body class="box">
          <!--Header-->
              <div id="header">
                <header>

                  <!--Navigation bar-->

                  <div>
                     <nav>
                        <ul>
                           <li><a href="../index.html">Home</a></li>
                           <li><a href="Services.html">Services</a></li>
                           <li><a href="Gallery.html">Gallery</a></li>
                           <li><a href="Contact.html">Contact</a></li>
                           <li><div id="login"><a href="login.html">Login</a></div></li>
                           <li><div id="signup"><a href="signup.html">Sign Up</a></div></li>
                        </ul>
                     </nav>
                  </div>
                 </header>
              </div> <!--End of header-->

              <!--Banner-->
              <div class="banner"><img src="../pics/subcool_ac.jpg" alt="A longer version of Subcool AC Services' logo." width="1070" height="350"></div>

          <div class="container">

          <!--<div><p>If you do not have an account, click <a href="signup.html" target="_blank">here</a> to sign up.</p></div>-->

          <div id="form_log">

             <h1>Welcome Back!</h1>

          <form action="response.html" class="form_style">
               <p>Username</p>

               <input type="text" name="username" required>

               <br>

               <p>Password</p>

               <input type="password" name="pword" required>

               <br>

               <input type="submit" value="LOGIN">
          </form>

          </div>

          <p class="form_para">If you do not have an account, click <a href="signup.html">here</a> to sign up.</p>

          </div>

          <!--Footer-->
          <div id="footer">
              <footer>
                     <p><a href="sitemap.html">Site Map</a></p>
                     <p>&copy; 2022 Subcool AC Services</p>
              </footer>
          </div>
     </body>

</html>