Style Guide

1 Color Palette

Black
#000000.black / var(--black)
Dark
#05252C.dark / var(--dark)
Dark Teal
#055157.dark-teal / var(--dark-teal)
Teal
#4A848D.teal / var(--teal)
Light Teal
#8FB5BB.light-teal / var(--light-teal)
Dark Orange
#E54C39.dark-orange / var(--dark-orange)
Orange
#EB7524.orange / var(--orange)
Light Orange
#ECC6A1.light-orange / var(--light-orange)
Off White
#F2EBE7.off-white / var(--off-white)

2 Typography

Fonts

Aa Noe Display
bold
Aa GT America
regular, italic, medium, bold
Aa Sweet Sans Pro
medium, bold
<p class="arimo">Example copy lorem ipsum dolor sit amet.</p>
<p class="arimo bold">Example copy lorem ipsum dolor sit amet.</p>
<p class="arimo italic">Example copy lorem ipsum dolor sit amet.</p>
<p class="arimo bold italic">Example copy lorem ipsum dolor sit amet.</p>

Headings

Title/Headline - This is a hero title

H1 - This is a large heading

H2 - This is a standard heading

H3 - This is a medium heading

H4 - This is a small heading

H5 - This is a card heading
H6 - This is a card heading
H7 - This is a small card heading H8 - This is a small card heading
<h1 class="page-headline">h1 - Page Headline</h1>
<h1 class="small caps">Headings</h1>
<h1>h1 - Heading</h1>
<h2>h2 - Heading</h2>
<h3>h3 - Heading</h3>
<h4>h4 - Heading</h4>
<h5>h5 - Heading</h5>
<h6>h6 - Heading</h6>

Font Icons

View All Font Icons

<span class="icon-arrow-right"></span>
<span class="icon-arrow-left"></span>
<span class="icon-play-circle"></span>
<span class="icon-external"></span>
<span class="icon-mail-line"></span>
<span class="icon-facebook"></span>

Section Headings

Section Headings

Section Headings - with icon

<h3 class="headings">Section Headings</h3>
<h4 class="headings"><span class="icon-building"></span> Section Headings - with icon</h4>

Body Copy

Heading

This is a 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.

Normal Paragraph enean tellus metus, bibendum sed, posuere ac, mattis non, nunc. Paragraph link. 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.

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.

placeholder image

Normal Paragraph 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.

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.

placeholder image

Normal Paragraph 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.

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.

Normal Paragraph 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.

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.

placeholder image

Normal Paragraph 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 class="lead">This is a 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>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" alt="placeholder image">
<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>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" alt="placeholder image">
<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>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>
<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/1200x400" class="aligntop border" alt="placeholder image">
<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>

Body Copy Alignment

Left Align Lorem ipsum Ut a nisl id ante tempus hendrerit.

Right Align Lorem ipsum Ut a nisl id ante tempus hendrerit.

Center Lorem ipsum Ut a nisl id ante tempus hendrerit.

<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>

Article Copy

Article copy that decreases container width and increases font size

Article copy that decreases container width and increases font size for easier reading experience. 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.

Article Headline Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt mollitia, ipsam cupiditate.

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.

Lorem ipsum 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.

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.

<div class="row">
<div class="small-11 medium-10 large-9 xlarge-8 small-centered column article">
<h1>Article copy that decreases container width and increases font size</h1>
<p>Article copy that decreases container width and increases font size for easier reading experience. 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>
<h2>Article Headline Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt mollitia, ipsam cupiditate.</h2>
<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>Lorem ipsum 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>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>

Blockquotes

Blockquote Text 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. posuere cubilia Curae; Fusce id purus. Fusce id purus. posuere

Optional Authors Name | Optional Second Field

Agribusiness

<blockquote>
<div class="quote">
<p>Blockquote Text 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. posuere cubilia Curae; Fusce id purus. Fusce id purus. posuere </p>
</div>
<p class="cite">Optional Authors Name <span> Optional Second Field</span> </p>
</blockquote>

Unordered List

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
    • Sub List Item 1
    • Sub List Item 2
    • Sub List Item 3
    • Sub List Item 4
    • Sub List Item 5
  • List Item 6

