html+css

<html>
<head>
<title>Cunningham</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<div class="pageCenter">
<a id="logo" href="#"></a><br/><br/>
<div id="nav">
<ul>
<li><a href="#" >Location</a></li>
<li><a href="#">Siteplan</a>
<li><a href="#">Lots</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
<div class="clear"></div>
<div class="mainbar">
<img src="images/img2.png">
</div>
</div>
</div>
<div id="content">
<div class="pageCenter">

<div class="mainpicture maincontent">
<h2>Premium Position</h2>
Situated a hassle-free 40 minutes,
or 20km from the heart of Brisbane,
Cunningham Rise is an address that
represents a great opportunity to
stretch out on the city fringe.

</div>
<div class="sidecontent">
<h2>Idyllic Location</h2>
Goodna is a booming area for education
with a remarkable total of 16 schools
within a 5km radius from pre-school
through to secondary education.
<p>It?s central to Redbank Plaza and a
variety of local shopping centres and
facilities. If you want the convenience
of public transport, catch a train at
Goodna station.</p> <p>If you prefer to drive,
you have instant access to the Ipswich
Motorway or an easy path to major arterial
roads linking you to the Gold Coast,
Sunshine Coast and Brisbane.</p>
<h4><a href="#">Read more about the location ></a></h4>
</div>
<div class="maincontent2">
<h2>Fun for EveryOne</h2>
Whether you?re out kicking a ball,
going to the races or swimming a few
laps at the local Aquatic Centre,
Goodna is bursting with activity when
it comes to having a fun and healthy
lifestyle. There is something for all
ages including an eight-cinema complex,
or if golf is your game, there are a number
of courses nearby to challenge your swing.
Cunningham Rise is the perfect answer for
those wanting to move up to a better way
of life while staying close to family or friends.
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div class="pageCenter" align="right">
Another quality development by <img src="images/footer1.png"> | Website by  <img src="images/footer2.png">
</div>
</div>
</body>
</html>

css

body {
margin: 0;
padding: 0;
background: url(images/main_bg.png) repeat;
font-family: Times New Roman;
text-align: center;
color: #47636F;
}

.pageCenter {
width: 975px;
margin: auto;
}

#header {
background: url(images/bg.png) no-repeat;
background-color: #5B8393;
height: 335px;
}

#logo {
background: url(images/logo.png) no-repeat;
float: left;
display: block;
height: 69px;
margin: 40px 0 0 2px;
width: 324px;
}

#nav {
background: url(images/nav_bg.png) repeat-x;
height: 39px;
margin: 4px 0 0 0;
}

#nav ul {
margin: 0;
padding: 0;
}

#nav ul li {
float: left;
list-style: none;
}

#nav ul li a {
color: #FFFFFF;
display: block;
padding: 9px 30px 10px;
text-decoration: none;
text-transform: uppercase;
}

.clear{
clear:both;
}

.mainbar img{
width: 973px;
height: 400px;
padding: 41px 20px 20px 0;
}

.maincontent {
float: left;
background-image: none;
background-color: #D0CDB6;
text-align:justify;
margin: 235px 2px;
width: 495px;
padding:2px 32px 27px;
}

.mainpicture {
background:transparent url(images/content_bg.png) no-repeat;
}

.maincontent2 {
float: left;
background: url(images/main_content_bg.png);
text-align:justify;
margin: -213px 2px;
width: 495px;
padding:2px 32px 27px;
}

.sidecontent {
float: right;
background: url(images/main_content_bg.png);
text-align: justify;
margin: 235px 2px 0 0;
width: 320px;
padding: 2px 32px 27px;
}

h2 {
font-family: Ariel;
color: #598393;
font-weight: normal;
font-style: italic;
font-size: 29px;
}

h4 {
font-family: Ariel;
color: #72A8B8;
font-weight: normal;
font-size: 16px;
}

#footer {
margin: 17px;
}

a {
text-decoration: none;
color: #72A8B8;
}

View Answers