html+css

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 &nbsp;<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 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