Unordered List - Checkmarks

  • List Item 1
  • List Item 2
  • List Item 3
  • List Item 4
    • Sub List Item 1
    • Sub List Item 2
    • Sub List Item 3
    • Sub List Item 4
    • Sub List Item 5
  • List Item 6

Ordered List

  1. List Item 1
  2. List Item 2
  3. List Item 3
  4. List Item 4
    1. Sub List Item 1
    2. Sub List Item 2
    3. Sub List Item 3
    4. Sub List Item 4
    5. Sub List Item 5
  5. List Item 6
<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>

3 Buttons

Standard Buttons

Disabled Button

Expanded Button

<a class="button" href="#">Primary Default</a>
<a class="button tiny" href="#">Primary Tiny</a>
<a class="button secondary" href="#">Secondary Default</a>
<a class="button secondary tiny" href="#">Secondary Tiny</a>
<a class="button button-icon" href="#"> <span class="icon-phone"></span> Icon Button Primary</a>
<a class="button button-icon secondary" href="#"> <span class="icon-mail"></span> Icon Button Secondary</a>
<a class="button disabled" href="#">Disabled Button</a>
<a class="button expand" href="#">Expanded Button</a>

Text Buttons

<a href="#" class="text-button">Text Button Primary</a>
<a href="#" class="text-button secondary">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>

4 Forms

Choose Your Favorite
Check these out
<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">
<fieldset>
<legend>Choose Your Favorite</legend>
<div class="radio">
  <label><input type="radio" name="optionsRadios" id="optionsRadios1" value="option1"><span></span> Radio 1 </label>
</div>
<div class="radio">
  <label><input type="radio" name="optionsRadios" id="optionsRadios2" value="option2"><span></span> Radio 2 </label>
</div>
</fieldset>
</div>
<div class="large-6 columns mb3">
<fieldset>
<legend>Check these out</legend>
<div class="checkbox">
  <label><input type="checkbox"><span></span> Checkbox 1 </label>
</div>
<div class="checkbox">
  <label><input type="checkbox"><span></span> Checkbox 1 </label>
</div>
</fieldset>
</div>
</div>
<div class="row column">
<label>Enable Some Fun</label>
<label class="switch">
<input type="checkbox" title="Switch Control" aria-label="Switch Control">
<span></span>
</label>
</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>

5 Page Body Components

Slide Content

Slide Toggle With Link

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.

More Info

Normal Paragraph 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.

Normal Paragraph 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.

Slide Toggle With Button

Normal Paragraph 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.

More Info

Normal Paragraph 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.

Normal Paragraph 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.

<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>

Accordion

Accordion

FAQ Question 1. Pellentesque dapibus hendrerit tortor. Donec vitae orci sed dolor?
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.
FAQ Question 2. Pellentesque dapibus hendrerit tortor. Donec vitae orci sed dolor?
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.
FAQ Question 3. Pellentesque dapibus hendrerit tortor. Donec vitae orci sed dolor?
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.
<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>

Vertical Tabs

  • Tab 1
  • Tab 2
  • Tab 3

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.

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.

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.

<div class="resp-tabs resp-tabs--vertical">
<ul class="resp-tabs-list resp-tabs-group" role="tablist">
<li tabindex="0">Tab 1</li>
<li tabindex="0">Tab 2</li>
<li tabindex="0">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>

Horizontal Tabs

  • Tab 1
  • Tab 2
  • Tab 3

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.

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.

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.

<div class="resp-tabs resp-tabs--horizontal">
<ul class="resp-tabs-list resp-tabs-group" role="tablist">
<li tabindex="0">Tab 1</li>
<li tabindex="0">Tab 2</li>
<li tabindex="0">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>

Tables

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
<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>

6 System Components

Alerts

This is an example successful alert message that would be used for forms or login messages more info

This is an example info alert message that would be used for forms or login messages more info

This is an example warning alert message that would be used for forms or login messages more info

This is an example danger alert message that would be used for forms or login messages more info

<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>

7 Theme Components

Info Blocks

Accounting & Business Advisory

