List Module

Topic Goes Here

  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.
  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.

Topic Goes Here

  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.
  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.

Topic Goes Here

  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.
  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.

Topic Goes Here

  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.
  • Gas Delivery - including Free Gas.
  • Towing - to responding facility or site of choice up to 3 miles.

Markup

<div class="card card-list card-title-red">

	<h4>Topic Goes Here</h4>

	<ul class="custom">
		<li><strong>Gas Delivery</strong> - including Free Gas.</li>
		<li><strong>Towing</strong> - to responding facility or site of choice up to 3 miles.</li>
		<li><strong>Gas Delivery</strong> - including Free Gas.</li>
		<li><strong>Towing</strong> - to responding facility or site of choice up to 3 miles.</li>
	</ul>

</div>

Used to call out or compare information into digestible points. It should be used as either a three or four column element. 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. 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.