<div class="primary">Text Color</div>
<div class="bg-primary">Background Color</div>
<div class="secondary">Text Color</div>
<div class="bg-secondary">Background Color</div>
<div class="tertiary">Text Color</div>
<div class="bg-tertiary">Background Color</div>
<div class="black">Text Color</div>
<div class="bg-black">Background Color</div>
<div class="gray">Text Color</div>
<div class="bg-gray">Background Color</div>
<div class="light-gray">Text Color</div>
<div class="bg-light-gray">Background Color</div>

<h4 class="headings">Section Headings</h4>

<p class="lead">lead paragraph donec venenatis vulputate lorem. Nam at tortor in tellus interdum sagittis. Donec elit libero, sodales nec, volutpat a, suscipit non, turpis. Praesent egestas neque eu enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus.</p>
<p><strong>Body Paragraph</strong> enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. <a href="#">Paragraph link</a>. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<p>Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<img src="https://placehold.it/350x250" class="alignright border">
<p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<div class="callout">
<h5>This is a Callout</h5>
<p><em>Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim</em></p>
<p><strong> Some Name</strong> <br /> Some Company Close To You</p>
</div>
<p>Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<img src="https://placehold.it/350x250" class="alignleft border">
<p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<div class="callout no-padding">
<table class="table" border="1" cellspacing="0" cellpadding="10">
<tbody>
<tr>
<td bgcolor="#0079c0"><strong>Callout with No Padding</strong></td>
</tr>
<tr>
<td>Use it with tables inside</td>
</tr>
<tr>
<td bgcolor="#e2e5d8">To get this look</td>
</tr>
<tr>
<td>Use background colors</td>
</tr>
<tr>
<td bgcolor="#e2e5d8">Like this</td>
</tr>
</tbody>
</table>
</div>
<p>Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<div class="callout no-padding no-background">
<h5>This is a Callout with no padding and no background</h5>
<p>Great to use for jotforms</p>
<iframe id="JotFormIFrame-81048954784166" style="width: 1px; min-width: 100%; height: 600px; border: none;" src="https://form.jotform.com/81048954784166?source=LandingPage_ISSA.COM_ISSA-SHOW-MEXICO-2019" width="300" height="600" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"> </iframe>
</div>
<p>Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<p>Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
<p>Donec sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Sed posuere consectetur est at lobortis. Donec id elit non mi porta gravida at eget metus. Nulla vitae elit libero, a pharetra augue. Nullam quis risus eget urna mollis ornare vel eu leo.</p>
<img src="https://placehold.it/1200x400" class="aligntop border">
<p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>

<p class="left-align"><strong>Left Align</strong> Lorem ipsum Ut a nisl id ante tempus hendrerit.</p>
<p class="right-align"><strong>Right Align</strong> Lorem ipsum Ut a nisl id ante tempus hendrerit.</p>
<p class="center"><strong>Center</strong> Lorem ipsum Ut a nisl id ante tempus hendrerit.</p>

<ul class="bullets">
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
  <li>List Item 4
    <ul>
      <li>Sub List Item 1</li>
      <li>Sub List Item 2</li>
      <li>Sub List Item 3</li>
      <li>Sub List Item 4</li>
      <li>Sub List Item 5</li>
    </ul>
  </li>
  <li>List Item 6</li>
</ul>
<ul class="checkmarks">
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
  <li>List Item 4
    <ul>
      <li>Sub List Item 1</li>
      <li>Sub List Item 2</li>
      <li>Sub List Item 3</li>
      <li>Sub List Item 4</li>
      <li>Sub List Item 5</li>
    </ul>
  </li>
  <li>List Item 6</li>
</ul>
<ol>
  <li>List Item 1</li>
  <li>List Item 2</li>
  <li>List Item 3</li>
  <li>List Item 4
    <ol>
      <li>Sub List Item 1</li>
      <li>Sub List Item 2</li>
      <li>Sub List Item 3</li>
      <li>Sub List Item 4</li>
      <li>Sub List Item 5</li>
    </ol>
  </li>
  <li>List Item 6</li>
</ol>
<ol class="tight">
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
	<li>List Item 4
		<ol>
			<li>Sub List Item 1</li>
			<li>Sub List Item 2</li>
			<li>Sub List Item 3</li>
			<li>Sub List Item 4</li>
			<li>Sub List Item 5</li>
		</ol>
	</li>
	<li>List Item 6</li>
</ol>
<ul class="twocolumn">
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
	<li>List Item 4</li>
	<li>List Item 5</li>
	<li>List Item 6</li>
	<li>List Item 7</li>
	<li>List Item 8</li>
	<li>List Item 9</li>
	<li>List Item 10</li>
	<li>List Item 11</li>