Since 1923, our industry-specialized Michigan accountants and consultants have provided clients with forward-thinking, comprehensive solutions.

Learn More

Technology Solutions

Our experienced professionals resolve business management issues with information technology solutions.

Learn More

Medical Billing & Practice Management

The expertise of a medical practice management consultant and a full medical billing service.

Learn More

Wealth Management

When making important decisions about investments, or insurance and tax planning, our team helps clients meet their personal financial goals.

Learn More
<div class="info-blocks flex row row-site column">
<div class="info-block border-top">
<div class="info-block__body">
<h4 class="info-block__headline">Accounting & Business Advisory</h4>
<p class="info-block__overview">Since 1923, our industry-specialized Michigan accountants and consultants have provided clients with forward-thinking, comprehensive solutions.</p>
<a href="#" class="text-button">Learn More</a>
<a href="#" class="info-block__logo">
<img src="/wp-content/uploads/Yeo-Yeo-BC-Black.svg" alt="Yeo & Yeo CPA & Business Consultants">
</a>
</div>
</div>
<div class="info-block border-top">
<div class="info-block__body">
<h4 class="info-block__headline">Technology Solutions</h4>
<p class="info-block__overview">Our experienced professionals resolve business management issues with information technology solutions.</p>
<a href="#" class="text-button">Learn More</a>
<a href="#" class="info-block__logo">
<img src="/wp-content/uploads/YYTECH.svg" alt="Yeo & Yeo Computer Consultants">
</a>
</div>
</div>
<div class="info-block border-top">
<div class="info-block__body">
<h4 class="info-block__headline">Medical Billing & Practice Management</h4>
<p class="info-block__overview">The expertise of a medical practice management consultant and a full medical billing service.</p>
<a href="#" class="text-button">Learn More</a>
<a href="#" class="info-block__logo">
<img src="/wp-content/uploads/YYMBC-Copy.svg" alt="Yeo & Yeo Computer Consultants">
</a>
</div>
</div>
<div class="info-block border-top">
<div class="info-block__body">
<h4 class="info-block__headline">Wealth Management</h4>
<p class="info-block__overview">When making important decisions about investments, or insurance and tax planning, our team helps clients meet their personal financial goals.</p>
<a href="#" class="text-button">Learn More</a>
<a href="#" class="info-block__logo">
<img src="/wp-content/uploads/YYMBC.svg" alt="Yeo & Yeo Computer Consultants">
</a>
</div>
</div>
</div>

Cards

<!-- Begin Body -->
<div class="card-grid flex">
  <!-- Begin Card -->
  <article class="card">
    <div class="card__inner">
      <!-- Begin Image -->
      <a href="#" class="card__image zoom-trigger">
        <span class="card__tag tag">Blog</span>
        <div class="card__image-bg zoom-img" style="background-image:url(/wp-content/uploads/blog-post.jpg);"></div>
      </a>
      <!-- End Image -->
      <!-- Begin Body -->
      <div class="card__body">
        <h4 class="card__headline">
          <a href="#">The Chances of IRS Audit are Down but you Should Still be Prepared</a>
        </h4>
        <div class="card__details">
          <p class="card__details-meta">
            <time datetime="2019-06-04">June 4, 2019</time>
            <a href="#" class="card__details-sector">CPAs & Business Consultants</a>
          </p>
          <a href="#" class="card__link text-button">
            Learn More
          </a>
        </div>
      </div>
      <!-- End Body -->
    </div>
  </article>
  <!-- End Card -->

  <!-- Begin Card -->
  <article class="card">
    <div class="card__inner">
      <!-- Begin Image -->
      <a href="#" class="card__image zoom-trigger">
        <span class="card__tag tag">Blog</span>
        <div class="card__image-bg zoom-img" style="background-image:url(/wp-content/uploads/blog-post.jpg);"></div>
      </a>
      <!-- End Image -->
      <!-- Begin Body -->
      <div class="card__body">
        <h4 class="card__headline">
          <a href="#">6 Trends Shaping a Future for People in the Workplace Longer Headline Dolor Sit Amet Adipsicing Elit, Long Headline.</a>
        </h4>
        <div class="card__details">
          <p class="card__details-meta">
            <time datetime="2019-06-04">June 4, 2019</time>
            <a href="#" class="card__details-sector">Technology</a>
          </p>
          <a href="#" class="card__link text-button">
            Learn More
          </a>
        </div>
      </div>
      <!-- End Body -->
    </div>
  </article>
  <!-- End Card -->

  <!-- Begin Card -->
  <article class="card">
    <div class="card__inner">
      <!-- Begin Image -->
      <a href="#" class="card__image zoom-trigger">
        <span class="card__tag tag">Blog</span>
        <div class="card__image-bg zoom-img" style="background-image:url(/wp-content/uploads/blog-post.jpg);"></div>
      </a>
      <!-- End Image -->
      <!-- Begin Body -->
      <div class="card__body">
        <h4 class="card__headline">
          <a href="#">Thinking About Moving to Another State in Retirement? Don’t Forget About Taxes</a>
        </h4>
        <div class="card__details">
          <p class="card__details-meta">
            <time datetime="2019-06-04">June 4, 2019</time>
            <a href="#" class="card__details-sector">CPAs & Business Consultants</a>
          </p>
          <a href="#" class="card__link text-button">
            Learn More
          </a>
        </div>
      </div>
      <!-- End Body -->
    </div>
  </article>
  <!-- End Card -->
