Foros del Web - Ver Mensaje Individual

kahlito · #16 (**permalink**) 07/11/2012, 06:06

Hola de nuevo.

Aquí intento hacer el mio, a ver que tal está:

Código HTML:

Ver original<DOCTYPE html>
<html lang="es">
<head>
    <title>Lelogo</title>
    <meta charset="utf-8" />    
</head>
<body>
    <header>
        <h1>Lelogo</h1>
        <div id="description">
        <p>Lorem ipsum dolor sit amet</p>
        </div>
        <nav>
            <ul>
                <li><a href="#" title="Descargas">Descargas</a></li>
                <li><a href="#" title="Docs">Docs</a></li>
            </ul>
        </nav>
    </header>
    <section id="lelogo-industria">
        <h2>LELOGO en la Industria</h2>
        <article id="articulo1">
            <h2>Empresa X</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Quisque vehicula nisi nec magna adipiscing adipiscing.
            Quisque diam nunc, volutpat ut tincidunt quis, fringilla eu sapien.</p>
        </article>
        <article id="articulo2">
            <h2>Empresa Y</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Quisque vehicula nisi nec magna adipiscing adipiscing.
            Quisque diam nunc, volutpat ut tincidunt quis, fringilla eu sapien.</p>
        </article>
        <article id="articulo3">
            <h2>Empresa Z</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Quisque vehicula nisi nec magna adipiscing adipiscing.
            Quisque diam nunc, volutpat ut tincidunt quis, fringilla eu sapien.</p>
        </article>
     </section>
     <section id="uso">
        <h3>Un ejemplo de uso</h3>
        <article>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Quisque vehicula nisi nec magna adipiscing adipiscing.
            Quisque diam nunc, volutpat ut tincidunt quis, fringilla eu sapien.</p>
        </article>
     </section>        
    <aside>
        <nav>
            <ul>
                <li>Acerca de</li>
                <li>Lorem ipsum dolor sit amet</li>
                <li>Descarga</li>
                <li>Lorem ipsum dolor sit amet</li>
                <li>Documentación</li>
                <li>Lorem ipsum dolor sit amet</li>
                <li>Foro</li>
                <li>Lorem ipsum dolor sit amet</li>
                <li>Contacto</li>    
                <li>Lorem ipsum dolor sit amet</li> 
            </ul>
        </nav>
    </aside>
    <footer>
        <nav>
            <ul>
                <li><a href="#">Acerca de</a> |</li>
                <li><a href="#">Descarga</a> |</li>
                <li><a href="#">Documentación</a> |</li>
                <li><a href="#">Foro</a> |</li>
                <li><a href="#">Contacto</a></li>      
            </ul>
        </nav> 
    </footer>
</body>

Saludos.