<!DOCTYPE html>

<html lang="es">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>L0G0TYP0_01 | Bienvenidos</title>
    <link rel="stylesheet" href="estilos.css">
</head>

<body>
<header>
    <div class="contenedor">

        <div id="marca">
            <h1> <span class="resaltado">L0G0TYP0 </span>Diseño y Desarrollo Web</h1>
        </div>

        <nav>
            <ul>
                <li><a href="index.html">Inicio</a></li>
                <li><a href="nosotros.html">Nosotros</a></li>
                <li><a href="servicios.html">Servicios</a></li>
                <li class="actual"><a href="contacto.html">Contacto</a></li>
            </ul>
        </nav>

    </div>
</header>

<section id="boletin">
    <div class="contenedor">

        <h1>Suscríbete a nuestro boletín</h1>
        <form>
            <input type="email" name="email" placeholder="Ingrese el email..." />
            <button class="boton1" type="submit">Suscíbete</button>
        </form>

    </div>
</section>

<section id="main">
    <div class="contenedor">
        <article id="main-col">
            <h1>Contacto</h1>
            <form action="#" method="POST">
                <label for="nombre">Nombre</label>
                <input type="text" name="nombre" placeholder="Ingresa tu nombre..." required>
                <br>

                <label for="email">Email</label>
                <input type="email" name="email" placeholder="Ingresa tu email..." required>
                <br>

                <label for="telefono">Teléfono</label>
                <input type="tel" name="telefono" placeholder="Ingresa tu teléfono..." required>
                <br>

                <label for="movil">Móvil</label>
                <input type="tel" name="movil" placeholder="Ingresa tu móvil..." required>
                <br>

                <label for="mensaje">Mensaje</label>
                <textarea name="mensaje" id="mensaje" required></textarea>
                <br>

                <input type="submit" value="Enviar">
            </form>
        </article>

        <aside id="lateral">
            <div class="oscuro">
                <h3>Que hacemos</h3>

                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, asperiores aut, beatae dolor doloribus
                    earum enim eum impedit placeat quia ratione recusandae repudiandae similique. Ab cum deleniti dolore eligendi
                    impedit.</p>
            </div>
        </aside>
    </div>
</section>

<footer>
    <p>L0G0TYP0 Desarrollo Web, Copyright &copy; 2017</p>
</footer>

</body>

</html>