</div>
<!-- End Card Grid Body -->

Testimonial Blocks

When we are considering an important business decision, we can call our CPA at Yeo & Yeo and ask, ‘What potential issues are we going to have?’ It benefits us that Yeo & Yeo has disciplines in all areas, including assisting us with mergers and acquisitions, auditing the general financial statement and our 401(k) plan, and tax planning.”

Art L. | President

Agribusiness

We rely on Yeo & Yeo for many items involved in the financial management of our company. Whether it’s finding hidden expenses which have required additional attention, to analyzing business opportunities and providing sound advice, Yeo & Yeo has been instrumental in our development and growth.

Brandon H. | President

Mineral Products

Yeo & Yeo does an excellent job. I especially like how they pick different areas of focus each year to ensure our organization is in compliance. They return drafts and documents by all due dates and do an excellent job presenting to our board of directors when the time comes to review the audit.

Dawn W. | Secretary of the Board

Not-for-profit

<!-- Begin Testimonial Blocks -->
<div class="testimonial-grid flex pt8">
  <!-- Begin Testimonial -->
  <article class="testimonial-block">
    <blockquote>
        <div class="quote">
          <p class="matchheight-me">When we are considering an important business decision, we can call our CPA at Yeo & Yeo and ask, ‘What potential issues are we going to have?’ It benefits us that Yeo & Yeo has disciplines in all areas, including assisting us with mergers and acquisitions, auditing the general financial statement and our 401(k) plan, and tax planning.” </p>
        </div>
        <p class="cite">Art L. <span> | President</span> </p>
        <p class="label gray">Agribusiness</p>
      </blockquote>
  </article>
  <!-- End Testimonial -->
  <!-- Begin Testimonial -->
  <article class="testimonial-block">
    <blockquote>
        <div class="quote">
          <p class="matchheight-me">We rely on Yeo & Yeo for many items involved in the financial management of our company. Whether it’s finding hidden expenses which have required additional attention, to analyzing business opportunities and providing sound advice, Yeo & Yeo has been instrumental in our development and growth.</p>
        </div>
        <p class="cite">Brandon H. <span> | President</span> </p>
        <p class="label gray">Mineral Products</p>
      </blockquote>
  </article>
  <!-- End Testimonial -->
  <!-- Begin Testimonial -->
  <article class="testimonial-block">
    <blockquote>
        <div class="quote">
          <p class="matchheight-me">Yeo & Yeo does an excellent job. I especially like how they pick different areas of focus each year to ensure our organization is in compliance. They return drafts and documents by all due dates and do an excellent job presenting to our board of directors when the time comes to review the audit.</p>
        </div>
        <p class="cite">Dawn W. <span> | Secretary of the Board</span> </p>
        <p class="label gray">Not-for-profit</p>
      </blockquote>
  </article>
  <!-- End Testimonial -->
