html+css

html+css

<html>
<head>
<title>Akido</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 class="purplelight">
NEXT EVENT: Radio Interview<a href="#">More Information</a>
</div>
<div id="nav">
<ul>
<li><a href="#" ><span class="lightsgreenBackground">Home</span></a></li>
<li><a href="#"><span class="lightsgreenBackground">Blog</span></a>
<li><a href="#"><span class="lightsgreenBackground">Music</span></a></li>
</ul>
</div>

<div id="join">
<span class="lightgray">JOIN THE AKIDO TEAM</span>
<a href="#"><img src="images/icon_facebook.gif"></a>
<a href="#"><img src="images/icon_twitter.gif"></a>
</div>
<div class="clear"></div>
</div>
</div>
<div id="content">
<div class="pageCenter">

<div class="main">
<div class="mainbar1">
<img src="images/akidino.jpg" width="258" height="258">
</div>
<div class="mainbardata">
<span class="lightgray">LATEST RELEASE</span><br/>
<span class="white"><blink>BLINK (REISSUE)</blink></span><br/>
<span class="lightgray">NORDIQUE RECORDS - nord05 - DIGITAL</span><br/><br/><br/>
<a href="#"><span class="greydark lightgreyBackground">BUY NOW </span></a><br/><br/>
<span class="greydark">AKIDOSHOP<br/>ITUNES<br/>AMAZON</span><br/><br/>
<a href="#"><span class="greyBackground">More Information ></span></a>
</div>
<div class="clear"></div>
<div class="mainbar2">
<div class="maincontent">
<div class="maincontentdata">
<span class="lightgray">Latest news from the aKido HQ...</span><br/>
<h2>aKido song chosen for ADIDAS campaign!</h2>
<span class="lightgray">POSTED FROM: Montreal, QC | April 30th 2010</span>
<div align="right">
<span class="lightgray" >SHARE:</SPAN>&nbsp;&nbsp;
<img src="images/icon_facebook.gif" width="15" height="15">
<img src="images/icon_twitter.gif" width="15" height="15">
<img src="images/icon_flickr.gif" width="15" height="15">
<img src="images/icon_youtube.gif" width="15" height="15">
</div></br></br>
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Quisque felis felis,
adipiscing elit. Quisque felis felis,
adipiscing vel facilisis nec, eleifend quis
risus. Mauris eget nulla nisi, eget lobortis
aliquet eget erat. Duis iaculis tempus augue,
<br/><br/>
<a href="#"><span class="greyBackground">More ></span></a><br/>
<a href="#">
<div align="right"><span class="greyBackground">See all Blog Posts ></div></span></a>
</div>
</div>
</div>

</div>

<div class="sidebar">
<div class="innersidebar1">
<div class="sidecontent1" align="left">
<span class="greenlight">aKido on Twitter</span></br></br>

</div>
</div>
<div class="innersidebar2">
<div class="sidecontent2" align="left">
<span class="purple">aKido Gear</span></br></br>
&nbsp;&nbsp;&nbsp;<img src="images/img1.png" ></br>
<a href="#"><span class="darkpurple violetBackground">AKIDOSHOP ></span></a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>


<div id="footer">
<div class="pageCenter">
<div id="nav">
<ul>
<li>
<a href="#">Home |</a></li><li>
<a href="#">Blog |</a></li><li>
<a href="#">Music |</a></li><li>
<a href="#">Merchandise |</a></li><li>
<a href="#">Videos |</a></li><li>
<a href="#">Photos |</a></li><li>
<a href="#">Licensing |</a> </li><li>
<a href="#">Extras |</a> </li><li>
<a href="#">Contact</a></li>
</li>
</ul>
</div>

</div>
<br/>
<span class="greydark">
Copyright NORDIQUE MUSIC COMPANY inc. All rights reserved Worldwide </span>
</div>
</body>
</html>



css


/*
Theme Name: akido
Theme URI:
Description:
Version: 1.0
Author:
Author URI:
Tags:
*/
body {
margin: 0;
padding: 0;
background-color: #f1f3f6;
font-family:Times New Roman;
text-align: center;
color: #ffffff;
}

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

#logo {
background: url(images/logo.gif) no-repeat;
float: left;
display: block;
height: 48px;
margin: 44px 0 0 2px;
width: 180px;
}

#header {
background-color: #515151;
}

#join {
float: right;
font-size: 14px;
margin: 0 47px;
width: 227px;
}


#nav {
height: 47px;
margin: 2px 0 0 0;
}

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

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

#nav ul li a {
color: #111111;
display: block;
padding: 9px 3px 2px;
text-decoration: none;
}

#nav ul li a img {
border: 0;
}

.clear{
clear:both;
}

#content {
background: #909090;
}

#footer {
background: #909090;
padding:9px;
}

.sidebar {
width: 340px;
float: right;
}

.innersidebar1 {
border: 6px solid #75D7D8;
margin: 9px 0 0 0;
width: 282px;

}

.innersidebar2 {
border: 6px solid #B29CFA;
margin: 9px 0 0 0;
width: 282px;

}

.innersidebar3 {
border: 6px solid #30FF81;
margin: 9px 0 0 0;
width: 282px;

}

.innersidebar4 {
border: 6px solid #1DD4CF;
margin: 9px 0 0 0;
width: 282px;

}

.sidecontent1 {
background: #101010;
color: #FFFFFF;
padding: 8px 14px;
}

.sidecontent2 {
background: #101010;
padding: 8px 14px;
}

.sidecontent3 {
background: #101010;
padding: 8px 14px;
}

.sidecontent4{
background: #101010;
padding: 8px 14px;
}

.main {
float: left;
width: 603px;
margin: 0 0 0 0;
}

.mainbar1{
float: left;
border: 6px solid #515151;
margin: 9px 0 0 0;
width: 258px;
}

.mainbardata {
float: right;
}

.mainbar2{
border: 6px solid #515151;
margin: 14px 0 0;
width: 594px;
}

.maincontent {
background: #101010;
color: #FFFFFF;
text-align:justify;
}

.maincontentdata {
color: #FFFFFF;
padding: 8px 14px;
}

.lightgray {
color: #CBC9CB;
font-weight: bold;
}

.white {
color: #FFFFFF;
font-size: 24px;
font-weight: bold;
}

.purplelight {
color: #CBC9E5;
font-size: 11px;
font-weight: bold;
margin: 0 547px 0 0;
}

.greydark {
color: #515151;
font-size: 16px;
font-weight: bold;
}

.greenlight {
margin: 13px;
color: #7CCED2;
font-weight: bold;
}

.lightgreenlight {
margin: 13px;
color: #30FF81;
font-weight: bold;
}

.bluelight {
margin: 13px;
color: #1DD4CF;
font-weight: bold;
}

.purple {
margin: 13px;
color: #AB9BCB;
font-weight: bold;
}

.darkpurple {
font-size:10px;
font-weight: bold;
color: #384043;

}

.purpleBackground {
background-color: #AB9BCB;
padding: 1px 4px;
margin: 171px;
}

.greyBackground {
background-color: #515151;
padding: 4px 12px;
margin: 1px 7px;
font-weight: bold;
}

.lightgreyBackground {
background-color: #CBC9CB;
padding: 4px 12px;
margin: 1px 7px;
}

.lightsgreenBackground {
background-color: #75D7D8;
padding: 4px 12px;
margin: 0 1px;
font-weight: bold;
}

a {
color: #CBC9E5;
text-decoration: none;
}

img {
border: 0;
}
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