person.mustache

{{> organisms-header }}

{{> molecules-photo_header }}

<main role="main">
  <div class="">
    <section class="grid-container person-grid-container">
      <div class="grid-content leading-6">
        <article class="mb-4 xl:mb-24 xl:mr-2">
          <p class="font-alt mb-5">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
            venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
            vel sagittis velit mauris vel metus.
          </p>

          <p class="mb-5">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
            venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
            vel sagittis velit mauris vel metus. Aliquam erat volutpat. Mauris dictum facilisis augue. Aenean id metus
            id velit ullamcorper pulvinar. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis,
            sem. Nullam rhoncus aliquam metus. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae,
            justo. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla
            vel leo. Nulla est. Sed ac dolor sit amet purus malesuada congue. Nulla turpis magna, cursus sit amet,
            suscipit a, interdum id, felis. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Fusce
            consectetuer risus a nunc. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo.
            Nulla non lectus sed nisl molestie malesuada.
          </p>

          <p class="mb-5">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
            venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
            vel sagittis velit mauris vel metus. Aliquam erat volutpat. Mauris dictum facilisis augue. Aenean id metus
            id velit ullamcorper pulvinar. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis,
            sem. Nullam rhoncus aliquam metus. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae,
            justo. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla
            vel leo. Nulla est. Sed ac dolor sit amet purus malesuada congue. Nulla turpis magna, cursus sit amet,
            suscipit a, interdum id, felis. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Fusce
            consectetuer risus a nunc. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo.
            Nulla non lectus sed nisl molestie malesuada.
          </p>
        </article>
      </div>
      <div class="grid-right-side mb-8 xl:mb-0">
        <div class="bg-grey-100 mb-1 px-7 py-9">
          <div class="flex mb-2">
            <i class="ico--envelope mr-2"></i>
            <a href="mailto:ivan.bartos@pirati.cz" class="text-turquoise-500 underline">
              ivan.bartos@pirati.cz
            </a>
          </div>
          <div class="flex mb-2">
            <i class="ico--phone mr-2"></i>
            <a href="tel:+420 775 978 550">
              +420 775 978 550
            </a>
          </div>
        </div>
        <div class="bg-grey-100 px-7 py-9">
          <div class="flex mb-2">
            <i class="ico--facebook mr-2"></i>
            <a href="">
              Facebook
            </a>
          </div>
          <div class="flex mb-2">
            <i class="ico--twitter mr-2"></i>
            <a href="">
              Twitter
            </a>
          </div>