</div>
<!-- End Testimonial Blocks -->

List Links - 2 Column

<ul class="list-links list-links--2 list-reset">
  <li> <a href="#">Full Service Medical Billing Solutions</a> </li>
  <li> <a href="#">Outsourced Accounting</a> </li>
  <li> <a href="#">Practice Management Consulting</a> </li>
  <li> <a href="#">Tax Planning</a> </li>
  <li> <a href="#">Practice Valuation</a> </li>
  <li> <a href="#">IT Solutions for Medical Practices</a> </li>
</ul>

List Links - Single

<ul class="list-links list-reset">
  <li> <a href="#">Full Service Medical Billing Solutions</a> </li>
  <li> <a href="#">Outsourced Accounting</a> </li>
  <li> <a href="#">Practice Management Consulting</a> </li>
  <li> <a href="#">Tax Planning</a> </li>
  <li> <a href="#">Practice Valuation</a> </li>
  <li> <a href="#">IT Solutions for Medical Practices</a> </li>
</ul>

Split Panel

<!-- Begin Split panel - Image Right -->
<section class="split-panel split-panel--right">
  <div class="row row-site column">
    <div class="flex split-panel__row">
      <!-- Begin Content -->
      <div class="split-panel__body">
        <h3 class="split-panel__headline">Medical Billing & Practice Consulting</h3>
        <div class="split-panel__list">
          <ul class="list-links list-links--2 list-reset">
            <li> <a href="#">Full Service Medical Billing Solutions</a> </li>
            <li> <a href="#">Outsourced Accounting</a> </li>
            <li> <a href="#">Practice Management Consulting</a> </li>
            <li> <a href="#">Tax Planning</a> </li>
            <li> <a href="#">Practice Valuation</a> </li>
            <li> <a href="#">IT Solutions for Medical Practices</a> </li>
          </ul>
        </div>
        <a href="#" class="text-button">More Practice Solutions from Yeo & Yeo Medical Billing & Consulting</a>
      </div>
      <!-- End Content -->
      <!-- Begin Image 492px × 388px -->
      <div class="split-panel__figure">
        <figure>
          <img src="/wp-content/uploads/accounting-assurance-ba.jpg" alt="">
        </figure>
      </div>
      <!-- End Image -->
    </div>
  </div>
</section>
<!-- End Split Panel -->

Testimonial Slider

Yeo & Yeo has been a trusted advisor for us. It’s not because they can do the tax return and help us with our ESOP. It’s that whole next step which is the relationship and the advice, and that’s what I truly value is the insights provided. Taking the complex and making it simple for our business is where the value is.

Art L. | President

Agribusiness

When we are considering an important business decision, we can call our CPA at Yeo & Yeo and ask, ‘What potential issues are we going to have?’ It benefits us that Yeo & Yeo has disciplines in all areas, including assisting us with mergers and acquisitions, auditing the general financial statement and our 401(k) plan, and tax planning.”

Art L. | President

Agribusiness

<section class="testimonial-slider-section">
  <div class="row row-site column">
    <div class="testimonial-slider testimonial-slider--default">
      <!-- Begin Testimonial -->
      <div class="testimonial-slide center">
        <blockquote>
          <div class="quote">
            <p>Yeo & Yeo has been a trusted advisor for us. It’s not because they can do the tax return and help us with our ESOP. It’s that whole next step which is the relationship and the advice, and that’s what I truly value is the insights provided. Taking the complex and making it simple for our business is where the value is.</p>
          </div>
          <p class="cite">Art L. <span> | President</span> </p>
          <p class="label gray">Agribusiness</p>
        </blockquote>
      </div>
      <!-- End Testimonial -->

      <!-- Begin Testimonial -->
      <div class="testimonial-slide center">
        <blockquote>
          <div class="quote">
            <p>When we are considering an important business decision, we can call our CPA at Yeo & Yeo and ask, ‘What potential issues are we going to have?’ It benefits us that Yeo & Yeo has disciplines in all areas, including assisting us with mergers and acquisitions, auditing the general financial statement and our 401(k) plan, and tax planning.”</p>
          </div>
          <p class="cite">Art L. <span> | President</span> </p>
          <p class="label gray">Agribusiness</p>
        </blockquote>
      </div>
      <!-- End Testimonial -->
    </div>
  </div>
