html+css

<html>
<head>
<title>Davgan Financial Services</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="superfish.css" media="screen">
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="hoverIntent.js"></script>
<script type="text/javascript" src="superfish.js"></script>
<script type="text/javascript">
//initialise plugins
jQuery(function(){
jQuery('ul.sf-menu').superfish();
});
</script>
</head>
<body>
<div id="header" >
<div class="pageCenter">
<a id="logo" href="#"></a>
<div id="phone">
<span class="yellow">P</span> <span class="blue">07 3399 1928</span><br/>
<span class="yellow">F</span> <span class="blue">07 3395 8006</span><br/>
<span class="yellow">M</span> <span class="blue">0402 341 191</span><br/>
</div>
<div class="clear"></div>
</div>
</div>
<div id="nav">
<div class="pageCenter">
<ul class="sf-menu">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
<div id="sliderContainer">
<div class="pageCenter" id="slider">
</div>
</div>
<div class="quote blue">
<div class="pageCenter">
What made Davgan stand out to us was
the strategies and tactical assistance
they provided to reach our financial goals,
rather than just writing us a loan ?
which of course they did as well!
They have been a great support. <span class="name">- Tom & Anna Streater</span>

</div>
</div>
<div id="content">
<div class="pageCenter">
<div class="sidebar">
<h2>Strength and competence</h2>
Davgan Financial Services is
committed to offering comprehensive,
friendly and ethical service to our
clients. We act efficiently, honestly
and fairly.
</div>
<div class="main">
<h2>Why use a broker?</h2>
There are many finance products to choose
from and not all will suit your personal
circumstances. That?s why you need an
experienced broker with intricate knowledge
of lending criteria and access to a wide
range of finance deals. A good finance
broker will save you both time and money,
and take the stress and hassle out of
arranging your loan.

<p>We are remunerated by the lenders
for the deals we place with them.
Consequently, our service is at no
cost to you.</p>

</div>
<div class="clear"></div>
</div>
</div>
<div id="footer">
<div class="pageCenter">
Copyright � 2010 Davgan Financial Services
Pty Ltd | Website by
<a href="#"><img style="border:none" src="images/bottomlogo.png"></a>
</div>
</div>
</body>
</html>

css

body {
margin: 0;
padding: 0;
background-color: #f1f3f6;
}

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

#logo {
background: url(images/logo.gif);
float:left;
display: block;
height: 58px;
margin: 22px 0 0 13px;
width: 319px;
}

#phone {
float: right;
font-family: Ariel;
font-size: 17px;
font-style: italic;
width: 125px;
margin: 22px 11px 0 0;
}

.yellow {
color: #F8DF5E;
}

.blue {
color: #003876;
}

#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 {
border-left:1px solid #4274B7;
border-right:1px solid #183D6E;
color:#FFFFFF;
display:block;
padding:9px 30px 10px;
text-decoration:none;
text-transform:uppercase;
}

.clear{
clear:both;
}

#sliderContainer {
background: url(images/home_slider_bg.png) repeat-x;
height: 360px;
}

.quote {
background:#F8DF5E;
font-size:18px;
padding:30px 0 35px;
}

.quote .name .pageCenter {
background: url(images/quote_top.png) no-repeat;
text-indent: 25px;
}

.quote .name {
background: url(images/quote_bottom.png) no-repeat scroll 0 bottom transparent;
padding-left: 25px;
}

#pageCenter h2 {
text-align:center;
color:#1C529A;
font-size:36px;
font-style:italic;
font-weight:normal;
}

#content {
background: url(images/content_bg.png) repeat-x;
color: #717171;
font-size: 17px;
padding:72px 0 84px 0;
}

#content h2 {
color: #1C529A;
font-weight: normal;
font-style: italic;
font-size: 29px;
}

.inner {
padding:0 0 84px 0 !important;
}
.sidebar {
width: 340px;
float: left;
}

.sidebar .border {
border-right:#D7DDE6;
}

.sidebar ul {
margin: 0;
font-style: italic;
padding: 0;

}

.sidebar ul li li{
background: url(images/bottomborder.png) no-repeat scroll 0 bottom transparent;
}

.sidebar ul li {
list-style:none;
}

.sidebar ul li li a{
text-decoration: none;
color: #1C529A;
display:block;
padding:20px 0 ;
}

.main {
float: right;
width: 575px;
}

.main .inner {
width: 640px;
}
.main h4 {
margin:4px 0 0 0;
}

#footer {
background: url(images/footer_bg.png) repeat-x;
height:39px;
margin:4px 0 0 0;
color: #FFFFFF;
text-align: center;
padding:2px 0 0 0;
font-size: 15px;
}

.text {
width:360px;
height:30px;
border:1px solid #F8DF5E;
}

.textArea {
width:360px;
height:184px;
border:1px solid #F8DF5E;
}

View Answers

May 15, 2010 at 11:36 AM

Hi Friend,

You have posted your code but you haven't specify your problem.Please clarify.

Thanks