<!----- HTML Code ----->
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<div id="header"><h1>Resume</h1></div>
<div class="left">
<ul>
<li>Previous Jobs</li>
<li>Education</li>
<li>Hobbies</li>
</ul>
</div>
<div class="right">
<p>
Paragraph
</p>
</div>
<div id="footer"></div>
</body>
</html>
/***** CSS Code *****/
#header, #footer, .left /*.right*/ {
border: black dashed 2px;
border-radius: 5px;
}
#header {
text-align: center;
background-color: yellow;
height: 75px;
position: fixed;
width: 450px;
z-index: 1;
}
#footer {
background-color: yellow;
clear: both;
height: 50px;
width: 450px;
}
.left {
background-color: yellow;
float: left;
height: 150px;
margin-top: 75px;
width: 150px;
}
.right {
/*background-color: yellow;*/
float: right;
height: 150px;
margin-top: 75px;
margin-right: 145px;
width: 300px;
}
li:hover {
color: violet;
font-size: 18px;
}
No comments:
Post a Comment