</ul>
<ul class="nobullets">
	<li>List Item 1</li>
	<li>List Item 2</li>
	<li>List Item 3</li>
	<li>List Item 4</li>
	<li>List Item 5</li>
	<li>List Item 6</li>
</ul>

<a class="button waves-effect large" href="#">Primary Large</a>
<a class="button waves-effect" href="#">Primary Default</a>
<a class="button waves-effect stroke" href="#">Primary Default</a>
<a class="button waves-effect tiny" href="#">Primary Tiny</a>
<a class="button waves-effect secondary large" href="#">Secondary Large</a>
<a class="button waves-effect secondary" href="#">Secondary Default</a>
<a class="button waves-effect secondary stroke" href="#">Secondary Default</a>
<a class="button waves-effect secondary tiny" href="#">Secondary Tiny</a>
<a class="button waves-effect tertiary large" href="#">Tertiary Large</a>
<a class="button waves-effect tertiary" href="#">Tertiary Default</a>
<a class="button waves-effect tertiary stroke" href="#">Tertiary Default</a>
<a class="button waves-effect tertiary tiny" href="#">Tertiary Tiny</a>
<a class="button disabled" href="#">Disabled Button</a>
<a class="button expand" href="#">Expanded Button</a>

<a href="#" class="text-button">Text Button Primary</a>
<a href="#" class="text-button secondary">Text Button Secondary</a>
<a href="#" class="text-button tertiary">Text Button Secondary</a>
<a href="#" class="text-button tiny">Small Text Button Primary</a>
<a href="#" class="text-button secondary tiny">Small Text Button Secondary</a>
<a href="#" class="text-button tertiary tiny">Small Text Button Secondary</a>

<form>
  <div class="row column">
    <label>Input Label
      <input type="text" placeholder=".row.column">
    </label>
  </div>
  <div class="row">
    <div class="large-4 columns">
      <label>Input Label
        <input type="text" placeholder=".large-4.columns">
      </label>
    </div>
    <div class="large-4 columns">
      <label>Input Label
        <input type="text" placeholder=".large-4.columns">
      </label>
    </div>
    <div class="large-4 columns">
      <label>Input Label
        <input type="text" placeholder=".large-4.columns">
      </label>
    </div>
  </div>
  <div class="row column">
    <label>Select Box
      <select>
        <option value="husker">Husker</option>
        <option value="starbuck">Starbuck</option>
        <option value="hotdog">Hot Dog</option>
        <option value="apollo">Apollo</option>
      </select>
    </label>
  </div>
  <div class="row">
    <div class="large-6 columns mb3">
      <label>Choose Your Favorite</label>
      <label class="input-radio">
        <input type="radio" name="pokemon" value="Red" id="pokemonRed">
        Red </label>
      <label class="input-radio">
        <input type="radio" name="pokemon" value="Blue" id="pokemonBlue">
        Blue </label>
    </div>
    <div class="large-6 columns mb3">
      <label>Check these out</label>
      <label class="input-checkbox">
        <input id="checkbox1" type="checkbox">
        Checkbox 1</label>
      <label class="input-checkbox">
        <input id="checkbox2" type="checkbox">
        Checkbox 2</label>
    </div>
  </div>
  <div class="row column">
    <label>Textarea Label
      <textarea rows="8" placeholder=".row.column"></textarea>
    </label>
  </div>
  <div class="row column">
    <button type="submit" class="button">Submit</button>
  </div>
</form>

<div class="row">
  <div class="medium-6 column">
    <p><strong>Two column desktop/tablet; Single column phone</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam odio adipisci distinctio porro accusamus dolores nam, dignissimos nesciunt accusantium pariatur incidunt omnis tempora excepturi optio architecto. Provident praesentium enim libero necessitatibus unde ea mollitia tempore atque adipisci ipsa velit dolorum accusantium, fugiat, rem ipsam, nesciunt eum excepturi. Maxime, enim, nobis.</p>
  </div>
  <div class="medium-6 column">
    <p><strong>Two column desktop/tablet; Single column phone</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam odio adipisci distinctio porro accusamus dolores nam, dignissimos nesciunt accusantium pariatur incidunt omnis tempora excepturi optio architecto. Provident praesentium enim libero necessitatibus unde ea mollitia tempore atque adipisci ipsa velit dolorum accusantium, fugiat, rem ipsam, nesciunt eum excepturi. Maxime, enim, nobis.</p>
  </div>
