You'll be using your CSS skills to style an eye-catching resume. You'll need to call on your knowledge of CSS selectors, classes/IDs, margins, padding, borders, and positioning to make everything look exactly the way you want it to.
That said, this project will be relatively hands-off. We've put a demo resume in the editor (check the Result tab) for you to use as a template, but you should feel free to style your resume the way you'd like.
Instructions
Ready to roll? Click Save & Submit Code to continue!
#header{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
position:fixed;
z-index:1;
}
.left{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
float:left;
}
.right{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
float:right;
}
#footer{
height:50px;
width:50px;
background-color:black;
border-radius:5px;
clear:both;
}
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title></title>
</head>
<body>
<h1>hello</h1>
<h2>hello</h2>
<h3>hello</h3>
<h4>hello</h4>
<h5>hello</h5>
<h6>hello</h6>
<p>nice</p>
<ul>
<li>GRART</li>
<li>GRART</li>
<li>GRART</li>
</ul>
<div id="header"></div>
<div class="left"></div>
<div class="right"></div>
<div id="footer"></div>
</body>
</html>
No comments:
Post a Comment