nosotros.html

<!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>Blog de Café</title>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=PT+Sans:wght@400;700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

    <header class="site-header">
        <div class="contenedor">
            <div class="barra">
                <a href="index.html">
                    <h1 class="no-margin">Blog <span>DeCafé</span></h1>
                </a>
                <nav class="navegacion">
                    <a href="nosotros.html">Nosotros</a>
                    <a href="cursos.html">Cursos</a>
                    <a href="contacto.html">Contacto</a>
                </nav>
            </div>
            <!--cierra barra-->

            <div class="texto-header">
                <h2 class="no-margin">Blog de Café con Consejos y Cursos</h2>
                <p class="no-margin">Aprende de los expertos con las mejores recetas y consejos</p>
            </div>

        </div>
        <!--cierra contenedor-->
    </header>

    <main class="contenedor">
        <h2 class="centrar-texto">Sobre Nosotros</h2>
        <div class="grid">

            <div class="columna-6">
                <img src="img/nosotros.jpg" alt="">
            </div>
            <div class="columna-6">
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perferendis, cumque odio totam saepe
                    ducimus ullam, nobis quia eligendi, deserunt iusto sequi in blanditiis modi dolore nisi!
                    Voluptatibus modi est laborum?</p>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic nemo similique perferendis itaque vel
                    nesciunt quod? Cupiditate iusto iste natus aspernatur? Dolore nisi corporis atque asperiores
                    reprehenderit tempore, ipsa aperiam?</p>
            </div>

        </div>
    </main>


    <footer class="site-footer">
        <div class="contenedor">
            <div class="barra">
                <p class="no-margin">Blog<span>DeCafé</span></p>

                <nav class="navegacion">
                    <a href="nosotros.html">Nosotros</a>
                    <a href="cursos.html">Cursos</a>
                    <a href="contacto.html">Contacto</a>
                </nav>

            </div>
        </div>
    </footer>


</body>

</html>