login.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width-device-width">
    <meta name="description" content="Articles and Blogs">
    <meta name="keywords" content="web design, fitness , meditation , professional, others">
    <meta name="author" content="Saif Ali">
    <title>Blogs| Welcome</title>
    <link rel="stylesheet" href="./css/style.css">

</head>
<body>
  <header>
    <div class="container" >
      <div id="branding">
        <h1><span class="highlight">Articles</span> and Blogs</h1>
          </div>
        <nav>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="About.html">About</a></li>
            <li><a href="Services.html">Services</a></li>
            <li class="current"><a href="login.html">Login</a></li>
          </ul>
        </nav>
      </div>
  </header>
    <div class="login-page">
  <div class="form">
    <form class="login-form">
      <form >
      <p>
             <label>Login as</label><br>
             <select id = "role">
               <option value = "1">Admin</option>
               <option value = "2">Author</option>
               <option value = "3">User</option>
           </select>
          </p>
</form>
      <input type="text" placeholder="username"/>
      <input type="password" placeholder="password"/>
      <a href="adminPanel.html">
      <button>login</button>
      </a>

      <p class="message">Not registered? <a href="signup.html">Create an account</a></p>
    </form>
  </div>
</div>


  </body>
</html>