<h1>Visual Regression Testing Demo Page</h1>
<div class="bux-mar-tb-sp-16">
<div class="bux-accordion" data-allow-multiple>
<h3 class="bux-accordion__heading">
<button id="bux-accordion__trigger--1" type="button" class="bux-accordion__trigger" aria-controls="bux-accordion__panel--1" aria-expanded="false">
<span class="bux-accordion__icon" aria-hidden="true"></span>
<span class="bux-accordion__title">
Title of Accordion
</span>
</button>
</h3>
<div id="bux-accordion__panel--1" class="bux-accordion__panel" role="region" aria-labelledby="bux-accordion__trigger--1" hidden>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
<h3 class="bux-accordion__heading">
<button id="bux-accordion__trigger--2" type="button" class="bux-accordion__trigger" aria-controls="bux-accordion__panel--2" aria-expanded="false">
<span class="bux-accordion__icon" aria-hidden="true"></span>
<span class="bux-accordion__title">
Title of Accordion
</span>
</button>
</h3>
<div id="bux-accordion__panel--2" class="bux-accordion__panel" role="region" aria-labelledby="bux-accordion__trigger--2" hidden>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
<h3 class="bux-accordion__heading">
<button id="bux-accordion__trigger--3" type="button" class="bux-accordion__trigger" aria-controls="bux-accordion__panel--3" aria-expanded="false">
<span class="bux-accordion__icon" aria-hidden="true"></span>
<span class="bux-accordion__title">
Title of Accordion
</span>
</button>
</h3>
<div id="bux-accordion__panel--3" class="bux-accordion__panel" role="region" aria-labelledby="bux-accordion__trigger--3" hidden>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-alert bux-alert--info">
<div class="bux-alert__icon" aria-hidden="true"></div>
<div class="visually-hidden" id=label-type-info-780432427>Information.</div>
<div class="bux-alert__message">
<h2 class="bux-alert__message-title" id="-message-780432427">This is an info message.</h2>
<div class="bux-alert__message-text">This is additional text about this message.</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-alert bux-alert--success">
<div class="bux-alert__icon" aria-hidden="true"></div>
<div class="visually-hidden" id=label-type-success-30140820>Success.</div>
<div class="bux-alert__message">
<h2 class="bux-alert__message-title" id="-message-30140820">This is a success message.</h2>
<div class="bux-alert__message-text">This is additional text about this message.</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div role="region" aria-labelledby="label-type-warning-506749026 status-message-506749026">
<div class="bux-alert bux-alert--warning" role="status" aria-live="polite">
<div class="bux-alert__icon" aria-hidden="true"></div>
<div class="visually-hidden" id=label-type-warning-506749026>Warning.</div>
<div class="bux-alert__message">
<h2 class="bux-alert__message-title" id="status-message-506749026">This is a warning message.</h2>
<div class="bux-alert__message-text">This is additional text about this message.</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div role="region" aria-labelledby="label-type-error-2067995849 alert-message-2067995849">
<div class="bux-alert bux-alert--error" role="alert" aria-live="assertive">
<div class="bux-alert__icon" aria-hidden="true"></div>
<div class="visually-hidden" id=label-type-error-2067995849>Error.</div>
<div class="bux-alert__message">
<h2 class="bux-alert__message-title" id="alert-message-2067995849">This is an error message.</h2>
<div class="bux-alert__message-text">This is additional text about this message.</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div role="region" aria-labelledby="label-type-warning-791944852 alert-message-791944852">
<div class="bux-alert bux-alert--warning" role="alert" aria-live="assertive">
<div class="bux-alert__icon" aria-hidden="true"></div>
<div class="visually-hidden" id=label-type-warning-791944852>Warning.</div>
<div class="bux-alert__message">
<h2 class="bux-alert__message-title" id="alert-message-791944852">This is a warning message.</h2>
<div class="bux-alert__message-text">This is additional text about this message.</div>
<button class="bux-alert__dismiss"><span class="visually-hidden">Dismiss this alert</span></button>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<a href="#top" id="bux-back-to-top" class="bux-back-to-top">
<span class="bux-back-to-top__icon icon icon-jump-top" aria-hidden="true"></span>
<span class="bux-back-to-top__text">Back to top</span>
</a>
</div>
<div class="bux-mar-tb-sp-16">
<nav aria-label="Breadcrumb" class="bux-breadcrumb">
<ol class="bux-breadcrumb__list">
<li class="bux-breadcrumb__item">
<a class="bux-breadcrumb__link" href="#">Home</a>
</li>
<li class="bux-breadcrumb__item">
<a class="bux-breadcrumb__link" href="#">Level 1</a>
</li>
<li class="bux-breadcrumb__item">
<a class="bux-breadcrumb__link" href="#">Level 2</a>
</li>
<li class="bux-breadcrumb__item bux-breadcrumb__item--current" aria-current="page">Level 3</li>
</ol>
</nav>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-buckeye-alert__wrapper" role="region" aria-labelledby="buckeye-alert-title" hidden>
<div id="bux-buckeye-alert" class="bux-buckeye-alert" aria-label="Buckeye Alert" aria-live="polite" role="status" hidden>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button">
Primary
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--alt">
Alternate
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--disabled" aria-disabled="true">
Disabled
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--alt-disabled" aria-disabled="true">
Alternate Disabled
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--small">
Small
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--alt-small">
Alternate Small
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--alt-small-disabled" aria-disabled="true">
Alternate Small Disabled
</button>
</div>
<div class="bux-mar-tb-sp-16">
<button class="bux-button bux-button--icon">
<div class="bux-button__icon">
<span class="icon icon-envelope" aria-hidden="true"></span>
</div>
Button with Icon
</button>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card ">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--gray">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--no-border">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card ">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card ">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--linked-headline">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<a href="#" class="bux-card__heading--link">
<span>Card Heading</span>
</a>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--storytelling">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<span class="bux-card__taxonomy">
Optional Taxonomy
</span>
<h3 class="bux-card__heading">
<a href="#" class="bux-card__heading--storytelling-link">
<span>Card Heading</span>
</a>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<span class="bux-card__read-time">3-minute read</span>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--featured">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<a class="bux-button bux-button--alt" href="#">Call to Action</a>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--horizontal">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card bux-card--horizontal-storytelling">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<span class="bux-card__taxonomy">
Optional Taxonomy
</span>
<h3 class="bux-card__heading">
<a href="#" class="bux-card__heading--storytelling-link">
<span>Card Heading</span>
</a>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<span class="bux-card__read-time">3-minute read</span>
</div>
</div>
</div>
<div class="bux-grid bux-card-collection">
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--4@md bux-mar-top-sp-24">
<div class="bux-card ">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--4@md bux-mar-top-sp-24">
<div class="bux-card ">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--4@md bux-mar-top-sp-24">
<div class="bux-card ">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>Card Heading</span>
</h3>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<div class="bux-card__cta">
<a href="#">
<span>Call to Action</span>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-card-carousel">
<div class="bux-card-carousel__nav bux-card-carousel__nav--left-column">
<div class="bux-card-carousel__nav--left" tabindex="0" aria-label="Go to previous card">
</div>
</div>
<div class="bux-card-carousel__container">
<div class="bux-card ">
<a class="bux-card__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt="" />
<div class="bux-card__content">
<h3 class="bux-card__heading">
<span>This is about an animal and maybe this heading is two lines long</span>
</h3>
<div class="bux-card__body">
Cloud bread mixtape cornhole, forage godard organic retro knausgaard. Ethical small batch mumblecore drinking vinegar.
</div>
<div class="bux-card__cta">
<a href="http://example.com">
<span>Card CTA</span>
</a>
</div>
</div>
</div>
<div class="bux-card ">
<a class="bux-card__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt="" />
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>This is a test header and different from the other one</span>
</h2>
<div class="bux-card__body">
Words go here. Awesome words that will amaze the reader. Words go here. Awesome words that will amaze the reader.Words go here. Awesome words that will amaze the reader.
</div>
<div class="bux-card__cta">
<a href="http://example.com">
<span>Card CTA</span>
</a>
</div>
</div>
</div>
<div class="bux-card ">
<a class="bux-card__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt="" />
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>This is a test header and different from the other one</span>
</h2>
<div class="bux-card__body">
Words go here. Awesome words that will amaze the reader.
</div>
<div class="bux-card__cta">
<a href="http://example.com">
<span>Card CTA</span>
</a>
</div>
</div>
</div>
<div class="bux-card ">
<a class="bux-card__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt="" />
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>This is a test header and different from the other one</span>
</h2>
<div class="bux-card__body">
Words go here. Awesome words that will amaze the reader.
</div>
<div class="bux-card__cta">
<a href="http://example.com">
<span>Card CTA</span>
</a>
</div>
</div>
</div>
<div class="bux-card ">
<a class="bux-card__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt="" />
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>This is a test header and different from the other one</span>
</h2>
<div class="bux-card__body">
Words go here. Awesome words that will amaze the reader.
</div>
<div class="bux-card__cta">
<a href="http://example.com">
<span>Card CTA</span>
</a>
</div>
</div>
</div>
<div class="bux-card ">
<a class="bux-card__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt="" />
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>This is a test header and different from the other one</span>
</h2>
<div class="bux-card__body">
Words go here. Awesome words that will amaze the reader.
</div>
<div class="bux-card__cta">
<a href="http://example.com">
<span>Card CTA</span>
</a>
</div>
</div>
</div>
</div>
<div class="bux-card-carousel__nav bux-card-carousel__nav--right-column">
<div class="bux-card-carousel__nav--right" tabindex="0" aria-label="Go to next card">
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-cta-collection
">
<ul>
<li>
<a class="bux-cta-collection__link" href=#>
Ipsum Dolar
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
Larenoto
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
Curabitur libero
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
Nulla rutrum nulla
</a>
</li>
</ul>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-cta-collection
bux-cta-collection--icons
">
<ul>
<li>
<a class="bux-cta-collection__link" href=#>
<span class="icon icon-graph-pie" aria-hidden="true"></span>
Ipsum Dolar
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
<span class="icon icon-user" aria-hidden="true"></span>
Larenoto
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
<span class="icon icon-envelope" aria-hidden="true"></span>
Curabitur libero
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
<span class="icon icon-graph-pie" aria-hidden="true"></span>
Nulla rutrum nulla
</a>
</li>
</ul>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-cta-collection
bux-cta-collection--standard-icons
">
<ul>
<li>
<a class="bux-cta-collection__link" href=#>
<img class="standard-icon" src="/images/placeholders/grad_cap_icon_standard.svg" alt="" />
Ipsum Dolar
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
<img class="standard-icon" src="/images/placeholders/grad_cap_icon_standard.svg" alt="" />
Larenoto
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
<img class="standard-icon" src="/images/placeholders/grad_cap_icon_standard.svg" alt="" />
Curabitur libero
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
<img class="standard-icon" src="/images/placeholders/grad_cap_icon_standard.svg" alt="" />
Nulla rutrum nulla
</a>
</li>
</ul>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-cta-collection
bux-cta-collection--gray
">
<ul>
<li>
<a class="bux-cta-collection__link" href=#>
Ipsum Dolar
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
Larenoto
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
Curabitur libero
</a>
</li>
<li>
<a class="bux-cta-collection__link" href=#>
Nulla rutrum nulla
</a>
</li>
</ul>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-cta-in-page">
<img class="bux-image bux-image--16x9" src="/images/placeholders/osu-bux-5.jpg" alt="Graduates performing the O-H-I-O pose" />
<h2>Call-to-Action Headline</h2>
<div class="bux-cta-in-page__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis rhoncus ipsum. Ut eget blandit mauris, a malesuada felis. Integer in sagittis odio. Sed a odio eget tortor congue egestas. Sed lacinia dignissim libero.
</div>
<a class="bux-button" href="">Call to Action</a>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<nav aria-label="Document pages" class="bux-doc-pagination">
<div class="bux-doc-pagination__item bux-doc-pagination__item--prev">
<a href="" class="bux-doc-pagination__link bux-doc-pagination__link--prev" rel="prev">
<div class="bux-doc-pagination__label bux-doc-pagination__label--prev">
Page 3
</div>
</a>
</div>
<div class="bux-doc-pagination__item bux-doc-pagination__item--next">
<a href="" class="bux-doc-pagination__link bux-doc-pagination__link--next" rel="next">
<div class="bux-doc-pagination__label bux-doc-pagination__label--next">
Page 5
</div>
</a>
</div>
</nav>
</div>
<div class="bux-mar-tb-sp-16">
<ul class="bux-factoid">
<li class="bux-factoid__item">
<span class="bux-factoid__stat">
200+
</span>
<span class="bux-factoid__text">
lorem ipsum dolor sit amet, consectetur adipiscing elit
</span>
</li>
<li class="bux-factoid__item">
<span class="bux-factoid__stat">
#1
</span>
<span class="bux-factoid__text">
lorem ipsum dolor sit amet, consectetur adipiscing elit
</span>
</li>
<li class="bux-factoid__item">
<span class="bux-factoid__stat">
9<sup>th</sup>
</span>
<span class="bux-factoid__text">
lorem ipsum dolor sit amet, consectetur adipiscing elit
</span>
</li>
</ul>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-featured-card bux-grid bux-grid--no-gutters bux-featured-card--image-right ">
<div class="bux-featured-card--wrapper bux-grid__cell bux-grid__cell--12 bux-grid__cell--5@md">
<div class="bux-card bux-card--featured">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>Featured Card Heading</span>
</h2>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<a class="bux-button bux-button--alt" href="#">Call to Action</a>
</div>
</div>
</div>
<div class="bux-featured-card--image bux-grid__cell bux-grid__cell--12 bux-grid__cell--7@md">
<img class="bux-image " src="https://bux.osu.edu/img/example-images/osu-bux-2.jpg" alt="A marching band memeber high-fiving a crowd" />
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-featured-card bux-grid bux-grid--no-gutters bux-featured-card--image-left ">
<div class="bux-featured-card--wrapper bux-grid__cell bux-grid__cell--12 bux-grid__cell--5@md">
<div class="bux-card bux-card--featured">
<a class="bux-card__link" href="#" aria-hidden="true" tabindex="-1"></a>
<div class="bux-card__content">
<h2 class="bux-card__heading">
<span>Featured Card Heading</span>
</h2>
<div class="bux-card__body">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
<a class="bux-button bux-button--alt" href="#">Call to Action</a>
</div>
</div>
</div>
<div class="bux-featured-card--image bux-grid__cell bux-grid__cell--12 bux-grid__cell--7@md">
<img class="bux-image " src="https://bux.osu.edu/img/example-images/osu-bux-2.jpg" alt="A marching band memeber high-fiving a crowd" />
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<footer class="bux-footer bux-footer--light">
<div class="bux-container bux-grid bux-grid--footer">
<div class="bux-footer__col bux-footer__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--5@md">
<div class="bux-footer__logo">
<a href="http://osu.edu" target="_blank">
<img src="/images/osu-logos/horiz/osu-horiz-gray.svg" alt="The Ohio State University" />
</a>
</div>
<div class="bux-footer__contact bux-footer__contact--address">
<p class="bux_footer__site-name">
Office of
Learning Relations Excellence
</p>
<p class="bux_footer__address">100 Building Name</p>
<p class="bux_footer__address">1 Oval Mall</p>
<p class="bux_footer__address">Columbus, OH 43210</p>
</div>
<div class="bux-footer__contact bux-footer__contact--email-phone">
<hr />
<p class="bux_footer__email"><a class="bux-link" href="mailto:email@osu.edu">email@osu.edu</a></p>
<p class="bux_footer__phone"><a class="bux-link" href="tel:614-292-OHIO">Phone: 614-292-OHIO</a></p>
<p class="bux_footer__fax"><a class="bux-link" href="tel:614-555-5555">Fax: 614-555-5555</a></p>
</div>
</div>
<div class="bux-footer__col bux-footer__col--right bux-grid__cell bux-grid__cell--12 bux-grid__cell--7@md">
<div class="bux-footer__social">
<ul class="bux-social-links bux-social-links--light">
<li class="bux-social-links__item bux-social-links__item--Facebook">
<a class="bux-social-links__link" href="https://www.facebook.com/osu/" target="_blank">
<span class="visually-hidden">Facebook profile — external</span>
<span class="icon icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--Instagram">
<a class="bux-social-links__link" href="https://www.instagram.com/theohiostateuniversity/" target="_blank">
<span class="visually-hidden">Instagram profile — external</span>
<span class="icon icon-instagram" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--X">
<a class="bux-social-links__link" href="https://twitter.com/OhioState" target="_blank">
<span class="visually-hidden">X profile — external</span>
<span class="icon icon-x" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--LinkedIn">
<a class="bux-social-links__link" href="https://www.linkedin.com/school/the-ohio-state-university/" target="_blank">
<span class="visually-hidden">LinkedIn profile — external</span>
<span class="icon icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--YouTube">
<a class="bux-social-links__link" href="https://www.youtube.com/user/ohiostateuniversity" target="_blank">
<span class="visually-hidden">YouTube profile — external</span>
<span class="icon icon-youtube" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--TikTok">
<a class="bux-social-links__link" href="https://www.tiktok.com/@theohiostateuniversity" target="_blank">
<span class="visually-hidden">TikTok profile — external</span>
<span class="icon icon-tiktok" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="bux-footer__fine-print">
<div class="bux-footer__ada">
If you have a disability
and experience difficulty accessing this content,
please contact the Digital Accessibility Center
for assistance at <a class="bux-link" href="mailto:accessibility@osu.edu">
accessibility@osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
</div>
<div class="bux-footer__links">
<ul>
<li class="bux_footer__link"><a class="bux-link" href="https://go.osu.edu/privacy">Privacy Statement</a></li>
<li class="bux_footer__link"><a class="bux-link" href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></li>
<li class="bux_footer__link"><a id="ot-sdk-btn" class="ot-sdk-show-settings bux-link">Cookie Settings</a></li>
<li class="bux_footer__link"><a class="bux-link" href="#">Login</a></li>
</ul>
</div>
<div class="bux-footer__copyright">© 2025 The Ohio State University</div>
</div>
</div>
</div>
</footer>
</div>
<div class="bux-mar-tb-sp-16">
<footer class="bux-footer bux-footer--dark">
<div class="bux-container bux-grid bux-grid--footer">
<div class="bux-footer__col bux-footer__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--5@md">
<div class="bux-footer__logo">
<a href="http://osu.edu" target="_blank">
<img src="/images/osu-logos/horiz/osu-horiz-white.svg" alt="The Ohio State University" />
</a>
</div>
<div class="bux-footer__contact bux-footer__contact--address">
<p class="bux_footer__site-name">
Office of
Learning Relations Excellence
</p>
<p class="bux_footer__address">100 Building Name</p>
<p class="bux_footer__address">1 Oval Mall</p>
<p class="bux_footer__address">Columbus, OH 43210</p>
</div>
<div class="bux-footer__contact bux-footer__contact--email-phone">
<hr />
<p class="bux_footer__email"><a class="bux-link bux-link--reverse" href="mailto:email@osu.edu">email@osu.edu</a></p>
<p class="bux_footer__phone"><a class="bux-link bux-link--reverse" href="tel:614-292-OHIO">Phone: 614-292-OHIO</a></p>
<p class="bux_footer__fax"><a class="bux-link bux-link--reverse" href="tel:614-555-5555">Fax: 614-555-5555</a></p>
</div>
</div>
<div class="bux-footer__col bux-footer__col--right bux-grid__cell bux-grid__cell--12 bux-grid__cell--7@md">
<div class="bux-footer__social">
<ul class="bux-social-links bux-social-links--dark">
<li class="bux-social-links__item bux-social-links__item--Facebook">
<a class="bux-social-links__link" href="https://www.facebook.com/osu/" target="_blank">
<span class="visually-hidden">Facebook profile — external</span>
<span class="icon icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--Instagram">
<a class="bux-social-links__link" href="https://www.instagram.com/theohiostateuniversity/" target="_blank">
<span class="visually-hidden">Instagram profile — external</span>
<span class="icon icon-instagram" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--X">
<a class="bux-social-links__link" href="https://twitter.com/OhioState" target="_blank">
<span class="visually-hidden">X profile — external</span>
<span class="icon icon-x" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--LinkedIn">
<a class="bux-social-links__link" href="https://www.linkedin.com/school/the-ohio-state-university/" target="_blank">
<span class="visually-hidden">LinkedIn profile — external</span>
<span class="icon icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--YouTube">
<a class="bux-social-links__link" href="https://www.youtube.com/user/ohiostateuniversity" target="_blank">
<span class="visually-hidden">YouTube profile — external</span>
<span class="icon icon-youtube" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--TikTok">
<a class="bux-social-links__link" href="https://www.tiktok.com/@theohiostateuniversity" target="_blank">
<span class="visually-hidden">TikTok profile — external</span>
<span class="icon icon-tiktok" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="bux-footer__fine-print">
<div class="bux-footer__ada">
If you have a disability
and experience difficulty accessing this content,
please contact the Digital Accessibility Center
for assistance at <a class="bux-link" href="mailto:accessibility@osu.edu">
accessibility@osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
</div>
<div class="bux-footer__links">
<ul>
<li class="bux_footer__link"><a class="bux-link bux-link--reverse" href="https://go.osu.edu/privacy">Privacy Statement</a></li>
<li class="bux_footer__link"><a class="bux-link bux-link--reverse" href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></li>
<li class="bux_footer__link"><a id="ot-sdk-btn" class="ot-sdk-show-settings bux-link bux-link--reverse">Cookie Settings</a></li>
<li class="bux_footer__link"><a class="bux-link bux-link--reverse" href="#">Login</a></li>
</ul>
</div>
<div class="bux-footer__copyright">© 2025 The Ohio State University</div>
</div>
</div>
</div>
</footer>
</div>
<div class="bux-mar-tb-sp-16">
<footer class="bux-footer bux-footer--white">
<div class="bux-container bux-grid bux-grid--footer">
<div class="bux-footer__col bux-footer__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--5@md">
<div class="bux-footer__logo">
<a href="http://osu.edu" target="_blank">
<img src="/images/osu-logos/horiz/osu-horiz-gray.svg" alt="The Ohio State University" />
</a>
</div>
<div class="bux-footer__contact bux-footer__contact--address">
<p class="bux_footer__site-name">
Office of
Learning Relations Excellence
</p>
<p class="bux_footer__address">100 Building Name</p>
<p class="bux_footer__address">1 Oval Mall</p>
<p class="bux_footer__address">Columbus, OH 43210</p>
</div>
<div class="bux-footer__contact bux-footer__contact--email-phone">
<hr />
<p class="bux_footer__email"><a class="bux-link" href="mailto:email@osu.edu">email@osu.edu</a></p>
<p class="bux_footer__phone"><a class="bux-link" href="tel:614-292-OHIO">Phone: 614-292-OHIO</a></p>
<p class="bux_footer__fax"><a class="bux-link" href="tel:614-555-5555">Fax: 614-555-5555</a></p>
</div>
</div>
<div class="bux-footer__col bux-footer__col--right bux-grid__cell bux-grid__cell--12 bux-grid__cell--7@md">
<div class="bux-footer__social">
<ul class="bux-social-links bux-social-links--white">
<li class="bux-social-links__item bux-social-links__item--Facebook">
<a class="bux-social-links__link" href="https://www.facebook.com/osu/" target="_blank">
<span class="visually-hidden">Facebook profile — external</span>
<span class="icon icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--Instagram">
<a class="bux-social-links__link" href="https://www.instagram.com/theohiostateuniversity/" target="_blank">
<span class="visually-hidden">Instagram profile — external</span>
<span class="icon icon-instagram" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--X">
<a class="bux-social-links__link" href="https://twitter.com/OhioState" target="_blank">
<span class="visually-hidden">X profile — external</span>
<span class="icon icon-x" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--LinkedIn">
<a class="bux-social-links__link" href="https://www.linkedin.com/school/the-ohio-state-university/" target="_blank">
<span class="visually-hidden">LinkedIn profile — external</span>
<span class="icon icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--YouTube">
<a class="bux-social-links__link" href="https://www.youtube.com/user/ohiostateuniversity" target="_blank">
<span class="visually-hidden">YouTube profile — external</span>
<span class="icon icon-youtube" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--TikTok">
<a class="bux-social-links__link" href="https://www.tiktok.com/@theohiostateuniversity" target="_blank">
<span class="visually-hidden">TikTok profile — external</span>
<span class="icon icon-tiktok" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="bux-footer__fine-print">
<div class="bux-footer__ada">
If you have a disability
and experience difficulty accessing this content,
please contact the Digital Accessibility Center
for assistance at <a class="bux-link" href="mailto:accessibility@osu.edu">
accessibility@osu.edu</a> or <a class="bux-link" href="tel:614-292-1760">614-292-1760</a>.
</div>
<div class="bux-footer__links">
<ul>
<li class="bux_footer__link"><a class="bux-link" href="https://go.osu.edu/privacy">Privacy Statement</a></li>
<li class="bux_footer__link"><a class="bux-link" href="https://go.osu.edu/nondiscrimination-notice">Non-discrimination Notice</a></li>
<li class="bux_footer__link"><a id="ot-sdk-btn" class="ot-sdk-show-settings bux-link">Cookie Settings</a></li>
<li class="bux_footer__link"><a class="bux-link" href="#">Login</a></li>
</ul>
</div>
<div class="bux-footer__copyright">© 2025 The Ohio State University</div>
</div>
</div>
</div>
</footer>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-checkbox">
<fieldset class="bux-checkbox__fieldset" id="bux-checkbox__checkbox-295737995" aria-describedby="bux-checkbox__helper-text-295737995">
<legend class="bux-checkbox__legend">Form Input Label</legend>
<span class="bux-checkbox__helper-text" id="bux-checkbox__helper-text-295737995">Helper Text</span>
<div class="bux-checkbox__input-spacer">
<div class="bux-checkbox__option">
<input type="checkbox" id="bux-checkbox__option-555367999" value="item_1">
<label for="bux-checkbox__option-555367999">Item 1</label>
</div>
<div class="bux-checkbox__option">
<input type="checkbox" id="bux-checkbox__option-1388868804" value="item_2">
<label for="bux-checkbox__option-1388868804">Item 2</label>
</div>
<div class="bux-checkbox__option">
<input type="checkbox" id="bux-checkbox__option-1466052937" value="item_3">
<label for="bux-checkbox__option-1466052937">Item 3</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-checkbox">
<fieldset class="bux-checkbox__fieldset" id="bux-checkbox__checkbox-761976913" aria-describedby="bux-checkbox__helper-text-761976913">
<legend class="bux-checkbox__legend">Form Input Label</legend>
<span class="bux-checkbox__helper-text" id="bux-checkbox__helper-text-761976913">Helper Text</span>
<div class="bux-checkbox__input-spacer">
<div class="bux-checkbox__option bux-checkbox__option--disabled">
<input type="checkbox" id="bux-checkbox__option-657381306" value="item_1" disabled>
<label for="bux-checkbox__option-657381306">Item 1</label>
</div>
<div class="bux-checkbox__option bux-checkbox__option--disabled">
<input type="checkbox" id="bux-checkbox__option-1227734150" value="item_2" disabled>
<label for="bux-checkbox__option-1227734150">Item 2</label>
</div>
<div class="bux-checkbox__option bux-checkbox__option--disabled">
<input type="checkbox" id="bux-checkbox__option-725079434" value="item_3" disabled>
<label for="bux-checkbox__option-725079434">Item 3</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-radio">
<fieldset class="bux-radio__fieldset" id="bux-radio__radio-629227407" role="radiogroup" aria-describedby="bux-checkbox__helper-text-629227407">
<legend class="bux-radio__legend">Form Input Label</legend>
<span class="bux-radio__helper-text" id="bux-radio__helper-text-629227407">Helper Text</span>
<div class="bux-radio__input-spacer">
<div class="bux-radio__option">
<input type="radio" id="bux-radio__option-611922261" name="radio-629227407">
<label for="bux-radio__option-611922261">Item 1</label>
</div>
<div class="bux-radio__option">
<input type="radio" id="bux-radio__option-908171375" name="radio-629227407">
<label for="bux-radio__option-908171375">Item 2</label>
</div>
<div class="bux-radio__option">
<input type="radio" id="bux-radio__option-1185734569" name="radio-629227407">
<label for="bux-radio__option-1185734569">Item 3</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-radio">
<fieldset class="bux-radio__fieldset" id="bux-radio__radio-308177349" role="radiogroup" aria-describedby="bux-checkbox__helper-text-308177349">
<legend class="bux-radio__legend">Form Input Label</legend>
<span class="bux-radio__helper-text" id="bux-radio__helper-text-308177349">Helper Text</span>
<div class="bux-radio__input-spacer">
<div class="bux-radio__option bux-radio__option--disabled">
<input type="radio" id="bux-radio__option-32636074" name="radio-308177349" disabled>
<label for="bux-radio__option-32636074">Item 1</label>
</div>
<div class="bux-radio__option bux-radio__option--disabled">
<input type="radio" id="bux-radio__option-1893931974" name="radio-308177349" disabled>
<label for="bux-radio__option-1893931974">Item 2</label>
</div>
<div class="bux-radio__option bux-radio__option--disabled">
<input type="radio" id="bux-radio__option-1779213622" name="radio-308177349" disabled>
<label for="bux-radio__option-1779213622">Item 3</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-selection-dropdown">
<label class="bux-selection-dropdown__label" for="bux-selection-dropdown__selection-dropdown-1613733365">Form Input Label</label>
<span class="bux-selection-dropdown__helper-text" id="bux-selection-dropdown__helper-text-1613733365">Helper Text</span>
<div class="bux-selection-dropdown__input">
<select id="bux-selection-dropdown__selection-dropdown-1613733365" aria-describedby="bux-selection-dropdown__helper-text-1613733365">
<option>Choose One</option>
<option value="Item 1">Item 1</option>
<option value="Item 2">Item 2</option>
<option value="Item 3">Item 3</option>
<option value="Item 4">Item 4</option>
<option value="Item 5">Item 5</option>
</select>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-selection-dropdown">
<label class="bux-selection-dropdown__label" for="bux-selection-dropdown__selection-dropdown-1503171770">Form Input Label</label>
<span class="bux-selection-dropdown__helper-text" id="bux-selection-dropdown__helper-text-1503171770">Helper Text</span>
<div class="bux-selection-dropdown__input bux-selection-dropdown__input--disabled">
<select id="bux-selection-dropdown__selection-dropdown-1503171770" aria-describedby="bux-selection-dropdown__helper-text-1503171770" disabled>
<option>Choose One</option>
<option value="Item 1">Item 1</option>
<option value="Item 2">Item 2</option>
<option value="Item 3">Item 3</option>
<option value="Item 4">Item 4</option>
<option value="Item 5">Item 5</option>
</select>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-switch">
<fieldset class="bux-switch__fieldset" id="bux-switch__switch-983201070" aria-describedby="bux-switch__helper-text-983201070">
<legend class="bux-switch__legend">Form Input Label</legend>
<span class="bux-switch__helper-text" id="bux-switch__helper-text-983201070">Helper Text</span>
<div class="bux-switch__input-spacer">
<div class="bux-switch__option">
<input type="checkbox" id="bux-switch__option-1461051240" role="switch">
<label for="bux-switch__option-1461051240">Item 1</label>
</div>
<div class="bux-switch__option">
<input type="checkbox" id="bux-switch__option-1252581198" role="switch">
<label for="bux-switch__option-1252581198">Item 2</label>
</div>
<div class="bux-switch__option">
<input type="checkbox" id="bux-switch__option-18580281" role="switch">
<label for="bux-switch__option-18580281">Item 3</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-switch">
<fieldset class="bux-switch__fieldset" id="bux-switch__switch-1962511486" aria-describedby="bux-switch__helper-text-1962511486">
<legend class="bux-switch__legend">Form Input Label</legend>
<span class="bux-switch__helper-text" id="bux-switch__helper-text-1962511486">Helper Text</span>
<div class="bux-switch__input-spacer">
<div class="bux-switch__option bux-switch__option--disabled">
<input type="checkbox" id="bux-switch__option-432789208" role="switch" disabled>
<label for="bux-switch__option-432789208">Item 1</label>
</div>
<div class="bux-switch__option bux-switch__option--disabled">
<input type="checkbox" id="bux-switch__option-2110737953" role="switch" disabled>
<label for="bux-switch__option-2110737953">Item 2</label>
</div>
<div class="bux-switch__option bux-switch__option--disabled">
<input type="checkbox" id="bux-switch__option-1347648360" role="switch" disabled>
<label for="bux-switch__option-1347648360">Item 3</label>
</div>
</div>
</fieldset>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-area">
<label class="bux-text-area__label" for="bux-text-area__text-area-1921825726">Form Input Label</label>
<span class="bux-text-area__helper-text" id="bux-text-area__helper-text-1921825726">Helper Text</span>
<textarea id="bux-text-area__text-area-1921825726" class="bux-text-area__text-area" placeholder="Placeholder Text (Optional)" aria-describedby="bux-text-area__helper-text-1921825726"></textarea>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-area">
<label class="bux-text-area__label" for="bux-text-area__text-area-601499138">Form Input Label</label>
<span class="bux-text-area__helper-text" id="bux-text-area__helper-text-601499138">Helper Text</span>
<textarea id="bux-text-area__text-area-601499138" class="bux-text-area__text-area bux-text-area__text-area--disabled" disabled="disabled" placeholder="Placeholder Text (Optional)" aria-describedby="bux-text-area__helper-text-601499138"></textarea>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-area">
<label class="bux-text-area__label" for="bux-text-area__text-area-187824564">Form Input Label</label>
<span class="bux-text-area__helper-text" id="bux-text-area__helper-text-187824564">Helper Text</span>
<textarea id="bux-text-area__text-area-187824564" class="bux-text-area__text-area bux-text-area__text-area--error" aria-invalid="true" placeholder="Placeholder Text (Optional)" aria-describedby=" bux-text-area__error-message-187824564 bux-text-area__helper-text-187824564"></textarea>
<span class="bux-text-area__error-message" id="bux-text-area__error-message-187824564">Error Helper Text</span>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-field">
<label class="bux-text-field__label" for="bux-text-field__text-input-1754218368">Form Input Label</label>
<span class="bux-text-field__helper-text" id="bux-text-field__helper-text-1754218368">Helper Text</span>
<input id="bux-text-field__text-input-1754218368" class="bux-text-field__input" placeholder="Placeholder Text (Optional)" aria-describedby="bux-text-field__helper-text-1754218368" />
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-field">
<label class="bux-text-field__label" for="bux-text-field__text-input-1036235964">Form Input Label</label>
<span class="bux-text-field__helper-text" id="bux-text-field__helper-text-1036235964">Helper Text</span>
<input id="bux-text-field__text-input-1036235964" class="bux-text-field__input bux-text-field__input--disabled" disabled="disabled" placeholder="Placeholder Text (Optional)" aria-describedby="bux-text-field__helper-text-1036235964" />
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-field">
<label class="bux-text-field__label" for="bux-text-field__text-input-1881400650">Form Input Label</label>
<span class="bux-text-field__helper-text" id="bux-text-field__helper-text-1881400650">Helper Text</span>
<input id="bux-text-field__text-input-1881400650" class="bux-text-field__input bux-text-field__input--error" aria-invalid="true" placeholder="Placeholder Text (Optional)" aria-describedby="bux-text-field__error-message-1881400650 bux-text-field__helper-text-1881400650" />
<span class="bux-text-field__error-message" id="bux-text-field__error-message-1881400650">Error Helper Text</span>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-text-field">
<label class="bux-text-field__label" for="bux-text-field__password-input-530401956">Form Input Label</label>
<span class="bux-text-field__helper-text" id="bux-text-field__helper-text-530401956">Helper Text</span>
<input id="bux-text-field__password-input-530401956" class="bux-text-field__input bux-text-field__input--password" type="password" placeholder="Placeholder Text (Optional)" aria-describedby="bux-text-field__helper-text-530401956" />
<button class="bux-text-field__password-icon bux-text-field__password-icon--view bux-tooltip__button" id="bux-text-field__password-toggle-530401956" title="Show Password" aria-label="Show Password" aria-pressed="false"></button>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div id="masthead" class="bux-header">
<div class="bux-container bux-grid">
<div class="bux-header__col bux-header__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--8@md bux-grid__cell--9@xl">
<div class="bux-header__site-name-container">
<div class="bux-header__site-name">
<a href=#>College or unit name here</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div id="masthead" class="bux-header">
<div class="bux-container bux-grid">
<div class="bux-header__col bux-header__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--8@md bux-grid__cell--9@xl">
<div class="bux-header__site-name-container">
<div class="bux-header__site-name">
<a href=#>College or unit name here</a>
<div class="bux-header__site-name-slogan">
Unit or site slogan can go here
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div id="masthead" class="bux-header">
<div class="bux-container bux-grid">
<div class="bux-header__col bux-header__col--left bux-grid__cell bux-grid__cell--12 bux-grid__cell--8@md bux-grid__cell--9@xl">
<div class="bux-header__site-name-container">
<div class="bux-header__site-name-parent">
Parent name, used to support identification of college or unit
</div>
<div class="bux-header__site-name">
<a href=#>College or unit name here</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<section class="bux-hero bux-hero--card-left bux-hero--3x2">
<div id="bux-hero__carousel-1070720416-items" class="bux-hero__carousel-items">
<div id="bux-hero__carousel-1070720416-tab-1" class="bux-hero__container showing">
<div class="bux-hero__content">
<h2 class="bux-hero__header">
<span>Headline lorem ipsum</span>
</h2>
<div class="bux-hero__subheader">
<span>Subhead lorem ipsum dolara met</span>
</div>
<a class="bux-button bux-button--alt" href="#">Call to Action</a>
</div>
<div class="bux-hero__image-container">
<div class="bux-hero__image bux-hero__image--3x2 ">
<img class="bux-image " src="/images/placeholders/osu-bux-5.jpg" alt="Graduates performing the O-H-I-O pose" />
</div>
</div>
</div>
</div>
</section>
</div>
<div class="bux-mar-tb-sp-16">
<section class="bux-hero bux-hero--gray bux-hero--card-full">
<div id="bux-hero__carousel-1228220626-items" class="bux-hero__carousel-items">
<div id="bux-hero__carousel-1228220626-tab-1" class="bux-hero__container showing">
<div class="bux-hero__content">
<h2 class="bux-hero__header">
<span>Headline lorem ipsum</span>
</h2>
<a class="bux-hero__subheader bux-text-link">Subhead lorem ipsum dolara met</a>
</div>
<div class="bux-hero__image-container">
<div class="bux-hero__image bux-hero__image-- ">
<img class="bux-image " src="/images/placeholders/osu-bux-5.jpg" alt="Graduates performing the O-H-I-O pose" />
</div>
</div>
</div>
</div>
</section>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-container">
<section class="bux-interior-hero bux-interior-hero--with-image">
<div class="bux-interior-hero__image-wrapper">
<img class="bux-interior-hero__image" src="/images/placeholders/osu-bux-5.jpg" alt="Graduates performing the O-H-I-O pose" />
<div class="bux-interior-hero__header-container">
<h1 class="bux-h1 bux-interior-hero__header">H1 page title</h1>
</div>
</div>
<p class="bux-interior-hero__intro-text">[Optional] Intro text dolor sit amet, consectetur adipiscing elit. Pellentesque porttitor sed odio ut vesti bulum. Morbi a sapien et ligula egestas interdum et. Satapien et ligula egestast.</p>
</section>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-link-example">
<p>This is an
<a class="bux-link" href="#">inline link</a>.
</p>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-link-example bux-link-example--alt">
<p>This is an
<a class="bux-link bux-link--alt" href="#">inline link when text is on a light background</a>.
</p>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-link-example bux-link-example--reverse">
<p>This is an
<a class="bux-link bux-link--reverse" href="#">inline link when text is on a dark background</a>.
</p>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-link-example bux-link-example--scarlet">
<p>This is an
<a class="bux-link bux-link--scarlet" href="#">inline link when text is on a scarlet background</a>.
</p>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-link-example bux-link-example--before">
<p>This is an
<a class="bux-link bux-link--before" href="#">Title of Download (Spanish, PDF, 1.2MB)</a>.
</p>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-link-example bux-link-example--after">
<p>This is an
<a class="bux-link bux-link--after" href="#">External Link</a>.
</p>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<ul class="bux-link-list" role="list">
<li class="bux-link-list__item">
<a class="bux-text-link" href="">
Title of List Item
</a>
<div class="bux-link-list__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</li>
<li class="bux-link-list__item">
<a class="bux-text-link" href="">
Title of List Item
</a>
<div class="bux-link-list__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</li>
<li class="bux-link-list__item">
<a class="bux-text-link" href="">
Title of List Item
</a>
<div class="bux-link-list__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</div>
</li>
</ul>
</div>
<div class="bux-mar-tb-sp-16">
<dl class="bux-dl">
<dt>Term 1</dt>
<dd>This is the definition of the first term.</dd>
<dt>Term 2</dt>
<dd>This is the definition of the second term.</dd>
<dt>Term 3</dt>
<dd>This is the definition of the third term.</dd>
</dl>
</div>
<div class="bux-mar-tb-sp-16">
<ol class="bux-list-ol">
<li>List item 1<ol>
<li>List item 1A</li>
<li>List item 1B</li>
</ol>
</li>
<li>List item 2</li>
<li>List item 3<ol>
<li>List item 3A<ol>
<li>List item 3Ai</li>
<li>List item 3Aii</li>
</ol>
</li>
<li>List item 3B</li>
</ol>
</li>
</ol>
</div>
<div class="bux-mar-tb-sp-16">
<ul class='bux-list-ul'>
<li>List item 1<ul>
<li>List item 1A</li>
<li>List item 1B</li>
</ul>
</li>
<li>List item 2</li>
<li>List item 3<ul>
<li>List item 3A<ul>
<li>List item 3Ai</li>
<li>List item 3Aii</li>
</ul>
</li>
<li>List item 3B</li>
</ul>
</li>
</ul>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-listicle">
<div class="bux-listicle__item ">
<h2 class="bux-listicle__title">
<span class="bux-listicle__title-number">1</span>
<span class="bux-listicle__title-text">Title of Ordered Listicle Item</span>
</h2>
<div class="bux-listicle__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
<div class="bux-listicle__item ">
<h2 class="bux-listicle__title">
<span class="bux-listicle__title-number">2</span>
<span class="bux-listicle__title-text">Title of Ordered Listicle Item</span>
</h2>
<div class="bux-listicle__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
<div class="bux-listicle__item ">
<h2 class="bux-listicle__title">
<span class="bux-listicle__title-number">3</span>
<span class="bux-listicle__title-text">Title of Ordered Listicle Item</span>
</h2>
<div class="bux-listicle__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-menu-wrapper">
<div class="bux-container bux-grid bux-container__menu bux-container__menu--with-search ">
<nav id="bux-main-menu" aria-label="Main Navigation" class="disclosure-nav disclosure-nav-orientation-horizontal">
<ul class="bux-menu">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link bux-menu__link--active disclosure-nav-item-with-submenu disclosure-nav-item-with-submenu">Item 1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
disclosure-nav-item-with-submenu mobile-depth-cutoff">
Item 1.1
</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed
mobile-visible">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.1</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.2</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.2</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 1.2</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 1.2
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 1.3
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 1.4
</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link disclosure-nav-item-with-submenu disclosure-nav-item-with-submenu">Item 2</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.1
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.2
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.3
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 2.4
</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 3</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link disclosure-nav-item-with-submenu disclosure-nav-item-with-submenu">Item 4</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.1
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.2
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.3
</a>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link
">
Item 4.4
</a>
</li>
</ul>
</li>
<li class="bux-menu__item">
<a href="#" class="bux-menu__link">Item 5</a>
</li>
</ul>
</nav>
<div class="bux-menu__search">
<div class="bux-form__text-field--menu-search__wrapper">
<form id="site-search" class="bux-search" role="search">
<label class="bux-search__label visually-hidden" for="buxSearch">Search</label>
<input id="buxSearch" class="bux-search__input bux-form__text-field bux-from__text-field--menu-search visually-hidden" placeholder="Search" tabindex="-1" title="Search" />
<button class="bux-search__submit visually-hidden" aria-controls="buxSearch" tabindex="-1"><span class="visually-hidden">Submit search</span></button>
</form>
</div>
<button id="menuSearchBtn" type="button" aria-controls="site-search"><span class="visually-hidden">Toggle search dialog</span><span id="searchIcon" class="icon icon-search" aria-hidden="true"></span></button>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<nav role="navigation" aria-label="Pages" class="bux-pagination">
<ul class="bux-pagination__list">
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--previous" href="#" aria-label="Go to previous page"></a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 1">1</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 2">2</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--current" href="[object Object]" aria-label="Current page, page 3" aria-current="true">3</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 4">4</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 5">5</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--next" href="#" aria-label="Go to next page"></a>
</li>
</ul>
</nav>
</div>
<div class="bux-mar-tb-sp-16">
<nav role="navigation" aria-label="Pages" class="bux-pagination bux-pagination--alt">
<ul class="bux-pagination__list">
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--previous" href="#" aria-label="Go to previous page"></a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 1">1</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 2">2</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--current" href="[object Object]" aria-label="Current page, page 3" aria-current="true">3</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 4">4</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 5">5</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--next" href="#" aria-label="Go to next page"></a>
</li>
</ul>
</nav>
</div>
<div class="bux-mar-tb-sp-16">
<nav role="navigation" aria-label="Pages" class="bux-pagination bux-pagination--reverse">
<ul class="bux-pagination__list">
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--previous" href="#" aria-label="Go to previous page"></a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 1">1</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 2">2</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--current" href="[object Object]" aria-label="Current page, page 3" aria-current="true">3</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 4">4</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 5">5</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--next" href="#" aria-label="Go to next page"></a>
</li>
</ul>
</nav>
</div>
<div class="bux-mar-tb-sp-16">
<nav role="navigation" aria-label="Pages" class="bux-pagination">
<ul class="bux-pagination__list">
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--previous" href="#" aria-label="Go to previous page"></a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 1">1</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 2">2</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 3">3</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--current" href="[object Object]" aria-label="Current page, page 4" aria-current="true">4</a>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link" href="[object Object]" aria-label="Page 5">5</a>
</li>
<li class="bux-pagination__item">
<span class="bux-pagination__link bux-pagination__link--truncated" aria-hidden="true" role="presentation"></span>
</li>
<li class="bux-pagination__item">
<a class="bux-pagination__link bux-pagination__link--next" href="#" aria-label="Go to next page"></a>
</li>
</ul>
</nav>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-panel">
<h5 class="bux-panel__heading">
Title of Panel
</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. <br /><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a href="#" class="bux-button">Call to Action</a>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<p class="bux-paragraph">Closer to the metal meeting assassin. Flesh that out innovation is hot right now. Keep it lean currying favour. Cta we need to harvest synergy effects ramp up we need this overall to be busier and more active. Bob called an all-hands this afternoon viral engagement. Disband the squad but rehydrate as needed can I just chime in on that one, and in an ideal world let me know if you need me to crack any skulls and make it look like digital quick sync market-facing. Big picture we need to get
<a class="bux-link" href="#">all stakeholders</a>
up to speed and in the right place. Cloud strategy collaboration through advanced technlogy nor run it up the flag pole so looks great, can we try it a different way all hands on deck nor open door policy zeitgeist. Low engagement. Five-year strategic plan agile or pull in ten extra bodies to help roll the tortoise.
</p>
<p class="bux-paragraph">The last person we talked to said this would be ready we want to empower the team with the right tools and guidance to uplevel our craft and build better yet re-inventing the wheel get six alpha pups in here for a focus group, so pipeline net net. Race without a finish line slow-walk our commitment nor that"s mint, well done yet corporate synergy downselect so dear hiring manager:. Pull in ten extra bodies to help roll the tortoise business impact. Pushback if you"re not hurting you"re not winning or ensure to follow requirements when developing solutions if you want to motivate these clowns, try less carrot and more stick, nor deliverables dear hiring manager:, so land it in region.</p>
<p class="bux-paragraph">Work five-year strategic plan exposing new ways to evolve our design language so scope creep streamline, what about scaling components to a global audience? Sea change drop-dead date. We should leverage existing asserts that ladder up to the message imagineer. Cannibalize high turnaround rate, yet strategic staircase quarterly sales are at an all-time low incentivization but blue money we"ve got to manage that low hanging fruit.</p>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-person">
<div class="bux-person__name">
<a class="bux-text-link" href="#">First Name Middle Name Last Name, PhD</a>
</div>
<div class="bux-person__row">
<div class="bux-person__details">
<div class="sm-gray">She/her/hers</div>
<div> Title One</div>
<div> Title Two</div>
<div class="uppercase-gray">Primary Unit Name</div>
</div>
<div class="bux-person__contact">
<div class="bux-person__contact--row">
<span class="icon-envelope bux-person__contact--row__icon"></span>
<span><strong>Email</strong> <a href="mailto:name.#@osu.edu" class="bux-link" target="_blank"> name.#@osu.edu </a></span>
</div>
<div class="bux-person__contact--row">
<span class="icon-phone bux-person__contact--row__icon"></span>
<span><strong>Phone</strong> <a href="tel:+15551234567" class="bux-link" target="_blank"> 555-123-4567 </a></span>
</div>
</div>
</div>
<div class="bux-person__image">
<img class="bux-image " src="/images/placeholders/BUX-person-headshot.jpg" alt="Person headshot" />
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-qa ">
<div class="bux-qa__item">
<h2 class="bux-qa__question">
<span class="bux-qa__question-marker" aria-hidden="true">Q</span>
<span class="visually-hidden">Question</span>
<div class="bux-qa__question-text">This is a question?</div>
</h2>
<div class="bux-qa__answer">
<span class="bux-qa__answer-marker" aria-hidden="true">A</span>
<span class="visually-hidden">Answer</span>
<div class="bux-qa__answer-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<div class="bux-qa__item">
<h2 class="bux-qa__question">
<span class="bux-qa__question-marker" aria-hidden="true">Q</span>
<span class="visually-hidden">Question</span>
<div class="bux-qa__question-text">This is a Question?</div>
</h2>
<div class="bux-qa__answer">
<span class="bux-qa__answer-marker" aria-hidden="true">A</span>
<span class="visually-hidden">Answer</span>
<div class="bux-qa__answer-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<div class="bux-qa__item">
<h2 class="bux-qa__question">
<span class="bux-qa__question-marker" aria-hidden="true">Q</span>
<span class="visually-hidden">Question</span>
<div class="bux-qa__question-text">This is a Question?</div>
</h2>
<div class="bux-qa__answer">
<span class="bux-qa__answer-marker" aria-hidden="true">A</span>
<span class="visually-hidden">Answer</span>
<div class="bux-qa__answer-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-qa bux-qa--storytelling ">
<div class="bux-qa__item">
<h2 class="bux-qa__question">
<span class="visually-hidden">Question</span>
<div class="bux-qa__question-text">This is a question?</div>
</h2>
<div class="bux-qa__answer">
<span class="visually-hidden">Answer</span>
<div class="bux-qa__answer-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<div class="bux-qa__item">
<h2 class="bux-qa__question">
<span class="visually-hidden">Question</span>
<div class="bux-qa__question-text">This is a Question?</div>
</h2>
<div class="bux-qa__answer">
<span class="visually-hidden">Answer</span>
<div class="bux-qa__answer-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
<div class="bux-qa__item">
<h2 class="bux-qa__question">
<span class="visually-hidden">Question</span>
<div class="bux-qa__question-text">This is a Question?</div>
</h2>
<div class="bux-qa__answer">
<span class="visually-hidden">Answer</span>
<div class="bux-qa__answer-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<figure class="bux-quote">
<img class="bux-image bux-quote__image bux-image--1x1" src="/images/placeholders/osu-bux-4.jpg" alt="" />
<blockquote class="bux-quote__blockquote" cite="#">
<p class="bux-quote__text">“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut pretium pretium tempor ut eget loremquen ipsum imperdiet. Lorem ipsum dolar sit amet elit.”</p>
</blockquote>
<figcaption class="bux-quote__figcaption">
<div class="bux-quote__author">Source Name</div>
<cite class="bux-quote__source">Attribution</cite>
</figcaption>
</figure>
</div>
<div class="bux-mar-tb-sp-16">
<form action="/search-results" id="site-search" class="bux-search">
<label class="bux-search__label visually-hidden" for="search-input"> Search this site</label>
<input id="search-input" class="bux-search__input" type="search" placeholder="Search this site">
<button class="bux-search__submit"><span class="visually-hidden">Submit search</span></button>
</form>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-container bux-container--sidebar-nav bux-container--sidebar-nav__mobile-hidden" expand-active-submenu="true">
<nav id="sidebar-nav" aria-label="Sidebar Navigation" class="disclosure-nav disclosure-nav-orientation-vertical">
<ul class="bux-sidebar-nav">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link bux-sidebar-nav__link--active disclosure-nav-item-with-submenu">Item 1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 1.1.1.1</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.1</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 1.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 2</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.1</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 2.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link disclosure-nav-item-with-submenu">Item 4</a>
<ul class="disclosure-nav-submenu disclosure-nav-submenu-closed">
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.1</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.2</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.3</a>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 4.4</a>
</li>
</ul>
</li>
<li class="bux-sidebar-nav__item">
<a href="#" class="bux-sidebar-nav__link">Item 5</a>
</li>
</ul>
</nav>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<ul class="bux-social-links bux-social-links--light">
<li class="bux-social-links__item bux-social-links__item--Facebook">
<a class="bux-social-links__link" href="https://www.facebook.com/osu/" target="_blank">
<span class="visually-hidden">Facebook profile — external</span>
<span class="icon icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--Instagram">
<a class="bux-social-links__link" href="https://www.instagram.com/theohiostateuniversity/" target="_blank">
<span class="visually-hidden">Instagram profile — external</span>
<span class="icon icon-instagram" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--X">
<a class="bux-social-links__link" href="https://twitter.com/OhioState" target="_blank">
<span class="visually-hidden">X profile — external</span>
<span class="icon icon-x" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--LinkedIn">
<a class="bux-social-links__link" href="https://www.linkedin.com/school/the-ohio-state-university/" target="_blank">
<span class="visually-hidden">LinkedIn profile — external</span>
<span class="icon icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--YouTube">
<a class="bux-social-links__link" href="https://www.youtube.com/user/ohiostateuniversity" target="_blank">
<span class="visually-hidden">YouTube profile — external</span>
<span class="icon icon-youtube" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--TikTok">
<a class="bux-social-links__link" href="https://www.tiktok.com/@theohiostateuniversity" target="_blank">
<span class="visually-hidden">TikTok profile — external</span>
<span class="icon icon-tiktok" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="bux-mar-tb-sp-16">
<ul class="bux-social-links bux-social-links--dark">
<li class="bux-social-links__item bux-social-links__item--Facebook">
<a class="bux-social-links__link" href="https://www.facebook.com/osu/" target="_blank">
<span class="visually-hidden">Facebook profile — external</span>
<span class="icon icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--Instagram">
<a class="bux-social-links__link" href="https://www.instagram.com/theohiostateuniversity/" target="_blank">
<span class="visually-hidden">Instagram profile — external</span>
<span class="icon icon-instagram" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--X">
<a class="bux-social-links__link" href="https://twitter.com/OhioState" target="_blank">
<span class="visually-hidden">X profile — external</span>
<span class="icon icon-x" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--LinkedIn">
<a class="bux-social-links__link" href="https://www.linkedin.com/school/the-ohio-state-university/" target="_blank">
<span class="visually-hidden">LinkedIn profile — external</span>
<span class="icon icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--YouTube">
<a class="bux-social-links__link" href="https://www.youtube.com/user/ohiostateuniversity" target="_blank">
<span class="visually-hidden">YouTube profile — external</span>
<span class="icon icon-youtube" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--TikTok">
<a class="bux-social-links__link" href="https://www.tiktok.com/@theohiostateuniversity" target="_blank">
<span class="visually-hidden">TikTok profile — external</span>
<span class="icon icon-tiktok" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="bux-mar-tb-sp-16">
<ul class="bux-social-links bux-social-links--white">
<li class="bux-social-links__item bux-social-links__item--Facebook">
<a class="bux-social-links__link" href="https://www.facebook.com/osu/" target="_blank">
<span class="visually-hidden">Facebook profile — external</span>
<span class="icon icon-facebook" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--Instagram">
<a class="bux-social-links__link" href="https://www.instagram.com/theohiostateuniversity/" target="_blank">
<span class="visually-hidden">Instagram profile — external</span>
<span class="icon icon-instagram" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--X">
<a class="bux-social-links__link" href="https://twitter.com/OhioState" target="_blank">
<span class="visually-hidden">X profile — external</span>
<span class="icon icon-x" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--LinkedIn">
<a class="bux-social-links__link" href="https://www.linkedin.com/school/the-ohio-state-university/" target="_blank">
<span class="visually-hidden">LinkedIn profile — external</span>
<span class="icon icon-linkedin" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--YouTube">
<a class="bux-social-links__link" href="https://www.youtube.com/user/ohiostateuniversity" target="_blank">
<span class="visually-hidden">YouTube profile — external</span>
<span class="icon icon-youtube" aria-hidden="true"></span>
</a>
</li>
<li class="bux-social-links__item bux-social-links__item--TikTok">
<a class="bux-social-links__link" href="https://www.tiktok.com/@theohiostateuniversity" target="_blank">
<span class="visually-hidden">TikTok profile — external</span>
<span class="icon icon-tiktok" aria-hidden="true"></span>
</a>
</li>
</ul>
</div>
<div class="bux-mar-tb-sp-16">
<table class="bux-table" aria-describedby="summary-default">
<caption>Default Table</caption>
<thead>
<tr>
<th scope="col">Column 1</th>
<th scope="col">Column 2</th>
<th scope="col">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell data A1</td>
<td>Cell data B1</td>
<td>Cell data C1</td>
</tr>
<tr>
<td>Cell data B1</td>
<td>Cell data B2</td>
<td>Cell data B3</td>
</tr>
<tr>
<td>Cell data C1</td>
<td>Cell data C2</td>
<td>Cell data C3</td>
</tr>
</tbody>
</table>
<div class="bux-table bux-table--announcement-region" aria-live="polite"></div>
<p id="summary-default" class="visually-hidden"> Some info about this default table.</p>
</div>
<div class="bux-mar-tb-sp-16">
<table class="bux-table bux-table--striped" aria-describedby="summary-striped">
<caption>Striped Table</caption>
<thead>
<tr>
<th scope="col">Column 1</th>
<th scope="col">Column 2</th>
<th scope="col">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell data A1</td>
<td>Cell data B1</td>
<td>Cell data C1</td>
</tr>
<tr>
<td>Cell data B1</td>
<td>Cell data B2</td>
<td>Cell data B3</td>
</tr>
<tr>
<td>Cell data C1</td>
<td>Cell data C2</td>
<td>Cell data C3</td>
</tr>
</tbody>
</table>
<div class="bux-table bux-table--striped bux-table--announcement-region" aria-live="polite"></div>
<p id="summary-striped" class="visually-hidden"> Some info about this striped table.</p>
</div>
<div class="bux-mar-tb-sp-16">
<table class="bux-table bux-table--compact" aria-describedby="summary-compact">
<caption>Compact Table</caption>
<thead>
<tr>
<th scope="col">Column 1</th>
<th scope="col">Column 2</th>
<th scope="col">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell data A1</td>
<td>Cell data B1</td>
<td>Cell data C1</td>
</tr>
<tr>
<td>Cell data B1</td>
<td>Cell data B2</td>
<td>Cell data B3</td>
</tr>
<tr>
<td>Cell data C1</td>
<td>Cell data C2</td>
<td>Cell data C3</td>
</tr>
</tbody>
</table>
<div class="bux-table bux-table--compact bux-table--announcement-region" aria-live="polite"></div>
<p id="summary-compact" class="visually-hidden"> Some info about this compact table.</p>
</div>
<div class="bux-mar-tb-sp-16">
<table class="bux-table" aria-describedby="summary-two-headers">
<caption>Table with column and row headers</caption>
<thead>
<tr>
<th scope="col">Column 1</th>
<th scope="col">Column 2</th>
<th scope="col">Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Row A</th>
<td>Cell data B1</td>
<td>Cell data C1</td>
</tr>
<tr>
<th scope="row">Row B</th>
<td>Cell data B2</td>
<td>Cell data B3</td>
</tr>
<tr>
<th scope="row">Row C</th>
<td>Cell data C2</td>
<td>Cell data C3</td>
</tr>
</tbody>
</table>
<div class="bux-table bux-table--announcement-region" aria-live="polite"></div>
<p id="summary-two-headers" class="visually-hidden"> Some info about this table with two headers.</p>
</div>
<div class="bux-mar-tb-sp-16">
<table class="bux-table bux-table--sortable" aria-describedby="summary-sortable">
<caption>Sortable Table</caption>
<thead>
<tr>
<th scope="col" class="sort-by"><button aria-pressed="false">Column 1</button></th>
<th scope="col" class="sort-by"><button aria-pressed="false">Column 2</button></th>
<th scope="col" class="sort-by"><button aria-pressed="false">Column 3</button></th>
</tr>
</thead>
<tbody>
<tr>
<td>Cell data A1</td>
<td>Cell data B1</td>
<td>Cell data C1</td>
</tr>
<tr>
<td>Cell data B1</td>
<td>Cell data B2</td>
<td>Cell data B3</td>
</tr>
<tr>
<td>Cell data C1</td>
<td>Cell data C2</td>
<td>Cell data C3</td>
</tr>
</tbody>
</table>
<div class="bux-table bux-table--sortable bux-table--announcement-region" aria-live="polite"></div>
<p id="summary-sortable" class="visually-hidden"> Some info about this sortable table.</p>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tabpanel">
<ul class="bux-tabpanel__tabs" role="tablist" aria-label="An accessible tabpanel example" tabindex="-1">
<li class="bux-tabpanel__button" role="presentation">
<button id="bux-tabpanel__tab--1" class="bux-tabpanel__tab" role="tab" aria-selected="true" aria-controls="bux-tabpanel__panel--1">
Tab one
</button>
</li>
<li class="bux-tabpanel__button" role="presentation">
<button id="bux-tabpanel__tab--2" class="bux-tabpanel__tab" role="tab" aria-selected="" aria-controls="bux-tabpanel__panel--2" tabindex="-1">
Tab two
</button>
</li>
<li class="bux-tabpanel__button" role="presentation">
<button id="bux-tabpanel__tab--3" class="bux-tabpanel__tab" role="tab" aria-selected="" aria-controls="bux-tabpanel__panel--3" tabindex="-1">
Tab three has longer text
</button>
</li>
<li class="bux-tabpanel__button" role="presentation">
<button id="bux-tabpanel__tab--4" class="bux-tabpanel__tab" role="tab" aria-selected="" aria-controls="bux-tabpanel__panel--4" tabindex="-1">
Tab four
</button>
</li>
</ul>
<div id="bux-tabpanel__panel--1" class="bux-tabpanel__panel" role="tabpanel" aria-labelledby="bux-tabpanel__tab--1" tabindex="0">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
<div id="bux-tabpanel__panel--2" class="bux-tabpanel__panel" role="tabpanel" aria-labelledby="bux-tabpanel__tab--2" tabindex="0" hidden="hidden">
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?
</div>
<div id="bux-tabpanel__panel--3" class="bux-tabpanel__panel" role="tabpanel" aria-labelledby="bux-tabpanel__tab--3" tabindex="0" hidden="hidden">
At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
</div>
<div id="bux-tabpanel__panel--4" class="bux-tabpanel__panel" role="tabpanel" aria-labelledby="bux-tabpanel__tab--4" tabindex="0" hidden="hidden">
Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tile">
<a class="bux-tile__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<div class="bux-tile__content">
<h3 class="bux-tile__header">
<a class="bux-tile__text" href="http://example.com">
This is a tile
</a>
</h3>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tile">
<a class="bux-tile__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<div class="bux-tile__content">
<img class="bux-image bux-tile__std_icon" src="/images/placeholders/grad_cap_icon_standard.svg" alt=" " />
<h3 class="bux-tile__header">
<a class="bux-tile__text" href="http://example.com">
This is a tile
</a>
</h3>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tile">
<a class="bux-tile__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<div class="bux-tile__content">
<span class="bux-tile__ui_icon icon-check-circle" aria-hidden="true"></span>
<h3 class="bux-tile__header">
<a class="bux-tile__text" href="http://example.com">
This is a tile
</a>
</h3>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tile">
<a class="bux-tile__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<div class="bux-tile__content">
<h3 class="bux-tile__header">
<a class="bux-tile__text" href="http://example.com">
This is a tile
</a>
</h3>
<div class="bux-tile__body"> This is a tile with some additional text. </div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tile">
<a class="bux-tile__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--16x9" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-tile__content">
<h3 class="bux-tile__header">
<a class="bux-tile__text" href="http://example.com">
This is a tile with an image
</a>
</h3>
<div class="bux-tile__body"> This is just a little bit of optional text </div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-tile">
<a class="bux-tile__link" href="http://example.com" aria-hidden="true" tabindex="-1"></a>
<img class="bux-image bux-image--1x1" src="https://s3.amazonaws.com/bux.osu.edu/img/example-images/oxley_9599.jpg" alt=" " />
<div class="bux-tile__content">
<h3 class="bux-tile__header">
<a class="bux-tile__text" href="http://example.com">
This is a tile with a 1:1 image ratio
</a>
</h3>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-timeline ">
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item</h3>
<div class="bux-timeline__date">Spring 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item 2</h3>
<div class="bux-timeline__date">Summer 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item 3</h3>
<div class="bux-timeline__date">Autumn 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-timeline bux-timeline--right">
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item</h3>
<div class="bux-timeline__date">Spring 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item 2</h3>
<div class="bux-timeline__date">Summer 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item 3</h3>
<div class="bux-timeline__date">Autumn 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
</div>
</div>
<div class="bux-mar-tb-sp-16">
<div class="bux-timeline bux-timeline--center">
<div class="bux-timeline__row">
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item</h3>
<div class="bux-timeline__date">Spring 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
</div>
<div class="bux-timeline__row">
<div class="bux-timeline__item bux-timeline__item--even">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item 2</h3>
<div class="bux-timeline__date">Summer 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
</div>
<div class="bux-timeline__row">
<div class="bux-timeline__item">
<div class="bux-timeline__marker" aria-hidden="true"></div>
<div class="bux-timeline__content">
<h3 class="bux-timeline__heading">Sample Item 3</h3>
<div class="bux-timeline__date">Autumn 2022</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus in nulla ante. Suspendisse potenti. Donec efficitur, sem vitae dignissim viverra, nunc purus tempus nisi, feugiat ullamcorper tellus urna ut dui. Suspendisse potenti.</p>
</div>
</div>
</div>
</div>
</div>
<h1>Visual Regression Testing Demo Page</h1>
<div class="bux-mar-tb-sp-16">
{% render '@accordion-group' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@alert' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@alert--success' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@alert--warning' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@alert--error' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@alert--interactive-warning' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@back-to-top' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@breadcrumb' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@buckeye-alert' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--alternate' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--alternate-disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--small' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--alternate-small' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--alternate-small-disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@button--with-icon' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--gray' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--without-border' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--without-image' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--without-body-copy' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--linked-headline' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--storytelling' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--featured' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--horizontal' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card--horizontal-storytelling' %}
</div>
<div class="bux-grid bux-card-collection">
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--4@md bux-mar-top-sp-24">
{% render '@card' %}
</div>
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--4@md bux-mar-top-sp-24">
{% render '@card' %}
</div>
<div class="bux-grid__cell bux-grid__cell--12@sm bux-grid__cell--4@md bux-mar-top-sp-24">
{% render '@card' %}
</div>
</div>
<div class="bux-mar-tb-sp-16">
{% render '@card-collection-carousel' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@cta-collection' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@cta-collection--with-ui-icons' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@cta-collection--with-standard-icons' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@cta-collection--gray-background' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@cta-in-page' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@doc-pagination' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@factoid' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@featured-card' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@featured-card--image-left' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@footer' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@footer--dark' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@footer--white' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@checkbox' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@checkbox--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@radio-button' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@radio-button--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@selection-dropdown' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@selection-dropdown--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@switch' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@switch--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-area' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-area--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-area--error' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-field' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-field--disabled' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-field--error' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@text-field--password' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@header' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@header--slogan' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@header--parent' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@hero' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@hero--full_width_gray' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@interior-page-hero' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link--alt' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link--reverse' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link--scarlet' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link--icon-before' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link--icon-after' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@link-list' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@list-description' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@list-ordered' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@list-unordered' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@listicle' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@menu--with-search' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@pagination' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@pagination--alt' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@pagination--reverse' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@pagination--truncated' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@panel' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@paragraph' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@person' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@q+a' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@q+a--storytelling' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@quote' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@search-form' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@sidebar-nav' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@social-links' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@social-links--dark' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@social-links--white' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@table' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@table--striped' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@table--compact' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@table--two-headers' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@table--sortable' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@tabpanel' %}
</div>
{# <div class="bux-mar-tb-sp-16">
{% render '@text-link' %}
</div> #}
<div class="bux-mar-tb-sp-16">
{% render '@tile' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@tile--standard-icon' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@tile--ui_icon' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@tile--with-text' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@tile--with-image' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@tile--with-1-1-image' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@timeline' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@timeline--right-aligned' %}
</div>
<div class="bux-mar-tb-sp-16">
{% render '@timeline--center-aligned' %}
</div>
site_name_prefix: Office of
site_name: Learning Relations Excellence
site_slogan: Additional text or site slogan
address_1: 100 Building Name
address_2: 1 Oval Mall
city: Columbus
state: OH
zip: '43210'
contact_email: email@osu.edu
contact_phone: 614-292-OHIO
contact_tty: 614-688-8605
No notes defined.