Skip to content

Instantly share code, notes, and snippets.

@ctbarber
Created March 27, 2017 19:16
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ctbarber/e36d2619efabc27f69d9b6e6f99b0e57 to your computer and use it in GitHub Desktop.
Save ctbarber/e36d2619efabc27f69d9b6e6f99b0e57 to your computer and use it in GitHub Desktop.
<table class="snippet-highlight-box">
<tbody>
<tr class="uthsc-ouc-instructions"><th>Highlight Box Directions [do not delete]</th><th>Content [edit this column to display on the page]</th></tr>
<tr>
<td class="uthsc-ouc-instructions">The main color of the highlight box. It will be the color of the Heading and the color of the background when someone hovers over it. Your choices are green, blue, or purple. (blue is the default.)</td>
<td>blue</td>
</tr>
<tr>
<td class="uthsc-ouc-instructions">Do you want a light gray border around the highlight box? (yes or no) Should only be used when there is no image and no background. Default is no.</td>
<td>no</td>
</tr>
<tr>
<td class="uthsc-ouc-instructions">The image for the highlight box</td>
<td>none</td>
</tr>
<tr>
<td class="uthsc-ouc-instructions">The Title of the highlight box. Also, if you want your box to be clickable, make your title a link.</td>
<td><a href="/index.php">My Highlight Box</a></td>
</tr>
<tr>
<td class="uthsc-ouc-instructions">The description of the highlight box. There shouldn't be too much text here, and no links are allowed.</td>
<td>
<p>Join us for our <em>"Highlight Boxes for the Modern Website"</em> lecture.</p>
<p>Bring your own lunch.</p>
</td>
</tr>
</tbody>
</table>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment