@extends('layouts.master')

@section('content')

  <div class="flex-container flex-container--wrap flex-container--row">
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-time-off-graphic.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">Time Off Requests</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-payroll-graphic.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">Payroll</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-health-benefits.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">Health Benefits</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-training-graphic.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">Training</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-employee-referrals.png" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">Employee Referrals</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-public-library.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">Public Library</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-401k.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">401K</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
    <div class="col--1-4 intranet-hr-block">
      <div>
        <img src="/img/hr/hr-it-technology.jpg" class="full-width-image">
      </div>
      <div class="intranet-hr-block-content">
        <h3 class="regular-text block-margin bold-text accent-text">IT / Technology</h3>
        <p class="grey-text xs-text hr-links">
          <a href="#" class="block-text dark-text">Request Form</a>
          <a href="#" class="block-text dark-text">Policy</a>
        </p>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
        <div class="intranet-hr-contact">
          <p>
            <a href="#" class="accent-text small-text bold-text">
              Joe Cohen
            </a>
            <span class="bold-text grey-text micro-text block-text">
              Payroll Manager
            </span>
            <a href="#" class="grey-text micro-text block-text">
              x: 2098
            </a>
          </p>
          <div class="intranet-directory-info">
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-email-circle.png" class="agency-circle-alt">
            </a>
            <a href="#" class="intranet-contact-circle">
              <img src="/img/intranet/icon-jabber-circle.png" class="agency-circle-alt">
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
@stop