<div class="gold">Text Color</div>
<div class="bg-gold">Background Color</div>
<div class="soft-gold">Text Color</div>
<div class="bg-soft-gold">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="cool-gray">Text Color</div>
<div class="bg-cool-gray">Background Color</div>
<div class="off-white">Text Color</div>
<div class="bg-off-white">Background Color</div>

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

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

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

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

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

<a class="button large" href="#">Primary Large</a>
<a class="button" href="#">Primary Default</a>
<a class="button tiny" href="#">Primary Tiny</a>
<a class="button secondary large" href="#">Secondary Large</a>
<a class="button secondary" href="#">Secondary Default</a>
<a class="button secondary tiny" href="#">Secondary 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="post-link">Post Link
<span class="icon-arrow-right-long"></span>
</a>
<a href="#" class="text-button tiny">Small Text Button Primary</a>
<a href="#" class="text-button secondary 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">
<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>

<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" alt="placeholder image"> </div>
<div class="column"> <img src="https://placehold.it/350x300" class="mb3 border" alt="placeholder image"> </div>
<div class="column"> <img src="https://placehold.it/350x300" class="mb3 border" alt="placeholder image"> </div>
<div class="column"> <img src="https://placehold.it/350x300" class="mb3 border" alt="placeholder image"> </div>
<div class="column"> <img src="https://placehold.it/350x300" class="mb3 border" alt="placeholder image"> </div>
<div class="column"> <img src="https://placehold.it/350x300" class="mb3 border" alt="placeholder image"> </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" 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>

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

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

<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="section-heading pt9 pb7 row row-site column center">
<div class="section-heading__inner">
<h3 class="label section-heading__label">How It Works</h3>
<h2 class="h1 section-heading__headline">Shipping Container-based Housing</h2>
<p class="section-heading__overview gray">Crate's disrupting the construction industry with factory-manufactured, container-based structures double the speed at which multi-unit housing and school building structures can be completed.</p>
</div>
</div>

<section class="featured-blocks mt6 mb0">
<div class="row row-site featured-blocks__row xsmall-up-1 medium-up-2 center">
<div class="column featured-blocks__item">
<div class="featured-blocks__image matchheight-me">
<img src="/wp-content/themes/crate-modular/assets/images/Traditional-Illustration.png" alt="">
</div>
<p class="mt5">Traditional construction methods take too long and are more negatively impactful to local communities than they need to be. From our factory in the heart of L.A., we are changing construction methods, city-wide, state-wide, and soon, nationally.</p>
</div>
<div class="column featured-blocks__item">
<div class="featured-blocks__image matchheight-me">
<img src="/wp-content/themes/crate-modular/assets/images/Crate-Illustration-1.png" alt="">
</div>
<p class="mt5">Our approach eliminates workflow inefficiencies, reduces waste, and drastically shortens the development cycle compared to conventional site-built construction and financing.</p>
</div>

<div class="column featured-blocks__item">
<div class="featured-blocks__image matchheight-me">
<img src="/wp-content/uploads/expertise-1.jpg" alt="">
</div>
<p class="mt5">Traditional construction methods take too long and are more negatively impactful to local communities than they need to be. From our factory in the heart of L.A., we are changing construction methods, city-wide, state-wide, and soon, nationally.</p>
</div>
<div class="column featured-blocks__item">
<div class="featured-blocks__image matchheight-me">
<img src="/wp-content/uploads/expertise-1.jpg" alt="">
</div>
<p class="mt5">Our approach eliminates workflow inefficiencies, reduces waste, and drastically shortens the development cycle compared to conventional site-built construction and financing.</p>
</div>
</div>
</section>

<section class="split-panel split-panel--left">
<div class="section-heading pt9 pb7 row row-site column center">
<div class="section-heading__inner">
<h3 class="label section-heading__label">What We Do</h3>
<h2 class="h1 section-heading__headline">What’s our secret? Expertise.</h2>
</div>
</div>
<div class="row row-site column">
<div class="split-panel__row">
<div class="split-panel__image">
<div class="split-panel__image-wrapper js-split-panel-slider">
  <div class="split-panel__image-item">
    <img src="/wp-content/uploads/expertise-1.jpg" alt="">
    <p class="split-panel__image-caption oswald">Energy efficiency quick caption dolor sit amet, adipsicing elit.</p>
  </div>
  <div class="split-panel__image-item">
    <img src="/wp-content/uploads/expertise-1.jpg" alt="">
  </div>
