Basic HTML5 layout

<!DOCTYPE html>

<html dir="ltr" lang="en">

    <head>

        <meta charset="utf-8" />

        <title></title>

        <link rel="stylesheet" href="estilos/personal.css" />

        <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script src="js/general.js"></script>

        <link rel="alternate" type="application/atom+xml" title="Atom feed" href="feed/">

    </head>

    <body>

        <div id="wrap">

            <header id="main-header">

                <figure>

                    <img alt="Logo" height="" src="images/logo.png" width="" />

                </figure>

                <nav id="main-navigation">

                    <ul>

                        <li><a href="/">Home</a></li>
                        <li><a href="/projects/">Projects</a></li>
                        <li><a href="/author/">About</a></li>

                    </ul>

                </nav>

            </header>

            <section id="content">

                <hgroup>

                    <h1>Business website</h1>
                    <h2>And also personal blog</h2>

                </hgroup>

                <p id="hello">Hello world</p>

            </section>

            <footer id="main-footer">

                <p><small><a href="/author/" rel="author">Andrés Botero</a> &copy; 2010. No rights reserved.</small></p>

            </footer>

        </div>

    </body>

</html>