<div class="card card-list card-title-red list-large">
<h4>Topic Goes Here</h4>
<ul class="custom">
<li><strong>Always being there</strong> - Glass damage can happen at any hour. AAA Auto Glass - Powered by Safelite is always here for you with 24/7 live representatives in our renowned contact centers, as well as web and mobile app scheduling.</li>
<li><strong>Knowing who to expect</strong> - When you schedule mobile service, you'll receive peace of mind with our Technician Profile Email, including the technician's name, photo, and credentials before he arrives.</li>
</ul>
</div>
Used on interior pages for large blocks of listed or bulleted content. The accompanying image can scale with the block and should generally be selected as something without a central focus. It should never appear with other listed content.
Title color should be set to default at #eaeaea, selecting any of the four business line blocks should be optional. This can be changed by including .card-title to make sure the h4 is styled appropriately and .card-title-[RED, GREEN, BLUE or GOLD] to select the respective title color scheme.
This module is based on a element called a "card". Modifier classes are applyed to the card element to apply certain styles. The "list-large" modifier used on the List Module Featured is added to remove the bottom border from in between the list items. To adjust the the titles background and color use the card-title modilfier on the card element. To apply specific colors add a dash then the color name (card-title-red, card-title-blue, card-title-green, card-title-gold). By default its grey and black.