HTML Code.
- Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<title>Aaron Garcha - Level Designer</title>
<link href="style.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<div id="wrapper">
<div id="left">
<img src="images/top.png" width="250px" height="32px" />
<div id="left-content">
<div id="logo"></div>
<div id="spacer"></div>
<p><b>CONTACT:</b></p>
<p>aaronftw@gmail.com</p>
<p><b>AREA OF EXPERTISE</b></p>
<p>Level Design</p>
<p><b>EXPERIENCE</b></p>
<p>
3 years with Hammer<br />
5 years with 3DS Max<br />
2 years with Photoshop CS2<br />
</p>
</div>
</div>
<div id="right">
<img src="images/top.png" width="250px" height="32px" />
<div id="right-content">
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
<img src="images/null.png" width="75px" height="75px" />
</div>
</div>
<div class="clear"> </div>
</div>
</BODY>
</HTML>
CSS:
- Code: Select all
body {
font-family: sans-serif;
background-color: #cadceb;
}
html, body {height:100%;}
#wrapper {
width: 550px;
height: 525px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
position: relative;
}
#spacer {
height: 25px;
}
#logo {
width: 200px;
height: 200px;
border: 1px black solid;
margin-left: auto;
margin-right: auto;
}
#left {
float: left;
width: 250px;
height: 800px;
}
#left-content {
background-color: white;
border: 4px #098fd1 solid;
border-top: 0;
}
#right{
float: right;
height: 800px;
width: 250px;
}
#right-content {
background-color: white;
border: 4px #098fd1 solid;
border-top: 0;
text-align: center;
vertical-align: center;
}
h1 {
font-size: 12px;
text-align: center;
}
p {
padding-left: 20px;
font-size: 11px;
line-height: 1.5;
}
hr {
height: 2px;
width: 660px;
}
#images {
text-align: center;
}
