College of Business Style Guide

Directory Profile

300 × 150 
<section class="directory-profile" role="region" aria-label="directory profile">
    <ul class="bread">
        <li>
            <a href="#">Home</a>
        </li>
        <li>
            <a href="#">Directory</a>
        </li>
        <li>
            John Smith
        </li>
    </ul>
    <div class="sidebar-profile">
        <h1>John Smith</h1>
        <h2>Space Ranger</h2>
        <div class="main-profile">
            <div class="az-profile">
                <div class="az-profile-image">
                    <a href="">
                        <img src="/images/headshot@2x.png" alt=" headshot" />
                    </a>
                </div>
                <div class="az-profile-info">
                    <p>
                        NASA<br /> <a href="mailto:jsmith@lehigh.edu">jsmith@lehigh.edu</a><br /> <a href="tel:+1-123-456-7890">123-456-7890</a> </p>
                </div><!-- end az-profile-info -->
            </div><!-- az-profile -->

            <div class="profile-details">
                <h3>Courses Taught</h3>
                <ul class="courses">
                    <li>Financial Accounting</li>
                    <li>Auditing</li>
                    <li>Forensic and Investigative Accounting</li>
                </ul>
            </div>
        </div>
        <p class="cta">
            <a href="#" class="button dark-grey" role="button">Curriculum Vitae</a>
        </p>
    </div><!-- end sidebar-profile -->
</section>
 
<section class="directory-profile" role="region" aria-label="directory profile">
    {% block cms_override %}
        {% include "@breadcrumb" with {
            links: breadcrumb
        } %}
        {% include "@sidebar_profile" with {
            employee_name: profile.employee_name,
            title: profile.title,
            az: profile.az,
            courses: profile.courses,
            button: profile.button
        } %}
    {% endblock cms_override %}
</section>
 
{
  "breadcrumb": [
    {
      "url": "#",
      "page_name": "Home",
      "active_link": "yes"
    },
    {
      "url": "#",
      "page_name": "Directory",
      "active_link": "yes"
    },
    {
      "url": "#",
      "page_name": "John Smith"
    }
  ],
  "profile": {
    "employee_name": "John Smith",
    "title": "Space Ranger",
    "az": {
      "img_src": "/images/headshot@2x.png",
      "department": "NASA",
      "email": "jsmith@lehigh.edu",
      "phone": "123-456-7890"
    },
    "courses": [
      {
        "course_title": "Financial Accounting"
      },
      {
        "course_title": "Auditing"
      },
      {
        "course_title": "Forensic and Investigative Accounting"
      }
    ],
    "button": {
      "url": "#"
    }
  }
}

No notes defined.