This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/
Source: dist/css/cvquality_boot.css, line 16120
A slide-show component for cycling through groups of images and text. .no-controls Will remove left and right arrow .text-indicators Converts the circle indicators to text tabs that lock to the right side of the images. .chevron-on Adds a light orange chevron on the '.active' indicator to increase its impact.
NEW | Hear from an expert panel and complete four patient cases to test your knowledge on our Syncope Program! Find out more!
<div
id="carouselExampleFade"
class="carousel carousel-alt slide no-controls text-indicators chevron-on"
>
<ol class="carousel-indicators">
<li data-target="#carouselExampleFade" data-slide-to="0" class="wrap" >
quaerat odit assumenda
</li>
<li data-target="#carouselExampleFade" data-slide-to="1" class=" wrap">
delectus sunt optio
</li>
<li data-target="#carouselExampleFade" data-slide-to="2" class=" wrap">
deserunt quia quasi
</li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<a><img class="block w_100" src="http://lorempixel.com/630/420/animals" alt="..."/></a>
<div class="carousel-caption bg_black-7 text-shadow_black-1 text_center text_left:md font_2:md c_white p_3:lg p-b_4:lg p-y_3 lh_1 b_0 r_0 l_0">
<span class="title font_display block m-b_2 font_4:md m-b_3:md">Cardiac Syncope Program Launches!</span>
<p><strong>NEW</strong> | Hear from an expert panel and complete four patient cases to test your knowledge on our Syncope Program! <a href="http://edu.acc.org/diweb/catalog/item/eid/SYNCOPE2019" title="" class="" target="_blank"><strong>Find out more!</strong></a></p>
</div>
</div>
<div class="carousel-item">
<a><img class="block w_100" src="http://lorempixel.com/630/420/nature" alt="..."/></a>
<div class="carousel-caption bg_black-7 text-shadow_black-1 text_center text_left:md font_2:md c_white p_3:lg p-b_4:lg p-y_3 lh_1 b_0 r_0 l_0">
<span class="title font_display block m-b_2 font_4:md m-b_3:md">sint explicabo sequi</span> Earum nihil omnis.
</div>
</div>
<div class="carousel-item">
<a><img class="block w_100" src="http://lorempixel.com/630/420/food" alt="..."/></a>
<div class="carousel-caption bg_black-7 text-shadow_black-1 text_center text_left:md font_2:md c_white p_3:lg p-b_4:lg p-y_3 lh_1 b_0 r_0 l_0">
<span class="title font_display block m-b_2 font_4:md m-b_3:md">sint explicabo sequi</span> Earum nihil omnis.
</div>
</div>
</div>
<!-- Controls -->
<a
class="left carousel-control-prev"
href="#carouselExampleFade"
role="button"
data-slide="prev"
>
<i class="fas fa-chevron-left"></i>
<span class="sr-only">Previous</span>
</a>
<a
class="right carousel-control-next"
href="#carouselExampleFade"
role="button"
data-slide="next"
>
<i class="fas fa-chevron-right"></i>
<span class="sr-only">Next</span>
</a>
</div>