Arches: Online Video Library

Arches:Online Video Library

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/library_boot.css, line 7988

10.7.1 Aux Session Faculty List

When it is only important to show the credits listed and not the credit values this simple dot pattern is a good solution.

Data.Faculty.FullName - Full Name Data.Faculty.Location - Location
Sub Components in Design:

    Example s

    block

    use block on the role type label to stack the faculty names.

    Role Type 1

    • Marty Little ( New York, NY, USA)
    • Eileen Marvin ( New York, NY, USA)
    • Chelsea Dach DVM ( New York, NY, USA)

    Role Type 2

    • Wm Price( New York, NY, USA)
    • Mrs. Jeffrey Cartwright ( New York, NY, USA)
    • CEmmett Spencer( New York, NY, USA)

    inline-block

    use inline-block on the role type label to keep all the faculty in wrapping single line.

    Role Type 1

    • Marty Little ( New York, NY, USA)
    • Eileen Marvin ( New York, NY, USA)
    • Chelsea Dach DVM ( New York, NY, USA)

    Role Type 2

    • Wm Price( New York, NY, USA)
    • Mrs. Jeffrey Cartwright ( New York, NY, USA)
    • CEmmett Spencer( New York, NY, USA)
    <h4 class="font-size_up c_black-6 font_medium capitalize"><i class="fas fa-users p-r_3"></i> Role Type 1</h4>
<div class="p-y_3 br-t_1  br_primary-2 br_solid font-size_down">
<ul class="ul_inline-semicolon font_regular font_copy">
  <li>Marty Little <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Eileen Marvin <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Chelsea Dach DVM <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
</ul>
</div>
<h4 class="font-size_up c_black-6 font_medium capitalize"><i class="fas fa-users p-r_3"></i> Role Type 2</h4>
<div class="p-y_3 br-t_1  br_primary-2 br_solid font-size_down">
<ul class="ul_inline-semicolon font_regular font_copy">
  <li>Wm Price<span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>Mrs. Jeffrey Cartwright <span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
  <li>CEmmett Spencer<span class="opacity_9 font_light m-l_2">( New York, NY, USA)<span></li>
</ul>
</div>
    Copy Code