</div>
</div>
<div class="split-panel__content">
<div class="split-panel__overview">
  <p>At Crate, we have unrivaled experience designing, manufacturing, and installing building structures made out of recycled shipping containers. We work closely with developers, general contractors, and architects from the earliest conceptual and design stages to engineer projects that can be built at double the speed and half the cost of traditional methods.</p>
</div>
<div class="list-icons">
  <ul>
    <li> <span class="icon-Permitting"></span> permitting</li>
    <li> <span class="icon-Permitting"></span> permitting</li>
    <li> <span class="icon-Design"></span> design</li>
    <li> <span class="icon-Scalability"></span> scalability</li>
    <li> <span class="icon-Resiliancy"></span> resiliency</li>
    <li> <span class="icon-Manufacturing"></span> Manufacturing</li>
    <li> <span class="icon-Installation"></span> installation</li>
  </ul>
</div>
<div class="split-panel__cta">
  <a href="/" class="post-link">Learn More About What We Do
    <span class="icon-arrow-right-long"></span>
  </a>
</div>
</div>
</div>
</div>
</section>
<section class="split-panel split-panel--right mt10">
<div class="row row-site column">
<div class="split-panel__row">
<div class="split-panel__image">
<div class="split-panel__image-wrapper js-split-panel-slider">
  <div class="split-panel__image-item">
    <img src="/wp-content/uploads/expertise-1.jpg" alt="">
    <p class="split-panel__image-caption oswald">Energy efficiency quick caption dolor sit amet, adipsicing elit.</p>
  </div>
  <div class="split-panel__image-item">
    <img src="/wp-content/uploads/expertise-1.jpg" alt="">
  </div>
</div>
</div>
<div class="split-panel__content">
<div class="split-panel__overview">
  <h2>This is a headline</h2>
  <p>At Crate, we have unrivaled experience designing, manufacturing, and installing building structures made out of recycled shipping containers. We work closely with developers, general contractors, and architects from the earliest conceptual and design stages to engineer projects that can be built at double the speed and half the cost of traditional methods.</p>
  <p>At Crate, we have unrivaled experience designing, manufacturing, and installing building structures made out of recycled shipping containers. We work closely with developers, general contractors, and architects from the earliest conceptual and design stages to engineer projects that can be built at double the speed and half the cost of traditional methods.</p>
</div>

<div class="split-panel__cta">
  <a href="/" class="post-link">Learn More About What We Do
    <span class="icon-arrow-right-long"></span>
  </a>
</div>
</div>
</div>
</div>
</section>

<ul>
<li> <span class="icon-Permitting"></span> permitting</li>
<li> <span class="icon-Permitting"></span> permitting</li>
<li> <span class="icon-Design"></span> design</li>
<li> <span class="icon-Scalability"></span> scalability</li>
<li> <span class="icon-Resiliancy"></span> resiliency</li>
<li> <span class="icon-Manufacturing"></span> Manufacturing</li>
<li> <span class="icon-Installation"></span> installation</li>
</ul>

<section class="projects-section ">
<div class="section-heading pb7 row row-site column">
<div class="section-heading__inner border-bottom">
<h3 class="label section-heading__label">featured projects</h3>
<h2 class="h1 section-heading__headline">View Our latest container-based modular projects</h2>
</div>
<a href="#" class="post-link post-link--small">View All Projects <span class="icon-arrow-right-long"></span> </a>
</div>
<div class="row row-site column">
<div class="featured-projects js-projects-slider">
<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
  <h3 class="project-card__title"><a href="#">potters lane</a></h3>
  <p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>
<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
  <h3 class="project-card__title"><a href="#">potters lane</a></h3>
  <p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>
<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
  <h3 class="project-card__title"><a href="#">potters lane</a></h3>
  <p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>
<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
  <h3 class="project-card__title"><a href="#">potters lane</a></h3>
  <p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

</div>
</div>
</section>

<div class="project-grid">
<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
<h3 class="project-card__title"><a href="#">potters lane</a></h3>
<p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
<h3 class="project-card__title"><a href="#">potters lane</a></h3>
<p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
<h3 class="project-card__title"><a href="#">potters lane</a></h3>
<p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
<h3 class="project-card__title"><a href="#">potters lane</a></h3>
<p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
<h3 class="project-card__title"><a href="#">potters lane</a></h3>
<p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

