onas.html

---
layout: layouts/content-template.njk
title: O nás
---

<section class="content__intro">
    <div class="grid-row">
        <div class="grid-row__left grid-row__left--text-align-top">
            <h2 class="title">O nás</h2>
            <p class="content__text">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Mollitia exercitationem quos maiores consectetur ducimus aliquid similique,
                ipsa quae alias expedita? Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Neque esse, voluptate reprehenderit veniam, deleniti eligendi consequuntur delectus
                repellendus ullam, assumenda nostrum cupiditate quo rem ad vel culpa beatae minus sint.</p>
        </div>


        <div class="grid-row__right">
            <img class="content__image" src="/images/about-us.jpg" alt="Friends in the mountains">
        </div>
    </div>
</section>

<section class="story">
    <div class="grid-row">
        <div class="grid-row__right">
            <h2 class="title">Příběh</h2>
            <p class="content__text">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Reprehenderit possimus, atque sint nihil eveniet expedita fugit laboriosam cum omnis
                vel officia tempora dolorum repudiandae fugiat ipsam voluptatem.
                Explicabo, doloribus distinctio! Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Numquam minima maxime illo quo maiores quasi voluptatibus, saepe qui minus dolores aspernatur
                blanditiis vel necessitatibus recusandae voluptate nesciunt, consequatur pariatur animi.</p>
        </div>

        <div class="grid-row__left">
            <img class="content__image" src="/images/story.jpg" alt="Coffee machine">
        </div>
    </div>

    <div class="grid-row">
        <div class="grid-row__left">
            <h2 class="title">Tým</h2>
            <p class="content__text">Lorem ipsum dolor sit amet consectetur adipisicing elit.
                Mollitia exercitationem quos maiores consectetur ducimus aliquid similique,
                ipsa quae alias expedita? Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                Neque esse, voluptate reprehenderit veniam, deleniti eligendi consequuntur delectus
                repellendus ullam, assumenda nostrum cupiditate quo rem ad vel culpa beatae minus sint.</p>
        </div>

        <div class="grid-row__right">
            <img class="content__image" src="/images/teamworking.jpg" alt="Hands together">
        </div>
    </div>
</section>

<section class="gallery">

    <h2 class="title title--margin-bottom">Fotogalerie</h2>

    <div class="grid-gallery">

        <div class="grid-gallery__left">
            <img class="gallery__image" src="/images/bistro-gallery.jpg" alt="People in the bistro">
        </div>

        <div>
            <img class="gallery__image" src="/images/benedict-gallery.jpg" alt="Benedict eggs food">
        </div>

        <div>
            <img class="gallery__image" src="/images/coffee-gallery.jpg" alt="Cup of coffee">
        </div>

        <div>
            <img class="gallery__image" src="/images/coffee-art-gallery.jpg" alt="Cup of coffee with coffee art">
        </div>

        <div>
            <img class="gallery__image" src="/images/indoor-gallery.jpg" alt="Cafe indoor">
        </div>

        <div class="grid-gallery__right">
            <img class="gallery__image" src="/images/food-gallery.jpg" alt="Fruit bowl">
        </div>
    </div>

</section>