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 10779

7.1.1 Presentation - Condensed

Presentation designs on the Search page.

Sub.FacultyList - Faculty List Sub.Credits - Credits Sub.Search.TimeMarkers - Time Markers
Sub Components in Design:
    Data.Session.Title - Session Title Data.Presentation.Title - Presentation Title
    Data Elements:
      <article class="br-t_1 br_black-3 br_solid flex flex_column flex_grow w_100 p-t_3">
          <div class="flex flex_row font_ui justify_start relative w_100 gap_3 p_2 p_3:md h:bg_white-8 br_radius">
              <main class="flex flex_column flex_auto gap_4 justify_between flex_auto relative w_100 isolation_isolate">
                  <h2 class="font-size_up-1 lh_2 font_display font_regular lh_1 c_primary-n3 m_0">
                      <a class="c_inherit-all expanded-click-area z_1 h:undecorated undecorated">
                          Presentation of the findings 
                      </a>
                  </h2>
              </main>
              <aside class="flex_auto flex flex_column items_center justify_center">
                  <span class="font-size_down inline-block lh_0  c_black-8 text_center nowrap">
                      <span class="font-size_up c_accent-n2 block ">
                      <i class="fal fa-clock"></i>
                      15
                      </span>
                      minutes
                  </span>
              </aside>
          </div>
      </article>
      Copy Code