</div>
<div class="row">
  <div class="medium-6 large-3 column">
    <p><strong>Four column desktop; Two column tablet; Single column phone</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam odio adipisci distinctio porro accusamus dolores nam, dignissimos nesciunt accusantium pariatur incidunt omnis tempora excepturi optio architecto. Provident praesentium enim libero necessitatibus unde ea mollitia tempore atque adipisci.</p>
  </div>
  <div class="medium-6 large-3 column">
    <p><strong>Four column desktop; Two column tablet; Single column phone</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam odio adipisci distinctio porro accusamus dolores nam, dignissimos nesciunt accusantium pariatur incidunt omnis tempora excepturi optio architecto. Provident praesentium enim libero necessitatibus unde ea mollitia tempore atque adipisci.</p>
  </div>
  <div class="medium-6 large-3 column">
    <p><strong>Four column desktop; Two column tablet; Single column phone</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam odio adipisci distinctio porro accusamus dolores nam, dignissimos nesciunt accusantium pariatur incidunt omnis tempora excepturi optio architecto. Provident praesentium enim libero necessitatibus unde ea mollitia tempore atque adipisci.</p>
  </div>
   <div class="medium-6 large-3 column">
    <p><strong>Four column desktop; Two column tablet; Single column phone</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laboriosam odio adipisci distinctio porro accusamus dolores nam, dignissimos nesciunt accusantium pariatur incidunt omnis tempora excepturi optio architecto. Provident praesentium enim libero necessitatibus unde ea mollitia tempore atque adipisci.</p>
  </div>
</div>

<div class="row xsmall-up-1 small-up-2 medium-up-3 large-up-4 xlarge-up-5 xxlarge-up-6">
  <div class="column"> <img src="https://placehold.it/350x300" class="mb3 border"> </div>
  <div class="column"> <img src="https://placehold.it/350x300" class="mb3 border"> </div>
  <div class="column"> <img src="https://placehold.it/350x300" class="mb3 border"> </div>
  <div class="column"> <img src="https://placehold.it/350x300" class="mb3 border"> </div>
  <div class="column"> <img src="https://placehold.it/350x300" class="mb3 border"> </div>
  <div class="column"> <img src="https://placehold.it/350x300" class="mb3 border"> </div>
</div>

<h3>Slide Toggle With Link</h3>
<p>Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus
laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula,
eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<div class="slide-toggle-container">
<p> <a class="slide-toggle" href="#">More Info</a> </p>
<div class="slide-content">
  <p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
  <p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
</div>
</div>
<h3>Slide Toggle With Button</h3>
<p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
<div class="slide-toggle-container"> <a class="slide-toggle button" href="#"> More Info</a>
<div class="slide-content">
  <p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
  <p>enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Fusce commodo aliquam arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent egestas tristique nibh. In hac habitasse platea dictumst. Ut a nisl id ante tempus hendrerit. Phasellus ullamcorper ipsum rutrum nunc. Vivamus laoreet. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Praesent egestas neque eu enim.</p>
</div>
</div>

<dl class="accordion">
<dt>FAQ Question 1. Pellentesque dapibus hendrerit tortor. Donec vitae orci sed dolor?</dt>
<dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>
<dt>FAQ Question 2. Pellentesque dapibus hendrerit tortor. Donec vitae orci sed dolor?</dt>
<dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>
<dt>FAQ Question 3. Pellentesque dapibus hendrerit tortor. Donec vitae orci sed dolor?</dt>
<dd>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc. Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</dd>
</dl>

<div class="resp-tabs resp-tabs--vertical">
  <ul class="resp-tabs-list resp-tabs-group">
    <li>Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
  </ul>
  <div class="resp-tabs-container resp-tabs-group">
    <div>
      <p>Chicago has a number of successful incubators that help entrepreneurs get their start-ups off the ground, but incubation is only the beginning. We help
        entrepreneurs go beyond the basics, providing engagement and insight on how to execute a successful business plan, grow your team, and cultivate better
        products and services.</p>
    </div>
    <div>
      <p>Accelerators provide instruction and create opportunities for investment. While The Cultivator creates similar opportunities, we do not “graduate” companies
        after a few months or weeks of instruction. The Cultivator partners with growing businesses that can benefit from the accountabilities, measurement,
        experience, guidance, and investment of our Members.</p>
    </div>
    <div>
      <p>The Cultivator has an active investment fund which we use to accelerate the growth and potential of companies that partner with us, but our investment
        goes beyond capital. We help business owners make the most of their resources, including capital, talent, and tech. Our holistic approach to business
        development enables entrepreneurs to do more with the resources they already have while considering new, viable alternatives when needed.</p>
    </div>
  </div>
</div>

