<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
body{
background-color: #FFFF66;
}
h1 {
color: blue;
text-align: center;
}
#nav {
line-heigh:30px;
background-color:orange;
height:60px;
length:300px;
}
ul {
list-style-type:none;
margin: 20;
padding: 20;
overflow: none;
}
li
{ float: left;
}
a {
display: block;
text-decoration: none;
color: green;
font-size: 190%;
width: 300px;
length: 800px;
}
a:hover{
background-color: pink;
height:60px;
}
#footer {
background-color:brown;
color: yellow;
float: center;
text-size: 150%;
text-align: center;
padding: 15px;
}
#selector {
color: black;
text-align: center;
padding: 10px;
}
</style>
</head>
<body>
<h1>INFORMATION TECHNOLOGY :) </h1>
<div id="nav">
<ul>
<li> <a href="hxxx"> HOME </a> </li>
<li> <a href="#news"> NEWS </a> </li>
<li> <a href="#info"> INFO </a> </li>
<li> <a href="#cont"> CONTACT US </a> <li>
<ul>
</div>
<div id="selector">
<img src="it.jpg" alt="view" style="width:840px;height:428px;">
</div>
<div id="footer">
copyrightesss
</div>
</body>
</html>
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.