Definiendo el contenido del sitio web

← Diseño Web ⌂ Home

Definiendo el Copy

Lo siguiente será hacer uso de algunas de las principales etiquetas de HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Playeras Geek</title>
    </head>
    <body>
        <header>
            <nav>
                <ol>
                    <li>Sección principal</li>
                    <li>Las más vendidas</li>
                    <li>Más modelos</li>
                    <li>Promociones</li>
                    <li>Preguntas frecuentes</li>
                    <li>Contacto</li>
                </ol>
            </nav>
        </header>
        <main>
            <section>
                <h1>Playeras con diseños para Hackers, Ingenieros y Geeks.</h1>
                <h3>Tenemos 3x2 en todas las playeras!</h3>
            </section>

            <hr/>

            <section>
                <h2>Las más vendidas</h2>

                <article>
                    <h3>Playera de HTML</h3>
                    <figure>
                        <img src="" alt="">
                    </figure>
                    <p><strong>Precio:</strong> $300.00 MXN</p>
                    <p><strong>Tallas disponibles en</strong>: CH / M / G / XL</p>
                    <a href="">¡La quiero!</a>
                </article>

                <article>
                    <h3>Playera de Star Wars</h3>
                    <figure>
                        <img src="" alt="">
                    </figure>
                    <p><strong>Precio:</strong> $350.00 MXN</p>
                    <p><strong>Tallas disponibles en</strong>: CH / M / G / XL</p>
                    <a href="">¡La quiero!</a>
                </article>

                <article>
                    <h3>Playera de NASA</h3>
                    <figure>
                        <img src="" alt="">
                    </figure>
                    <p><strong>Precio:</strong> $350.00 MXN</p>
                    <p><strong>Tallas disponibles en</strong>: CH / M / G / XL</p>
                    <a href="">¡La quiero!</a>
                </article>
            </section>

            <hr/>

            <section>
                <h2>Promociones</h2>
                <p>
                    En la compra de 2 playeras llévate la tercera <strong>¡GRATIS!</strong>
                </p>
            </section>

            <hr/>

            <section>
                <h2>Más modelos</h2>
                <!-- Agregar más modelos -->
            </section>

            <hr/>

            <section>
                <h2>Preguntas frecuentes</h2>
                <ul>
                    <li>
                        <strong>¿En cuánto tiempo me llega mi playera?</strong>
                        <p>De 3 a 5 días hábiles.</p>
                    </li>
                    <li>
                        <strong>¿Haces envíos a todo México?</strong>
                        <p>Sí.</p>
                    </li>
                </ul>
            </section>
        </main>
        <footer>
            <p>
                <small>Cualquier duda nos puedes encontrar en: Local 105 de la Frikiplaza.</small>
            </p>
        </footer>
    </body>
</html>