Skip to content

Instantly share code, notes, and snippets.

@ctbarber

ctbarber/callout.inc

Created Mar 13, 2017
Embed
What would you like to do?
The HTML table structure to create a snippet for a callout
<table class="snippet-callout">
<tbody>
<tr class="uthsc-ouc-instructions"><th>Callout Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
<tr>
<td class="uthsc-ouc-instructions">
<p>Creates a basic callout with a gray background. <strong>Should be used when you need to call attention to an object that will remain on the page for a long time.</strong> For an informational callout, use the secondary callout snippet. For a warning callout (for a closing or short term problem), use the warning callout.</p>
</td>
<td>
<h2>Callout Heading, if needed</h2>
<p>Use the callout to provide attention to a certain section of the page. Information here should be kept short and informative.</p>
</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment