badge-box-with-icon-text.inc

<table class="snippet-badge-box-icon-text">
	<tbody>
		<tr class="uthsc-ouc-instructions"><th>Badge Box with Icon and Text Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
		<tr>
			<td class="uthsc-ouc-instructions">The "name" of the background icon to use. You can pick from any at http://fontawesome.io/icons. Just copy the name you see there. If you don't want one, just put none. (none is default)</td>
			<td>none</td>
		</tr>
		<tr>
			<td class="uthsc-ouc-instructions">The "name" of the icon to use. You can pick from any at http://fontawesome.io/icons. Just copy the name you see there.</td>
			<td>university</td>
		</tr>
		<tr>
			<td class="uthsc-ouc-instructions">The "fact" of your badge text box. This is the most important part, and should be easily read. No more than a short sentence. For example, "Established in 1911, UTHSC is Tennessee’s only public, statewide, academic, health system"</td>
			<td>Established in 1911, UTHSC is Tennessee’s only public, statewide, academic, health system</td>
		</tr>
    <!-- the next two rows are hidden via CSS -->
		<tr class="uthsc-snippet-badge-box-background-color">
			<td class="uthsc-ouc-instructions">The "background" color of the icon. Type "none" if you don't want a background. Can use common names such as white (same as none), red, green, orange, gold, navy, just to name a few. You can also use a hex color id desired, #F0F8FF, #FFDAB9, just to list a couple.</td>
			<td>none</td>
		</tr>
		<tr class="uthsc-snippet-badge-box-foreground-color">
			<td class="uthsc-ouc-instructions">The "foreground" color of the icon. Same colors are available as the background Default color is the same as the text on the page which is #555555.</td>
			<td>#555555</td>
		</tr>
	</tbody>
</table>