QuestionAsk Questions?
Anoop K S
<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;
}
<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
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