</section>

Location Card

<div class="location-card">
  <div class="location-card__inner flex">
    <!-- Begin Location Info -->
    <div class="location-card__details">
      <h3 class="h4">Address</h3>
      <address class="location-card__address">
        <a href="#" target="_blank">
          5300 Bay Road, Suite 100 <br>
          Saginaw, Michigan 48604
        </a>
      </address>
      <h3 class="h4">Phone</h3>
      <a href="tel:9897939830" class="location-card__phone">989.793.9830</a>
      <h3 class="h4">Fax</h3>
      <span class="location-card__fax">989.793.0186</span>

      <a href="#" class="button tertiary"> <span class="icon-map-marker dark-green"></span> Get Directions</a>
    </div>
    <!-- End Location Info -->
    <!-- Begin Location Map -->

    <a class="location-card__map" href="" target="_blank">
      <div class="location-card__map-image" style="background-image: url('/wp-content/uploads/saginaw-map-card.jpg');">
      </div>
    </a>
    <!-- End Location Map -->
  </div>
</div>

Industries

Industries We Serve

Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing.

<section class="industries-section mt8">
  <div class="row row-site column">
    <!-- Begin Section Heading -->
    <div class="section-heading">
      <div class="section-heading__body">
        <h2 class="h1 white">Industries We Serve</h2>
        <p class="section-heading__overview white">Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing.</p>
      </div>
    </div>
    <!-- End Section Heading -->

    <!-- Begin Image Cards -->
    <div class="industry-locations__grid image-card__grid flex">
      <!-- Begin Card -->
      <a class="image-card" href="">
        <div class="image-card__inner">
          <!-- Begin Image -->
          <div class="image-card__image">
            <img src="/wp-content/uploads/industries-agribusiness.jpg" alt="">
          </div>
          <!-- End Image -->
          <div class="image-card__details">
            <p class="image-card__title">Agribusiness </p>
          </div>
        </div>
      </a>
      <!-- End Card -->

      <!-- Begin Card -->
      <a class="image-card" href="">
        <div class="image-card__inner">
          <!-- Begin Image -->
          <div class="image-card__image">
            <img src="/wp-content/uploads/industries-government.jpg" alt="">
          </div>
          <!-- End Image -->
          <div class="image-card__details">
            <p class="image-card__title">Government </p>
          </div>
        </div>
      </a>
      <!-- End Card -->

      <!-- Begin Card -->
      <a class="image-card" href="">
        <div class="image-card__inner">
          <!-- Begin Image -->
          <div class="image-card__image">
            <img src="/wp-content/uploads/industries-agribusiness.jpg" alt="">
          </div>
          <!-- End Image -->
          <div class="image-card__details">
            <p class="image-card__title">Agribusiness </p>
          </div>
        </div>
      </a>
      <!-- End Card -->

      <!-- Begin Card -->
      <a class="image-card" href="">
        <div class="image-card__inner">
          <!-- Begin Image -->
          <div class="image-card__image">
            <img src="/wp-content/uploads/industries-agribusiness.jpg" alt="">
          </div>
          <!-- End Image -->
          <div class="image-card__details">
            <p class="image-card__title">Agribusiness </p>
          </div>
        </div>
      </a>
      <!-- End Card -->

      <!-- Begin Card -->
      <a class="image-card" href="">
        <div class="image-card__inner">
          <!-- Begin Image -->
          <div class="image-card__image">
            <img src="/wp-content/uploads/industries-agribusiness.jpg" alt="">
          </div>
          <!-- End Image -->
          <div class="image-card__details">
            <p class="image-card__title">Agribusiness </p>
          </div>
        </div>
      </a>
      <!-- End Card -->

      <!-- Begin Card -->
      <a class="image-card" href="">
        <div class="image-card__inner">
          <!-- Begin Image -->
          <div class="image-card__image">
            <img src="/wp-content/uploads/industries-agribusiness.jpg" alt="">
          </div>
          <!-- End Image -->
          <div class="image-card__details">
            <p class="image-card__title">Agribusiness </p>
          </div>
        </div>
      </a>
      <!-- End Card -->
    </div>
    <!-- End Image Cards -->
  </div>
