DESIGN1.HTML
<html>
<head>
<link rel="stylesheet"
href="des2.css">
</head>
<body
bgcolor="mahroon">
<div
class="inline">
<div></div>
<div></div>
<div></div>
</div>
<div class="inline">
<h1
align="center" ><mark>Welcome to learn
Technology</mark></h1><br>
</div>
<div
id="left">
<font
size="8"> <a
href="*.html">students</a><br><br><br>
<a
href="*.html">faculty</a><br><br><br>
<a
href="*.html">department</a><br><br><br>
<a
href="*.html">admission</a><br><br><br>
<a
href="*.html">cources</a><br><br><br>
<a
href="*.html">contact us</a></font>
</div>
<div
id="navbar">
<a
href="#">Home</a>
<a href="#">Search</a>
<a href="#">Contact</a>
<a href="#">Login</a>
</div>
<!--<a
href="*.html">Admission</a>
<a
href="*.html">Contact-Us</a>
<a
href="*.html">Career</a> -->
<div
id="right">
<p>
A unique platform to learn IT technology in simple and easy
language. daily day by day tutorial is available.
web site teaches you through making website
while learning php.</p>
</div>
</body>
</html>
css file
#left{
top:0%;
position:absolute;
background:#FFD700;
height:100%;
width: 25%;
overflow-y: auto;
left:0;
}
#right{
left:30%;
position:absolute;
right:20%;
top:35%;
font-size:40px;
}
#navbar
{
left:25%;
position:absolute;
font-size:40px;
right:0px;
top:15%;
}
#navbar a
{
display:inline;
width:20%;
background-color:black;
color:white;
float: left;
padding: 20px;
text-decoration:
none;
}
.inline h1
{
display:inline;
position:absolute;
top:0px;
left:40%;
}
a:hover
{
color:white;
text-decoration:none;
text-transform:uppercase;
}
a:active
{
color:red;
background-color:yellow;
}
#clock
{
font-size:25px;
color:blue;
background-color:black;
}
No comments:
Post a Comment