Source: dist/css/library_boot.css, line 11093
5.1.2 Home
The sub pages have a common layouts.
Example
Default styling
Featured
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Electrocardiographic Valvular Heart Disease Valvular Clinical Arrhythmia Chest Pain Blood Vessel
- 15 minutes
- 4 presentations
- ZIP Attachments
- CME
- CNE
- AAPA
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Arrhythmia Cardiovascular Arrhythmia Pericardial Chest Pain Valvular Side Effect Chest Pain Valvular Heart Disease
- 15 minutes
- 4 presentations
- ZIP Attachments
- CME
- CNE
- AAPA
Hot Topics
continue watching
-
Presentation of the findings Electrocardiographic Electrocardiographic Electrocardiographic Chest Pain Chest Pain Side Effect Side Effect Side Effect
-
Presentation of the findings Arrhythmia Cardiovascular Chest Pain Side Effect Pericardial Valvular Heart Disease Electrocardiographic Myocardial Arteriosclerosis
-
Presentation of the findings Arteriosclerosis
-
Presentation of the findings Clinical Side Effect Electrocardiogram Cardiovascular Arteriosclerosis
-
Presentation of the findings Arrhythmia Side Effect Pharmacologic Valvular Heart Disease Arrhythmia Side Effect Side Effect Electrocardiographic Pericardial
watch again
saved
NOTE:
This page will not render 100% correctly because it is calculated based on the whole viewport and the styleguide has it wrapped in page dynamics..<div class="BODY_TAG-stand-in grid:md bg_black-4 w_100 p_3:md p_2">
<div class="page-wrapper grid:md p_2 p_3:md isolation_isolate br_radius bg_white-7">
<div class="grid:md grid-template_page flex flex_column gap_4:md gap_3">
<div style="height: calc(100vh - 1.5rem);" class="display_none flex:md sticky t_3 grid-area_menuArea z_4">
<nav style="height: calc(100vh - 1.5rem); width: 35rem;" id="navigation" class="absolute h_100vh shadow_emboss-light filter_blur overflow_hidden br_radius bg_black-7 flex:md flex_column:md justify_between p-t_0 p-b_3 p-l_3 p-r_3 p-b_4:md p-t_4:md p-r_0:md font_4:lg font_3:md font_2 transition_3 font_display nav-mined">
<ul class="flex flex_column:md flex_row ul_none justify_around justify_start:md gap_3 w_100 w_auto:md">
<li id="mainDesktopNavTouchToggle" class="display_none flex:touch flex_row justify_end p-x_3 m-l_n3 ">
<span class="aspect_1x1 bg_accent br_round c_inherit-all c_white-8 grid h:c_white justify_center p_3 self_center text_center w_auto shadow_n3"><i class="block fa-chevron-circle-right fa-fw fas icon [rotate_180] self_center text-shadow_black-1 transition_2"></i></span>
</li>
<li class="nav-item flex_none br_radius p-t_3 m-t_n3 m-t_0:md p-t_0:md p-r_4:md m-r_n4:md c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light active">
<a class="p_3 c_inherit-all h:undecorated flex flex_column flex_row:md" href="../home"><i class="icon fas fa-fw fa-home-heart p-x_2:md p-y_3 p-y_0:md self_center"></i><span class="label self_center p-l_3:md p-l_4:lg lowercase lh_0 active font_n2 font_3:md font_4:lg display_none:md opacity_0">Home</span></a>
</li>
<li class="nav-item flex_none br_radius p-t_3 m-t_n3 m-t_0:md p-t_0:md p-r_4:md m-r_n4:md c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light ">
<a class="p_3 c_inherit-all h:undecorated flex flex_column flex_row:md " href="../search"><i class="icon fas fa-fw fa-search p-x_2:md p-y_3 p-y_0:md self_center"></i><span class="label self_center p-l_3:md p-l_4:lg lowercase lh_0 font_n2 font_3:md font_4:lg display_none:md opacity_0">Search</span></a>
</li>
<li class="nav-item flex_none br_radius p-t_3 m-t_n3 m-t_0:md p-t_0:md p-r_4:md m-r_n4:md c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light ">
<a class="p_3 c_inherit-all h:undecorated flex flex_column flex_row:md" href="../saved"><i class="icon fas fa-fw fa-heart p-x_2:md p-y_3 p-y_0:md self_center"></i><span class="label self_center p-l_3:md p-l_4:lg lowercase lh_0 font_n2 font_3:md font_4:lg display_none:md opacity_0">Saved</span></a>
</li>
<li class="nav-item flex_none br_radius p-t_3 m-t_n3 m-t_0:md p-t_0:md p-r_4:md m-r_n4:md c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light ">
<a class="p_3 c_inherit-all h:undecorated flex flex_column flex_row:md" href="../credits"><i class="icon fas fa-fw fa-award p-x_2:md p-y_3 p-y_0:md self_center"></i><span class="label self_center p-l_3:md p-l_4:lg lowercase lh_0 font_n2 font_3:md font_4:lg display_none:md opacity_0">Credits</span></a>
</li>
<li class="nav-item flex_none br_radius p-t_3 m-t_n3 m-t_0:md p-t_0:md p-r_4:md m-r_n4:md c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light disabled cursor_not-allowed opacity_3 ">
<a class="p_3 c_inherit-all h:undecorated flex flex_column flex_row:md" href="../watching"><i class="icon fas fa-fw fa-play p-x_2:md p-y_3 p-y_0:md self_center"></i><span class="label self_center p-l_3:md p-l_4:lg lowercase lh_0 font_n2 font_3:md font_4:lg display_none:md opacity_0">Watching</span></a>
</li>
</ul>
<ul class="flex_column:md flex_row ul_none justify_center gap_3 flex">
<li class="nav-item flex_auto br_radius p-t_3 m-t_n3 m-t_0:md p-t_0:md p-r_4:md m-r_n4:md c_white-8 bg_acc-n1 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light">
<a class="p_3 c_inherit-all h:undecorated flex flex_column flex_row:md"><i class="icon fas fa-fw fa-sign-out-alt p-x_2 p-y_3 p-y_0:md self_center"></i><span class="label self_center p-l_3:md p-l_4:lg lowercase lh_0 font_n2 font_3:md font_4:lg display_none:md opacity_0">Log Out</span></a>
</li>
</ul>
</nav>
</div>
<nav id="navigation_mobile" class="block display_none:md shadow_emboss-light filter_blur br_radius bg_black-6 p_2 sticky t_3 z_4">
<ul class="flex flex_row ul_none justify_between">
<li class="nav-item flex_auto br_radius c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light active">
<a class="c_inherit-all flex flex_column h:undecorated p_3" href="../home"><i class="icon fas fa-fw fa-home-heart p-y_2 self_center"></i><span class="label self_center lowercase lh_0 active font_n2 h_1h">Home</span></a>
</li>
<li class="nav-item flex_auto br_radius c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light ">
<a class="c_inherit-all flex flex_column h:undecorated p_3" href="../search"><i class="icon fas fa-fw fa-search p-y_2 self_center"></i><span class="label self_center lowercase lh_0 font_n2 h_1h ">Search</span></a>
</li>
<li class="nav-item flex_auto br_radius c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light ">
<a class="c_inherit-all flex flex_column h:undecorated p_3" href="../saved"><i class="icon fas fa-fw fa-heart p-y_2 self_center"></i><span class="label self_center lowercase lh_0 font_n2 h_1h nowrap ">Saved</span></a>
</li>
<li class="nav-item flex_auto br_radius c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light ">
<a class="c_inherit-all flex flex_column h:undecorated p_3" href="../saved"><i class="icon fas fa-fw fa-award p-y_2 self_center"></i><span class="label self_center lowercase lh_0 font_n2 h_1h ">Credits</span></a>
</li>
<li class="nav-item flex_auto br_radius c_white-8 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light disabled opacity_3 cursor_not-allowed ">
<a class="c_inherit-all flex flex_column h:undecorated p_3" href="../watching"><i class="icon fas fa-fw fa-play p-y_2 self_center"></i><span class="label self_center lowercase lh_0 font_n2 h_1h ">Watching</span></a>
</li>
<li class="nav-item flex_auto br_radius c_white-8 bg_acc-n1 h:bg_black-9 h:c_white a:c_white a:bg_primary h:shadow_overlap-light a:shadow_overlap-light">
<a class="c_inherit-all flex flex_column h:undecorated p_3"><i class="icon fas fa-fw fa-sign-out-alt p-y_2 self_center"></i><span class="label self_center lowercase lh_0 font_n2 nowrap h_1h">Log Out</span></a>
</li>
</ul>
</nav>
<script src="../js/library/library.main-nav.js"></script>
<!-- These Styles are just for the styleguide and are not to be included with the pattern. --> <header class="p_3 p_0:md grid-area_headerArea">
<section class="br_radius overflow_hidden relative z_1">
<picture class="w_100">
<source class="w_100" srcset="https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_1440x250.jpg" media="(min-width: 1200px)">
<source class="w_100" srcset="https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_1200x250.jpg" media="(min-width: 1024px)">
<source class="w_100" srcset="https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_768x200.jpg" media="(min-width: 768px)">
<source class="w_100" srcset="https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_600x225.jpg" media="(min-width: 400px)">
<img src="https://acc-style.github.io/PrototypingACCorg/assets/images/lib/J22043_400x300.jpg" class="w_100" alt="">
</picture>
</section>
<div class="m_auto m-t_n4 t_n4 t_n5:lg m-t_n5:lg max-w_60:lg max-w_40:md p-x_3 p-x_5:md z_2 relative">
<div class="inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_4 p_5:lg">
<div class="input-holder flex flex_row self_end relative w_100 p_2 p_3:md">
<input id="input_uniqueTextAndButton" name="input_uniqueTextAndButton" type="text" placeholder="Search" class="br_2 flex_auto p-y_2 br_solid flex_auto p-l_4 lh_3 br_radius bg_white c_black bg_white f:bg_primary br_black-2 br-tl_square br-br_square br-r_0 font_2"/>
<button class="disabled b_0 br-br_radius br-tr_radius br_none br_square btn btn-primary c_white ease_out f:outline_none font_2 font_regular font_ui h:br_primary-n3 h:underline inline-block r_0 t_0 text_center transition_1 undecorated w_auto" >
<i class="fas fa-search"></i>
<span class="inline-block:md display_none">Search</span>
</button>
</div> <nav class="utility-nav p-t_3 p-t_4:lg font_n3 font_0:md font_1:lg ">
<ul class="flex flex_row ul_none justify_center">
<li class="text_center p-x_2 block p-x_4:md lh_1">
<a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
><i class="fal fa-star block inline:md"></i><span class="display_none inline:md"> featured</span></a
>
</li>
<li class="text_center p-x_2 block p-x_4:md lh_1 br-l_1 br_solid br_black-4">
<a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
><i class="fal fa-sitemap block inline:md"></i><span class="display_none inline:md"> hot topics</span></a
>
</li>
<li class="text_center p-x_2 block p-x_4:md lh_1 text_center br-l_1 br_solid br_black-4">
<a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
><i class="fal fa-heart block inline:md"></i><span class="display_none inline:md"> saved</span></a
>
</li>
<li class="text_center p-x_2 block p-x_4:md lh_1 br-l_1 br_solid br_black-4">
<a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
><i class="fal fa-play block inline:md"></i><span class="display_none inline:md"> continue watching</span></a
>
</li>
<li class="text_center p-x_2 block p-x_4:md lh_1 br-l_1 br_solid br_black-4">
<a class="h:undecorated c_primary block h:c_secondary-n3 p_3 p_0:md"
><i class="fal fa-sync block inline:md"></i><span class="display_none inline:md"> watch again </span></a
>
</li>
</ul>
</nav></div> </div>
</header> <section class="grid:md flex flex_column columns_5 gap_4 grid-area_mainArea p-y_3 p-y_0:md font_1:lg font_0 w_100">
<div class="flex flex_column col-start col-end_5:lg col-end_4 font_0 font_1:lg font_ui font_regular w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_2 p_3:md p_4:lg">
<header class="font_display font_regular c_primary-n1 m-b_3 lh_1 m-b_4:lg m-t_3 "><h2 class="lh_1 m_0 font_regular lowercase font_3:lg font_2:md font_1">Featured</h2></header> <div class="relative isolation_isolate overflow_hidden m-x_n2 m-x_n3:md m-x_n4:lg">
<div id="slider1" class=" flex flex_row justify_stretch p-y_4 p-x_3 overflow_hidden m-y_3 inset-level_down-1 bg_black-1 shadow_emboss-light br_solid br_1 br_black-2 br_radius texture_light ">
<div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Cardiovascular
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Cardiovascular ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Electrocardiographic Valvular Heart Disease Valvular Clinical Arrhythmia Chest Pain Blood Vessel
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Electrocardiographic Valvular Heart Disease Valvular Clinical Arrhythmia Chest Pain Blood Vessel ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Cardiovascular Cardiovascular Blood Vessel Valvular Electrocardiographic
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Cardiovascular Cardiovascular Blood Vessel Valvular Electrocardiographic ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Chest Pain Chest Pain
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Chest Pain Chest Pain ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Pericardial Side Effect Valvular Heart Disease
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Pericardial Side Effect Valvular Heart Disease ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Electrocardiographic Arrhythmia Electrocardiogram Arrhythmia Chest Pain
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Electrocardiographic Arrhythmia Electrocardiogram Arrhythmia Chest Pain ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Arrhythmia Cardiovascular Arrhythmia Pericardial Chest Pain Valvular Side Effect Chest Pain Valvular Heart Disease
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Arrhythmia Cardiovascular Arrhythmia Pericardial Chest Pain Valvular Side Effect Chest Pain Valvular Heart Disease ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> <div>
<article class="flex flex_grow w_100 inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2">
<div class="flex flex_row font_ui justify_start relative w_100">
<main
class="flex flex_column flex_auto justify_between flex_auto relative w_100 isolation_isolate p_4">
<h2 class="font-size_up font_display font_regular lh_2 h:underline c_primary-n3 m-t_2">
<a class="c_inherit-all expanded-click-area z_1">
Clinical Update for the Myocardial Valvular Heart Disease Side Effect Side Effect Arteriosclerosis Valvular Heart Disease Pharmacologic Electrocardiographic Myocardial Pharmacologic Pharmacologic Blood Vessel Clinical Clinical
</a>
</h2>
<ul
class="ul_none flex flex_row flex_wrap justify_start font-size_down-1 c_black-7 m-t_auto lh_0 items_end gap_2">
<li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block"><i class="fal fa-clock"></i> 15</span>
minutes
</li> <li class="inline-block p-r_3 p_2 lh_0">
<span class="font-size_up c_accent-n2 block">4</span>
presentations
</li> <li class="inline-block br_radius p-x_3 m-l_n3 p_2 z_3 self_end relative h:bg_black-2 lh_0">
<a href="#" class="undecorated h:undecorated expanded-click-area">
<span class="font-size_up c_primary-n2 block"><i class="fal fa-paperclip p-r_3"></i><span class="p-r_3">ZIP</span></span>
Attachments
</a>
</li> </ul>
<ul class="flex flex_row font_n3 gap_2 justify_start flex_wrap self_start ul_none uppercase">
<li class="lh_0 flex_none">
<span class="bg_CME-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CME</span> </li>
<li class="lh_0 flex_none">
<span class="bg_CNE-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">CNE</span> </li>
<li class="lh_0 flex_none">
<span class="bg_AAPA-n2 block br_1 br_black-3 br_round br_solid c_white font_bold font_ui lh_1 p-y_1 p_2 text-shadow_black-1 text_center">AAPA</span> </li>
</ul>
</main>
<aside class="flex_none p-x_3:md p-b_3 absolute flex_none p-b_3 p-r_2 r_0 t_n1">
<ul
class="b_3 flex flex_column flex_wrap font_n4 gap_2 justify_end:md justify_start r_4 self_center ul_none uppercase p-x_3 m-t_n2 items_center">
<li class="flex_auto p-b_3 m-b_auto">
<a class="inline-block m-x_n3 m-t_n1 Pharmacologic Pharmacologic Blood Vessel Clinical Clinical ">
<span class="fa-stack fa-2x a:c_alert-n2 c_secondary-2 h:c_alert-n3">
<i class="fas fa-bookmark fa-stack-2x c_inherit-all text-shadow_black-1"></i>
<i class="fa-heart c_black-4 h:c_white a:c_white fa-stack-1x fas font-size_down-1 text-shadow_black-n1"></i>
</span>
</a> </li>
</ul>
</aside>
</div>
</article>
</div> </div>
<div class="customize-tools">
<ul class="controls ul_none font-size_up-2 c_black-6" id="slider1-customize-controls" aria-label="Carousel Navigation" tabindex="0">
<li class="prev bg_white-8 h:bg_black-1 h:c_black-9 filter_blur absolute t_1 b_1 l_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-l_0 br-br_radius br-tr_radius shadow_overlap-light" aria-controls="customize" tabindex="-1" data-controls="prev">
<i class="fal fa-chevron-left"></i>
</li>
<li class="next bg_white-8 h:bg_black-1 h:c_black-9 filter_blur absolute t_1 b_1 r_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-r_0 br-bl_radius br-tl_radius shadow_overlap-light" aria-controls="customize" tabindex="-1" data-controls="next">
<i class="fal fa-chevron-right"></i>
</li>
</ul>
</div></div>
<script>
document.addEventListener("DOMContentLoaded", function(event) {
let args ={
items:1,
mouseDrag: true,
slideBy: "page",
swipeAngle: false,
autoplay: false,
controls: true,
nav: false,
edgePadding: 0,
loop:true,
edgePadding:48,
center:false,
gutter:16,
responsive: {
1: {
items: 1
},
768: {
items: 1
},
1200: {
items: 2
},
1400: {
items: 3
}
}};
let slider1 = tns({ container: '#slider1', controlsContainer: "#slider1-customize-controls", ...args });
});
</script> <footer class="flex flex_row-reverse p-t_3 p-b_4"><a href="#" class="link self_end ">view all from "Featured" <i class="fal fa-chevron-circle-right m-r_3"></i></a></footer> <header class="font_display font_regular c_primary-n1 m-b_3 lh_1 m-b_4:lg m-t_3 "><h2 class="lh_1 m_0 font_regular lowercase font_3:lg font_2:md font_1">Hot Topics</h2></header> <div class="p-y_3 relative m-x_n2 m-x_n3:md m-x_n4:lg">
<div class="tns-outer inset-level_down-1 bg_black-1 shadow_emboss-light br_solid br_1 br_black-2 br_radius texture_light font_0 font_ui font_regular" >
<div class="tns-ovh">
<div class="tns-inner" >
<div id="slider3" class=" flex flex_row justify_stretch p-y_4 p-x_3 overflow_hidden tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" >
<div class="tns-item tns-slide-active p-x_5">
<article class="bg_white br_1 br_black-1 br_radius br_solid flex flex_grow shadow_overlap-light w_100">
<div class="flex flex_row justify_start relative w_100">
<main class="flex flex_column flex_auto justify_between flex_auto p-l_4 p-x_4:md p-y_3 p-y_3:lg relative w_100 isolation_isolate reading-typography">
<h2 class="">
You don't have any previously Hot Topics presentations.
</h2>
<p>This collection is based off of your watching history. Come back here when you want to review or re-watch what you have previously viewed.</p>
</main>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="customize-tools">
<ul class="controls ul_none font-size_up-2 c_black-6" id="slider3-customize-controls" aria-label="Carousel Navigation" tabindex="0">
<li class="disabled prev bg_white-8 filter_blur absolute t_1 b_1 l_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-l_0 br-br_radius br-tr_radius shadow_overlap-light" aria-controls="slider3" tabindex="-1" data-controls="prev">
<i class="fal fa-chevron-left opacity_3"></i>
</li>
<li class="disabled next bg_white-8 filter_blur absolute t_1 b_1 r_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-r_0 br-bl_radius br-tl_radius shadow_overlap-light" aria-controls="slider3" tabindex="-1" data-controls="next">
<i class="fal fa-chevron-right opacity_3"></i>
</li>
</ul>
</div></div> <footer class="flex flex_row-reverse p-t_3 p-b_4"><a href="#" class="link self_end ">view all from "Hot Topics" <i class="fal fa-chevron-circle-right m-r_3"></i></a></footer> </div>
<div class="flex flex_column col-start_5:lg col-end col-start_4 w_100">
<section class="font_0 font_1:lg font_ui font_regular flex_100 flex_auto inset-level_up-1 bg_white br_radius shadow_overlap-light relative br_solid br_1 br_black-2 p_2 p_3:md p_4:lg">
<header class="font_display font_regular c_primary-n1 m-b_3 lh_1 m-b_4:lg m-t_3 "><h2 class="lh_1 m_0 font_regular lowercase font_3:lg font_2:md font_1">continue watching</h2></header> <div class="font_n2 font_n1:lg relative isolation_isolate">
<ul class="flex flex_column justify_stretch gap_0 ul_none inset-level_down-1 bg_black-1 shadow_emboss-light br_solid br_1 br_black-2 br_radius texture_light p_2 p_3:md p_4:lg">
<li class="flex flex_row font_ui justify_between br-t_1 br-b_1 br_solid br_black-1 m-b_n1 items_center relative w_100 gap_3 p_2 p_3:md h:bg_white-8 br_radius relative">
<h3 class="font-size_up-1 lh_2 font_display font_regular lh_1 c_primary-n3 m_0 flex_auto">
Presentation of the findings Electrocardiographic Electrocardiographic Electrocardiographic Chest Pain Chest Pain Side Effect Side Effect Side Effect
</h3>
<span class="flex_none flex flex_column items_center justify_center ">
<a class="font-size_up-2 self_center block lh_0 c_primary br_radius aspect_1x1 text_center expanded-click-area nowrap p_4 h:bg_primary-n2 h:c_white bg_white-5 shadow_bevel-light">
<i class="fas fa-play"></i>
</a>
</span>
</li> <li class="flex flex_row font_ui justify_between br-t_1 br-b_1 br_solid br_black-1 m-b_n1 items_center relative w_100 gap_3 p_2 p_3:md h:bg_white-8 br_radius relative">
<h3 class="font-size_up-1 lh_2 font_display font_regular lh_1 c_primary-n3 m_0 flex_auto">
Presentation of the findings Arrhythmia Cardiovascular Chest Pain Side Effect Pericardial Valvular Heart Disease Electrocardiographic Myocardial Arteriosclerosis
</h3>
<span class="flex_none flex flex_column items_center justify_center ">
<a class="font-size_up-2 self_center block lh_0 c_primary br_radius aspect_1x1 text_center expanded-click-area nowrap p_4 h:bg_primary-n2 h:c_white bg_white-5 shadow_bevel-light">
<i class="fas fa-play"></i>
</a>
</span>
</li> <li class="flex flex_row font_ui justify_between br-t_1 br-b_1 br_solid br_black-1 m-b_n1 items_center relative w_100 gap_3 p_2 p_3:md h:bg_white-8 br_radius relative">
<h3 class="font-size_up-1 lh_2 font_display font_regular lh_1 c_primary-n3 m_0 flex_auto">
Presentation of the findings Arteriosclerosis
</h3>
<span class="flex_none flex flex_column items_center justify_center ">
<a class="font-size_up-2 self_center block lh_0 c_primary br_radius aspect_1x1 text_center expanded-click-area nowrap p_4 h:bg_primary-n2 h:c_white bg_white-5 shadow_bevel-light">
<i class="fas fa-play"></i>
</a>
</span>
</li> <li class="flex flex_row font_ui justify_between br-t_1 br-b_1 br_solid br_black-1 m-b_n1 items_center relative w_100 gap_3 p_2 p_3:md h:bg_white-8 br_radius relative">
<h3 class="font-size_up-1 lh_2 font_display font_regular lh_1 c_primary-n3 m_0 flex_auto">
Presentation of the findings Clinical Side Effect Electrocardiogram Cardiovascular Arteriosclerosis
</h3>
<span class="flex_none flex flex_column items_center justify_center ">
<a class="font-size_up-2 self_center block lh_0 c_primary br_radius aspect_1x1 text_center expanded-click-area nowrap p_4 h:bg_primary-n2 h:c_white bg_white-5 shadow_bevel-light">
<i class="fas fa-play"></i>
</a>
</span>
</li> <li class="flex flex_row font_ui justify_between br-t_1 br-b_1 br_solid br_black-1 m-b_n1 items_center relative w_100 gap_3 p_2 p_3:md h:bg_white-8 br_radius relative">
<h3 class="font-size_up-1 lh_2 font_display font_regular lh_1 c_primary-n3 m_0 flex_auto">
Presentation of the findings Arrhythmia Side Effect Pharmacologic Valvular Heart Disease Arrhythmia Side Effect Side Effect Electrocardiographic Pericardial
</h3>
<span class="flex_none flex flex_column items_center justify_center ">
<a class="font-size_up-2 self_center block lh_0 c_primary br_radius aspect_1x1 text_center expanded-click-area nowrap p_4 h:bg_primary-n2 h:c_white bg_white-5 shadow_bevel-light">
<i class="fas fa-play"></i>
</a>
</span>
</li> </ul>
</div>
<footer class="flex flex_row-reverse p-t_3 p-b_4"><a href="#" class="link self_end ">view all from "continue watching" <i class="fal fa-chevron-circle-right m-r_3"></i></a></footer> </section>
</div>
<div class="col-start col-end w_100">
<section class='font_0 font_1:lg font_ui font_regular flex_100 flex_auto inset-level_up bg_white-7 br_radius br_solid br_1 br_black-2 p_2 p_3:md p_4:lg'> <header class="font_display font_regular c_primary-n1 m-b_3 lh_1 m-b_4:lg m-t_3 "><h2 class="lh_1 m_0 font_regular lowercase font_3:lg font_2:md font_1">watch again</h2></header>
<div class="p-y_3 relative m-x_n2 m-x_n3:md m-x_n4:lg">
<div class="tns-outer inset-level_down-1 bg_black-1 shadow_emboss-light br_solid br_1 br_black-2 br_radius texture_light font_0 font_ui font_regular" >
<div class="tns-ovh">
<div class="tns-inner" >
<div id="slider3" class=" flex flex_row justify_stretch p-y_4 p-x_3 overflow_hidden tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" >
<div class="tns-item tns-slide-active p-x_5">
<article class="bg_white br_1 br_black-1 br_radius br_solid flex flex_grow shadow_overlap-light w_100">
<div class="flex flex_row justify_start relative w_100">
<main class="flex flex_column flex_auto justify_between flex_auto p-l_4 p-x_4:md p-y_3 p-y_3:lg relative w_100 isolation_isolate reading-typography">
<h2 class="">
You don't have any previously watch again presentations.
</h2>
<p>This collection is based off of your watching history. Come back here when you want to review or re-watch what you have previously viewed.</p>
</main>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="customize-tools">
<ul class="controls ul_none font-size_up-2 c_black-6" id="slider3-customize-controls" aria-label="Carousel Navigation" tabindex="0">
<li class="disabled prev bg_white-8 filter_blur absolute t_1 b_1 l_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-l_0 br-br_radius br-tr_radius shadow_overlap-light" aria-controls="slider3" tabindex="-1" data-controls="prev">
<i class="fal fa-chevron-left opacity_3"></i>
</li>
<li class="disabled next bg_white-8 filter_blur absolute t_1 b_1 r_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-r_0 br-bl_radius br-tl_radius shadow_overlap-light" aria-controls="slider3" tabindex="-1" data-controls="next">
<i class="fal fa-chevron-right opacity_3"></i>
</li>
</ul>
</div></div> <footer class="flex flex_row-reverse p-t_3 p-b_4"><a href="#" class="link self_end ">view all from "watch again" <i class="fal fa-chevron-circle-right m-r_3"></i></a></footer> <header class="font_display font_regular c_primary-n1 m-b_3 lh_1 m-b_4:lg m-t_3 "><h2 class="lh_1 m_0 font_regular lowercase font_3:lg font_2:md font_1">saved</h2></header> <div class="p-y_3 relative m-x_n2 m-x_n3:md m-x_n4:lg">
<div class="tns-outer inset-level_down-1 bg_black-1 shadow_emboss-light br_solid br_1 br_black-2 br_radius texture_light font_0 font_ui font_regular" >
<div class="tns-ovh">
<div class="tns-inner" >
<div id="slider3" class=" flex flex_row justify_stretch p-y_4 p-x_3 overflow_hidden tns-slider tns-carousel tns-subpixel tns-calc tns-horizontal" >
<div class="tns-item tns-slide-active p-x_5">
<article class="bg_white br_1 br_black-1 br_radius br_solid flex flex_grow shadow_overlap-light w_100">
<div class="flex flex_row justify_start relative w_100">
<main class="flex flex_column flex_auto justify_between flex_auto p-l_4 p-x_4:md p-y_3 p-y_3:lg relative w_100 isolation_isolate reading-typography">
<h2 class="">
You don't have any previously saved presentations.
</h2>
<p>This collection is based off of your watching history. Come back here when you want to review or re-watch what you have previously viewed.</p>
</main>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
<div class="customize-tools">
<ul class="controls ul_none font-size_up-2 c_black-6" id="slider3-customize-controls" aria-label="Carousel Navigation" tabindex="0">
<li class="disabled prev bg_white-8 filter_blur absolute t_1 b_1 l_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-l_0 br-br_radius br-tr_radius shadow_overlap-light" aria-controls="slider3" tabindex="-1" data-controls="prev">
<i class="fal fa-chevron-left opacity_3"></i>
</li>
<li class="disabled next bg_white-8 filter_blur absolute t_1 b_1 r_0 p_3 flex_column flex justify_center items_center br_primary-3 br_solid br_1 br-r_0 br-bl_radius br-tl_radius shadow_overlap-light" aria-controls="slider3" tabindex="-1" data-controls="next">
<i class="fal fa-chevron-right opacity_3"></i>
</li>
</ul>
</div></div> <footer class="flex flex_row-reverse p-t_3 p-b_4"><a href="#" class="link self_end ">view all from "saved" <i class="fal fa-chevron-circle-right m-r_3"></i></a></footer> </section>
</div>
</section>
<footer class="flex flex_column gap_4 grid-area_footerArea columns_5 grid:md m-t_auto p-y_0:md p-y_3">
<div id="subfooter" class="bg_primary-1 flex_auto font_n1 z_1 br_radius texture_dust shadow_emboss-light p_2 p_3:md p_4:lg col-start col-end_4">
<ul class="m_auto footer-bottom-links ul_none max-w_80">
<li class="inline p_2"><a href="//www.acc.org/footer-pages/media-center" class="c_white-6 h:c_white">Media Center</a></li>
<li class="inline p_2"><a href="//www.acc.org/footer-pages/quick-start-guide" class="c_white-6 h:c_white">ACC.org Quick Start Guide</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/advertising-and-sponsorship-policy">Advertising & Sponsorship Policy</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/clinical-content-disclaimer">Clinical Content Disclaimer</a> </li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/editorial-board">Editorial Board</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/privacy-policy">Privacy Policy</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/registered-user-agreement">Registered User Agreement</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/terms-and-conditions">Terms of Service</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/cookie-policy">Cookie Policy</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/footer-pages/member-hub-terms-of-use">Member Hub Terms of Use</a></li>
<li class="inline p_2"><a class="c_white-6 h:c_white" href="//www.acc.org/sitemap-acc.xml">Site Map</a> </li>
</ul> <!-- /footer-bottom-links -->
</div><!-- /subfooter --> <div id="logo" class="bg_white br_1 br_black-1 br_round br-br_radius br-tl_radius br_solid flex flex_none flex_row items_center justify_center shadow_bevel-light p_2 p_3:md p_4:lg col-start_4 col-end ">
<h2 class="logo_condensed w_100 max-w_20">American College of Cardiology</h2>
</div> </footer>
</div>
</div>
</div>