Code Your Website With HTML 5

As evident, we have the following elements: header, last posts container, archive with a list of posts and blocks that usually we find in the sidebar of website, such as personal information, blogroll and contact details.

You may check out complete code here: index.html – style.css.

Step 1 – Basic Structure

First of all I define the basic structure of the HTML page, including Doctype, links to stylesheets, the title of the page and charset details. The following image explains the structure and highlights the tag that I use to create the basic structure.

this code

<!DOCTYPE html>
<html lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <title>mubarok leto| personal blog</title>
 <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
 <header id="site_head">
  <div class="header_cont"><!--useful to create the 1024px limit-->
  <!--header stuff-->
  </div>
 </header>

 <div id="main_content"><!--useful to create the 1024px limit-->

  <section id="last_posts">
  <!--last posts here-->
  </section>

Awesome Best HTML5 and CSS3 Templates Free Guys

Beadysite
( Demo || Download )



iPhone Application Template
( Demo || Download )

10 tips MASTER COMPOSITING Digital Camera

1. BACKGROUND, BACKGROUND, BACKGROUND, BACKG…
When framing a shot, pay as much attention to the background as you do your subject. A complimentary background can enhance a mundane subject – a poor choice of background will make a great subject fall flat.

2. KEEP IT SIMPLE
The strongest compositions are ones that get their message across quickly. Look for the building blocks of a great photograph in lines and shapes.

3. PERSONALISE IT
Ask yourself what you’re drawn to in a scene – the height of a building, the patterns in a field, the shape of a flower – and bring that element out.