<! create a college login web page..!>
<!DOCTYPE html>
<html>
<head>
<style>
a
{
margin:10px;
text-decoration:none;
color:white;
}
ul li
{
padding-top:10px;
text-align:center;
list-style:none;
float:left;
height:30px;
width:100px;
border-right:3px solid white;
}
nav
{
background-color:Deeppink;
height:40px;
font-size:20px;
}
ul li:hover
{
background-color:DodgerBlue;
color:white;
}
article
{
border:2px solid blue;
margin:2px;
border-radius:20px;
padding:5px;
background-color:lightpink;
}
footer
{
background-color:Darkred;
color:white;
text-align:right;
height:30px;
padding-top:10px;
border-radius:10px;
}
span
{
font-size:30px;
}
p
{
text-align:justify;
padding:5px;
}
</style>
</head>
<body bgcolor="lightyellow">
<header>
<img src="logo.png" align="center" width="150"/>  
<span >Aurora's Technology & Research Institute<span>
<hr/>
</header>
<nav>
<ul>
<li> <a href="#s3">Home</a></li>
<li> <a href="#s1">Courses</a></li>
<li> <a href="#s2">About us</a></li>
<li> <a href="#s4">Contact </a></li>
<li> <a href="Login.html">Log in</a></li>
</ul>
</nav>
<br/> <br/>
<marquee color="red"><h2 >Admissions are open today</h2></marquee>
<form name="f1" method="post" action="login" id="f1">
<center>
Student Id :<input type="text" name="Student" value=""/><br><br>
Password :<input type="password" name="password" value=""/><br><br>
<input type="submit" name="Login" value="LogIn"/>
</center>
</form>
<section>
<h3 id="s4">Contact</h3>
<article>
<p> Aurora's Technological and Research Institute,<br>
Parvathapur,Uppal,Hyderabad,Telangana-500093.<br>
EMail: info@atri.edu.in <br>
director@atri.edu.in<br>
Contact: 040-20050999,9100000909
</p>
</article>
</section>
<br/>
<footer>
© copy right 2019 Aurora's college, HYD.
</footer>
</body>
</html>
No comments:
Post a Comment