html+css

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









Related Tutorials/Questions & Answers:
HTML CSS example
HTML CSS example  Hi, Can anyone share the HTML CSS example code. I my HTML web page I have to embed the CSS style. Share some HTML CSS example...({});   Hi, You can use the following code to define CSS in HTML page: <
HTML CSS
HTML CSS  Explain in brief about the term CSS
Advertisements
html+css - Java Beginners
html+css   Davgan Financial Services //initialise plugins jQuery(function(){ jQuery('ul.sf-menu').superfish... by css body { margin: 0; padding: 0; background-color
html+css - Java Beginners
html+css   Akido NEXT EVENT: Radio InterviewMore Information Home Blog Music... reserved Worldwide css /* Theme Name: akido Theme URI
html+css - Java Beginners
html+css   Cunningham Location Siteplan Lots News Contact us... development by | Website by   css body
j2s
j2s       Java2Script (J2S) Pacemaker provides an Eclipse Java to JavaScript/HTML/CSS compiler plugin and an implementation of JavaScript version of Eclipse Standard Widget Toolkit (SWT
The Role of AJAX in enhancing the user experience on the Web
technologies in a new way. These include HTML, CSS, DOM, XML, XSLT
dynamic creation of multiple drop-down menus
dynamic creation of multiple drop-down menus  can anybody plz help me in coding for dynamic creation of multiple drop-down menus in a webpage using ajax/js/html/css
CSS ScrollBar Properties
CSS ScrollBar Properties  How can i set ScrollBar properties in CSS? I am using HTML, CSS and Div in my code. Thanks!!   overflow: scroll; overflow-y: scroll; overflow-x: scroll; overflow:-moz-scrollbars-vertical
Try it Editor
Try it Editor  Hello sir...actually i want to add an html,css & js editor like in w3 school try it editor 1.5....can you tell me how i can add it..pllz plzzz rppy soon
On Javascript
On Javascript  Design a job registration form using HTML and CSS, through which a job seeker can fill personal, contact, educational, project and experience details to apply for a job. Do proper validation for all mandatory
ServerEclipse
(editors, code highlighting, etc) for JSP, XML, HTML, CSS and *.properties
Vertically center page
Horizontally ..but is it possible to vertically center page in HTML or CSS?   You can set the Height, width and left, right alignment for the text in CSS as given below... Vertically center page in CSS .className{ width:300px
XAJAX Library
XAJAX Library       xajax is an open source PHP class library that allows you to easily create powerful, web-based, Ajax applications using HTML, CSS, JavaScript, and PHP. Applications
highlight menu item html
highlight menu item html  highlight menu item in html or CSS   <body id="index"> <div id="menu"> <ul> <li class="index" ><a href="index.html">Index page</a></li> <
Fetching data from excel file on other website and display in interactive graph form
Fetching data from excel file on other website and display in interactive graph form  Hello, I am making a website using HTML and CSS, I am done with the layout, I have to generate ineractive graphs like stock market's, Can you
Is JSP a client side scripting language?
, HTML and CSS is an example of client side scripting. Most of the people get... are embedded in a website's HTML markup code, which is housed on the server
Is JSP a client side scripting language?
, HTML and CSS is an example of client side scripting. Most of the people get... are embedded in a website's HTML markup code, which is housed on the server
Is JSP a client side scripting language?
, HTML and CSS is an example of client side scripting. Most of the people get... are embedded in a website's HTML markup code, which is housed on the server
Send forgot Password through mail - JSP-Servlet
for that i am using (JSP)(using HTML and css for front design) IDE:Eclipse-3.2, App
Vayala
Easily change your skin/theme (html/css) for more information
How Traditional Web Applications Works
Server finds the request and generates the requested web page (HTML+CSS
What are prerequisite for learning angularjs?
which is considering HTML as template. It then enables the developer to extend HTML's syntax and develop applications. Here are the prerequisite for learning angularjs: Prior experience with HTML, CSS and JavaScript Good knowledge
Is there a prerequisite to learning Ruby?
to learning Ruby: HTML: You should have experience in developing application with HTML. CSS: You should be able to use CSS to design the front end of web... with HTML to make web page dynamic or perform some time of validation etc.. Ruby
Is JSP a client side scripting language?
, HTML and CSS is an example of client side scripting. Most of the people get... are embedded in a website's HTML markup code, which is housed on the server
How to create Bootstrap Hello World program
How to create Bootstrap Hello World program  Hello guys, I am beginner in Bootstrap and have experience in HTML/CSS based website design. Now due... files in your project Include these libraries in your HTML page Write HTML code
Dojo Tutorial
local storage Dojo DOM Dojo HTML and CSS Dojo Ajax... is actually based on JavaScript and HTML, so its easy to learn. You can learn
How to create Bootstrap Hello World program
How to create Bootstrap Hello World program  Hello guys, I am beginner in Bootstrap and have experience in HTML/CSS based website design. Now due... files in your project Include these libraries in your HTML page Write HTML code
web designing - WebSevices
web designing  Hello, i have made one web page using html and css. i....)looks ugly because they lose the space between them. i am sending html and css code: please help me. html code: About Us Aics  
html - WebSevices
web page using html and css. whenever i open my web page with internet.... i am sending you my html and css codes. please do some changes in my code. thank you. i will be really thankful to you. html code: About Us
web designing - WebSevices
web designing  Hello, i have made one web page using html and css. i....)looks ugly because they lose the space between them. i am sending html and css code: please help me. html code: About Us Aics  
What is HTML 5 and CSS 3
What is HTML 5 and CSS 3 HTML 5 and CSS 3 are the standard versions of the basic HTML and CSS language, which is used to create more interactive web pages... supports animations along with 2D/3D Transformations features. Using CSS 3 and HTML
AngularJS Tutorials
; is prior experience in web application development with HTML, CSS, JavaScript and Ajax. You should already know:ADS_TO_REPLACE_2 HTML CSS... <!DOCTYPE html> <html lang="en-US"> <script src="https
AJAX Blog
then converts the PSD file into HTML/CSS pages. Developer uses the designed HTML... the knowledge of Photoshop, HTML, HTML 5, CSS, Ajax and the server side programming... technologies such as HTML, CSS, XML etc.. which makes the development of interactive
Bootstrap Tutorials
applications. Bootstrap is HTML and css based framework which supports
Bootstrap Tutorials
applications. Bootstrap is HTML and css based framework which supports
PHP Database
PHP Database Creation A simple website is made of the following technologies: i)    HTML/CSS: HTML & CSS is used to get the user interfaces, and a pretty look for the web site.ADS_TO_REPLACE_1 ii)   
Flex 4 getting started, Getting Started with Flex 4
Getting started with Flex 4 Prior to begin working in Flex 4, you must have some prerequisite knowledge of basic programming including concepts, processes, functions, constructions of programming, and softwares like XML, HTML and CSS
Tomcat For Eclipse
in the dependencies project. All the JSP files (html , css, js, pdf, htm
SEO Copywriting
also have the excellent knowledge of your HTML and CSS, because improving
Project Guidance
/CSS/XML, SQL, AJAX and Flash In my opinion the best approach is to create a Java applet easily customizable HTML/CSS interface. To store applet data
What is Java Programming used for?
like HTML, CSS and Javascript to create user interface for your web application
Bootstrap Tutorials
applications. Bootstrap is HTML and css based framework which supports
Open Source Dreamweaver
on JavaScript, HTML, and CSS languages, including your own JavaScript functions * Outliner that gives a snapshot view of your JavaScript, HTML, and CSS code structure... using XHTML and CSS. One of the highlights in the upcoming version is much closer
Bootstrap 4 Tutorials
. Before learning Bootstrap you should have strong understanding of HTML, css
Bootstrap 4 Tutorials
. Before learning Bootstrap you should have strong understanding of HTML, css
AJAX Web-Framework
requires the knowledge of HTML, CSS, JavaScript and Ajax. In this kind of framework developer authors the HTML and the api directly interacts with the HTML... language. To use Indirect Ajax frameworks, developer must know CSS, HTML
Difference between Flex and Flash
. Developers who have good knowledge of html, css and javascript or little bit... languages in one application like mxml which is similar to html, action script or php
Website Development Services
it using latest innovation in HTML and CSS. We program highly responsive website... and maintenance services. We employ latest technologies such as HTML5, CSS... practices such as creation eye catching logo, W3C validation, HTML Validation, Web
Ajax Web Framework, Frameworks for Ajax
requires the knowledge of HTML, CSS, JavaScript and Ajax. In this kind of framework developer authors the HTML and the api directly interacts with the HTML... language. To use Indirect Ajax frameworks, developer must know CSS, HTML

Ads