<!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>