<div class="project-card">
<div class="project-card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="project-card__body">
<h3 class="project-card__title"><a href="#">potters lane</a></h3>
<p class="project-card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
</div>
</div>

</div>
</div>

<section class="testimonials-section pt7 pb7">
<div class="section-heading pt9 pb7 row row-site column center">
<div class="section-heading__inner">
<h3 class="label section-heading__label">HEAR FROM OUR CUSTOMERS</h3>
<h2 class="h1 section-heading__headline">WHAT OUR CUSTOMERS ARE SAYING</h2>
</div>
</div>

<div class="testimonial-panel">
<div class="row row-site column">
<div class="js-testimonial-slider">
<div>
  <div class="testimonial-panel__row">
    <div class="testimonial-panel__image">
      <div class="testimonial-panel__image-wrapper">
        <div class="testimonial-panel__image-item">
          <img src="/wp-content/uploads/testimonial-1.jpg" alt="">
        </div>
      </div>
    </div>
    <div class="testimonial-panel__content">
      <blockquote>
        <div class="quote">
          <p>This is a model that can’t be replicated. It’s an innovative approach to development because the structures were manufactured off-site while site work was being done here. Then, the units were delivered and assembled on-site to create housing - shortening the time it would normally take to build a project. The units are designed to be very strong, sustainable and energy efficient.</p>
        </div>
        <p class="cite">— Donna Gallup,<span>President & CEO, American Family Housing</span> </p>
      </blockquote>
    </div>
  </div>
</div>
<div>
  <div class="testimonial-panel__row">
    <div class="testimonial-panel__image">
      <div class="testimonial-panel__image-wrapper">
        <div class="testimonial-panel__image-item">
          <img src="/wp-content/uploads/expertise-1.jpg" alt="">
        </div>
      </div>
    </div>
    <div class="testimonial-panel__content">
      <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>
    </div>
  </div>
</div>
</div>
</div>
</div>
</section>

<div class="card-grid mt6 mb6">
<div class="card">
<div class="card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="card__body">
<h3 class="card__title"><a href="#">potters lane</a></h3>
<p class="card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
<a href="" target="_blank" class="post-link">View Link <span class="icon-arrow-right-long"></span> </a>
</div>
</div>

<div class="card">
<div class="card__image zoom-trigger">
<a href="#"><img class="zoom-img" src="/wp-content/uploads/Potters-Lane-Thumb.jpg" alt="Potters Lane - Crate Modular"></a>
</div>
<div class="card__body">
<h3 class="card__title"><a href="https://vimeo.com/" class="popup-video">Video</a></h3>
<p class="card__overview">Potters Lane is a $6.3 million apartment building in Orange County, CA, for chronically homeless veterans designed and manufactured for American Family Housing, an organization whose mission is to provide housing and services to support homeless and low-income families and adults. </p>
<a href="https://vimeo.com/" class="post-link popup-video">View Video <span class="icon-arrow-right-long"></span> </a>
</div>
</div>

</div>
</div>

<div class="project-stats">
<div class="project-stat">
<span class="project-stat__label label">Client</span>
<h5 class="project-stat__title"><span>american family housing</span></h5>
</div>
<div class="project-stat">
<span class="project-stat__label label">Value</span>
<h5 class="project-stat__title"><span>$6.3M</span></h5>
</div>
<div class="project-stat">
<span class="project-stat__label label">Location</span>
<h5 class="project-stat__title"><span>orange county, ca</span></h5>
</div>
<div class="project-stat">
<span class="project-stat__label label">Address</span>
<h5 class="project-stat__title"><span>15161 Jackson St. Midway City, CA</span></h5>
</div>
</div>

<section class="block-icons mt5 mb5">
<div class="row row-site column">
<div class="block-icons__wrapper js-block-icons-slider">

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title matchheight-me">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title matchheight-me">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title matchheight-me">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title matchheight-me">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title matchheight-me">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

<div class="block-icon">
<div class="block-icon__inner">
  <div class="block-icon__icon">
    <span class="icon-Design"></span>
  </div>
  <h4 class="block-icon__title matchheight-me">Logistics</h4>
  <p class="block-icon__body">Our bread and butter. All Crate buildings exceed California's high standards for energy efficiency, durability and safety. Because all of our buildings are pre-fabricated, we're able to zip through the permitting process and keep projects moving.</p>
</div>
</div>

</div>
</div>
</section>