</section>

Stat Cards

<div class="stats-card__grid flex mt6">
  <!-- Begin Card -->
  <div class="stats-card">
    <div class="stats-card__inner">
      <div class="stats-card__header">
        <h3 class="stat-card__title">Accounting</h3>
      </div>
      <div class="stats-card__body">
        <ul class="checkmarks">
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- End Card -->

  <!-- Begin Card -->
  <div class="stats-card">
    <div class="stats-card__inner">
      <div class="stats-card__header">
        <h3 class="stat-card__title">Accounting</h3>
      </div>
      <div class="stats-card__body">
        <ul class="checkmarks">
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
          <li>
            <a href="https://yeoandyeo.wpengine.com/services/accounting-business-advisory/tax-planning" target="" class=" is-link">Tax Planning &amp; Preparation</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <!-- End Card -->
</div>

Team Banner

Ready to Get Started?

Contact Us Today To Speak With One Of Our Professionals

Tara Stensrud

CPA, NSSA®

Schedule a meeting

Text Link Blocks

Solutions For Your Business

At Yeo & Yeo, our services go beyond traditional tax and accounting to include a comprehensive set of advisory services. We follow a team approach, with each professional bringing a different piece of the puzzle to help connect your business functions.

<section class="text-blocks-section">
  <!-- Begin Heading -->
  <div class="section-heading row row-site column">
    <div class="section-heading__body">
      <h2 class="h1">Solutions For Your Business</h2>
      <p class="section-heading__overview section-heading__overview--contained m0">At Yeo & Yeo, our services go beyond traditional tax and accounting to include a comprehensive set of advisory services. We follow a team approach, with each professional bringing a different piece of the puzzle to help connect your business functions.</p>
    </div>
  </div>
  <!-- End hEADING -->

  <!-- Begin Blocks -->
  <div class="text-links-container row row-site column">
    <div class="text-links__grid flex">
      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">Audit & Assurance</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet. Donec vehicula vestibulum arcu, accumsan tortor efficitur vel.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About Audit & Assurance
        </a>
      </article>
      <!-- End Block -->

      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">Business Consulting</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About Business Consulting
        </a>
      </article>
      <!-- End Block -->

      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">YeoConsults</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet. liquam erat volutpat.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About YeoConsults
        </a>
      </article>
      <!-- End Block -->

      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">YeoConsults</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet. liquam erat volutpat.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About YeoConsults
        </a>
      </article>
      <!-- End Block -->

      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">YeoConsults</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet. liquam erat volutpat.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About YeoConsults
        </a>
      </article>
      <!-- End Block -->

      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">YeoConsults</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet. liquam erat volutpat.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About YeoConsults
        </a>
      </article>
      <!-- End Block -->
      <!-- Begin Block -->
      <article class="text-link-block">
        <div class="text-link-block__content">
          <h3 class="text-link-block__title">YeoConsults</h3>
          <p class="text-link-block__overview">
            Donec vehicula vestibulum arcu, commodo accumsan tortor efficitur vel. Aliquam erat volutpat. Lorem ipsum dolor sit amet.
          </p>
        </div>
        <a href="#" class="text-button text-link-block__button">
          Learn More About Technology Solutions

        </a>
      </article>
      <!-- End Block -->


      <!-- Begin Block -->
      <article class="text-link-block text-link-block--banner">
        <div class="text-link-block--banner__bg flex flex-center" style="background-image:url(/wp-content/uploads/text-banner-cpa.png);">
          <div class="text-link-block--banner__inner flex">
            <h3 class="h2 white">Get Started With Yeo & Yeo CPA & Business Consultants Today</h3>
            <a href="#" class="button secondary">Get in Touch</a>
          </div>
        </div>
      </article>
      <!-- End Block -->
    </div>
  </div>
  <!-- End Blocks -->
</section>