<div class="resp-tabs resp-tabs--horizontal">
  <ul class="resp-tabs-list resp-tabs-group">
    <li>Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
  </ul>
  <div class="resp-tabs-container resp-tabs-group">
    <div>
      <p>Chicago has a number of successful incubators that help entrepreneurs get their start-ups off the ground, but incubation is only the beginning. We help entrepreneurs go beyond the basics, providing engagement and insight on how to execute a successful business plan, grow your team, and cultivate better products and services.</p>
    </div>
    <div>
      <p>Accelerators provide instruction and create opportunities for investment. While The Cultivator creates similar opportunities, we do not “graduate” companies after a few months or weeks of instruction. The Cultivator partners with growing businesses that can benefit from the accountabilities, measurement, experience, guidance, and investment of our Members.</p>
    </div>
    <div>
      <p>The Cultivator has an active investment fund which we use to accelerate the growth and potential of companies that partner with us, but our investment goes beyond capital. We help business owners make the most of their resources, including capital, talent, and tech. Our holistic approach to business development enables entrepreneurs to do more with the resources they already have while considering new, viable alternatives when needed.</p>
    </div>
  </div>
</div>

<table class="table">
<thead>
  <tr>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Content Goes Here</td>
    <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
    <td>Content Goes Here</td>
    <td>Content Goes Here</td>
  </tr>
  <tr>
    <td>Content Goes Here</td>
    <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
    <td>Content Goes Here</td>
    <td>Content Goes Here</td>
  </tr>
  <tr>
    <td>Content Goes Here</td>
    <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
    <td>Content Goes Here</td>
    <td>Content Goes Here</td>
  </tr>
</tbody>
</table>

<table class="table never-fullwidth">
	<thead>
		<tr>
			<th>Table Header</th>
			<th>Table Header</th>
			<th>Table Header</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Content Goes Here</td>
			<td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
			<td>Content Goes Here</td>
		</tr>
		<tr>
			<td>Content Goes Here</td>
			<td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
			<td>Content Goes Here</td>
		</tr>
		<tr>
			<td>Content Goes Here</td>
			<td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
			<td>Content Goes Here</td>
		</tr>
	</tbody>
</table>

<table class="table no-border never-fullwidth">
<tbody>
<tr>
<td style="width: 50%; text-align: center;">
Here is a case study from <a title="Smithsonian-Case-Study" href="//korea.issa.com/wp-content/uploads/smithsonian-case-study.pdf" target="_blank" rel="noopener noreferrer">The Smithsonian Institute</a>, a long-time client of CMI.
</td>
<td style="width: 50%; text-align: center;">
Download a promotional flyer <a href="//korea.issa.com/wp-content/uploads/cmi-custom-training-flyer-v2.pdf" target="_blank" rel="noopener noreferrer">HERE</a></td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">
<a href="//korea.issa.com/wp-content/uploads/smithsonian-case-study.pdf"><img class="aligncenter size-full wp-image-1622" src="//korea.issa.com/wp-content/uploads/smithsonian-case-study_thumbnail.png" alt="Smithsonian Case Study Thumbnail" width="537" height="741" /></a></td>
<td style="width: 50%; text-align: center;">
<a href="//korea.issa.com/wp-content/uploads/cmi-custom-training-flyer-v2.pdf"><img class="aligncenter size-full wp-image-1621" src="//korea.issa.com/wp-content/uploads/cmi-custom-training-flyer-v2_thumbnail.png" alt="CMI - Custom Training  Flyer" width="537" height="741" /></a></td>
</tr>
</tbody>
</table>

<table class="table hyphenate t1">
<thead>
  <tr>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
    <th>Table Header</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Content Goes Here</td>
    <td>This is longer content Donec id elit non mi porta gravida at eget metus.</td>
    <td>Content Goes Here</td>
    <td><a href="#">www.thisisareallylonglinkthatwouldbreakthetableifnothyphenated.com</a></td>
  </tr>
  <tr>
    <td>Content Goes Here</td>
    <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
    <td>Content Goes Here</td>
    <td><a href="#">www.thisisanotherveryveryverylonglinkthatwouldbreakthetableifnothyphenated.com</a></td>
  </tr>
  <tr>
    <td>Content Goes Here</td>
    <td>This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus.</td>
    <td>Content Goes Here</td>
    <td><a href="#">www.thisisthelongestlinkofthe wholetableandareallylonglinklikethiswoulddefinitelybreakthetableifnothyphenated.com</a></td>
  </tr>
</tbody>
</table>

<div class="alert alert-success">
<p>This is an example successful alert message that would be used for forms or login messages <a href="#">more info</a> </p>
</div>
<div class="alert alert-info">
<p>This is an example info alert message that would be used for forms or login messages <a href="#">more info</a> </p>
</div>
<div class="alert alert-warning">
<p>This is an example warning alert message that would be used for forms or login messages <a href="#">more info</a> </p>
</div>
<div class="alert alert-danger">
<p>This is an example danger alert message that would be used for forms or login messages <a href="#">more info</a> </p>
</div>
<div class="alert alert-news">
<h5>What's New!</h5>
<p>This is an example news message that would be used for short messages at the top of some page content.</p>
</div>