<header class="header" role="banner">
<nav class="lehigh-nav desktop flex" aria-label="secondary navigation">
<a class="lehigh-nav--universityhome" href="https://www.lehigh.edu/" title="Lehigh University Home">Lehigh Home</a>
<ul class="lehigh-nav--links">
<li><a href="https://securelb.imodules.com/s/1127/interior-hybrid.aspx?sid=1127&gid=1&pgid=5310&cid=9528">Give</a></li>
<li><a href="http://www1.lehigh.edu/admissions/undergrad/visit">Visit</a></li>
<li><a href="https://applyweb.collegenet.com/account/new/create?origin=https%3A//www.applyweb.com/shibboleth/gatekeeper%3Fdest%3Dhttps%253A%252F%252Fwww.applyweb.com%252Flehighg%252F">Apply</a></li>
</ul>
</nav>
<div class="business-nav" id="main-nav">
<picture class="image lehigh-logo">
<a href="https://www.lehigh.edu" class="logo__link">
<img class="web" src="/images/lehigh-logo.svg" alt="Lehigh University logo" />
<img class="print" src="" alt="Lehigh University logo" />
<span class="sr-only">Go to homepage</span>
</a>
</picture>
<div class="college-name">
<a href="/">College of Business</a>
</div>
<input id="mobile-menu-toggle" class="menu-toggle u-a11y-text mobile-menu-toggle" type="checkbox" aria-controls="mobile-menu-menu-container">
<label class="menu-toggle-button menu-toggle-button--mobile-menu hamburger mobile" for="mobile-menu-toggle" data-controls="mobile-menu-menu-container" aria-haspopup="true" aria-label="Toggle main menu visibility" role="menuitem">
<span class="menu-toggle-button__icon menu-toggle-button__icon--burger">
<span class="menu-toggle-button__icon--burger__inner"><span class="sr-only">Open the main menu</span></span>
</span>
</label>
<nav class="menu flex menu--mobile-menu menu-toggle__toggleable menu-toggle__toggleable--full-height" aria-label="main navigation" id="mobile-menu-menu-container">
<div class="menu-toggle__toggleable-content-wrapper">
<div class="main-nav">
<ul class="main-menu">
<li class="main-menu__item one">
<input id="main-menu-item-toggle-one" class="menu-toggle u-a11y-text main-menu-item-toggle" type="checkbox" aria-controls="main-menu-item-menu-container-one">
<label class="main-menu__link main-menu__link--toggle main-menu__link--with-sub menu-toggle-button menu-toggle-button--the-menu" for="main-menu-item-toggle-one" data-controls="main-menu-item-menu-container-one" aria-haspopup="true" aria-label="Toggle main menu visibility" role="menuitem">Menu</label>
<div class="main-menu--sub-nav menu-toggle__toggleable menu-toggle__toggleable--with-close" aria-label="Menu" id="main-menu-item-menu-container-one">
<div class="menu-toggle__toggleable-content-wrapper">
<ul class="main-menu--sub">
<li class="main-menu__item--sub title">
Lehigh Business
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Undergraduate</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Graduate</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Executive Education</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Alumni</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">About</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Centers</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Faculty & Research</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Events Calendar</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">News & Insights</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Directory</a>
</li>
</li>
</ul>
<ul class="main-menu--sub">
<li class="main-menu__item--sub title">
Departments
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Accounting</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Decision & Technology Analytics</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Economics</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Finance</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Managment</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Marketing</a>
</li>
</li>
</ul>
<div class="decoration"></div>
</div>
</div>
</li>
<li class="main-menu__item two">
<input id="main-menu-item-toggle-two" class="menu-toggle u-a11y-text main-menu-item-toggle" type="checkbox" aria-controls="main-menu-item-menu-container-two">
<label class="main-menu__link main-menu__link--toggle main-menu__link--with-sub menu-toggle-button menu-toggle-button--the-menu" for="main-menu-item-toggle-two" data-controls="main-menu-item-menu-container-two" aria-haspopup="true" aria-label="Toggle main menu visibility" role="menuitem">Academics</label>
<div class="main-menu--sub-nav menu-toggle__toggleable menu-toggle__toggleable--with-close" aria-label="Academics" id="main-menu-item-menu-container-two">
<div class="menu-toggle__toggleable-content-wrapper">
<ul class="main-menu--sub">
<li class="main-menu__item--sub title">
Undergraduate
<li class="main-menu__item--sub sub-title">
Degree Programs
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">BS Business & Economics</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">BS Integrated Business & Engineering (IBE)</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">BS Computer Science & Business (CSB)</a>
</li>
</li>
<li class="main-menu__item--sub sub-title">
Majors
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Accounting</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Business Information Systems</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Economics</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Finance</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Management</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Marketing</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Supply Chain Managment</a>
</li>
</li>
<li class="main-menu__item--sub sub-title">
Minors
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Business Information Systems</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Entrepreneurship</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Fintech</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Management</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Real Estate</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Supply Chain Management</a>
</li>
</li>
</li>
</ul>
<div class="main-menu--stacked">
<ul class="main-menu--sub">
<li class="main-menu__item--sub title">
Graduate
<li class="main-menu__item--sub sub-title">
Master's Program
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">1-MBA</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">Flex MBA</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">MS Accounting & Information Analysis</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">MS Applied Economics</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">MS Financial Engineering</a>
</li>
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">MS Mangament</a>
</li>
</li>
<li class="main-menu__item--sub sub-title">
PH.D. Program
<li class="main-menu__item--sub ">
<a href="#" class="main-menu__link main-menu__link--sub">PH.D. Business & Economics</a>
</li>
</li>
</li>
</ul>
<ul class="main-menu--sub">
<li class="main-menu__item--sub title">
Executive Education
<li class="main-menu__item--sub sub-title">
<a href="#" class="main-menu__link main-menu__link--sub">Programs for Individuals</a>
</li>
<li class="main-menu__item--sub sub-title">
<a href="#" class="main-menu__link main-menu__link--sub">Programs for Organizations</a>
</li>
<li class="main-menu__item--sub sub-title">
<a href="#" class="main-menu__link main-menu__link--sub">Certificate Programs</a>
</li>
</li>
</ul>
<div class="decoration"></div>
</div>
</div>
</li>
</ul>
</div>
</div>
</nav>
<div class="main-search">
<input id="site-search-toggle" class="menu-toggle u-a11y-text site-search-toggle" type="checkbox" aria-controls="site-search-menu-container">
<label class="menu-toggle-button menu-toggle-button--site-search" for="site-search-toggle" data-controls="site-search-menu-container" aria-haspopup="true" aria-label="Toggle main menu visibility" role="menuitem">
<span class="menu-toggle-button__icon menu-toggle-button__icon--magnifying-glass"><span class="sr-only">open search</span></span>
<span class="menu-toggle-button__icon menu-toggle-button__icon--close"><span class="sr-only">close the search</span></span>
</label>
<div class="main-search__block-wrapper menu-toggle__toggleable" aria-label="site search" id="site-search-menu-container">
<div class="menu-toggle__toggleable-content-wrapper">
This is where the search block should go
</div>
</div>
</div>
</div><!-- end business-nav -->
<div class="name-tag" id="name-tag">Lehigh Business</div>
</header>
<div id="content"></div>
<main>
<div class="page-title">
<h1>Centers</h1>
</div>
<section class="hero " role="region">
<div class="main-img">
<img src="/images/hero.jpg" alt="" />
</div>
<p class="u-a11y-text">Break Out of the Box</p>
<div class="caption ">Get the transformative education a dynamic world demands where business and technology meet.</div>
</section>
<nav class="innerpage-nav" role="navigation" id="innerpage-nav">
<ul class="innerpage-nav-list">
<li><a href="#">Academics</a></li>
<li><a href="#">Career Services</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Entrepreneurship</a></li>
<li><a href="#">Additional Information</a></li>
</ul>
<label for="innerpage-nav-select" class="u-a11y-text">Choose a section on this page to quickly navigate to</label>
<select id="innerpage-nav-select">
<option selected="selected" value="">On this page</option>
<option value="#">Academics</option>
<option value="#">Career Services</option>
<option value="#">Resources</option>
<option value="#">Entrepreneurship</option>
<option value="#">Additional Information</option>
</select>
<button id="innerpage-nav-select-button">Navigate to Section</button>
</nav>
<section id="" class="section section-first-level" role="region" aria-labelledby="heading-">
<h2 id="heading-" data-section-name="" class="navigation-text " data-nav-text=""></h2>
<div class="content-only-wrapper">
<h2>Overview</h2>
<p>Lehigh Business is distinguished as both a learning and research facility. Within our centers and institutes, students and faculty collaborate on real world, relevant business issues, accessing and contributing to our body of research. As a complement to the scholarly activities of academic departments, our centers provide rich opportunities to learn beyond the classroom and move knowledge forward for all.</p>
</div>
</section>
<section class="hover-box-wrapper centers" role="region" aria-label="centers blurbs">
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/Hulvat-2017-2@2x.png" alt="" />
</div>
<div class="hover-box-text gold">
<div class="hover-box-content">
<h2>Center for Financial Services</h2>
<p>Somebody once told me the world is gonna roll me. I ain't the sharpest tool in the shed. She was looking kind of dumb with her finger and her thumb. - Smash Mouth</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/group_speaker@2x.png" alt="" />
</div>
<div class="hover-box-text brown">
<div class="hover-box-content">
<h2>Center for Supply Chain Research at Lehigh</h2>
<p>Take this pink ribbon off my eyes. I'm exposed. And it's no big surprise. Don't you think I know. Exactly where I stand. This world is forcing me. To hold your hand. - No Doubt</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/postit_notes@2x.png" alt="" />
</div>
<div class="hover-box-text teal">
<div class="hover-box-content">
<h2>Murray H. Goodman Center for Real Estate</h2>
<p>Look. If you had One shot. Or one opportunity. To seize everything you ever wanted. In one moment. Would you capture it, Or just let it slip? - Eminem</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/Hulvat-2017-2@2x.png" alt="" />
</div>
<div class="hover-box-text blue">
<div class="hover-box-content">
<h2>Martindale Center for the Study of Private Enterprise</h2>
<p>Somebody once told me the world is gonna roll me. I ain't the sharpest tool in the shed. She was looking kind of dumb with her finger and her thumb. - Smash Mouth</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/group_speaker@2x.png" alt="" />
</div>
<div class="hover-box-text gold">
<div class="hover-box-content">
<h2>Dexter F. Baker Institute for Entrepreneurship, Creativity and Innovation</h2>
<p>Take this pink ribbon off my eyes. I'm exposed. And it's no big surprise. Don't you think I know. Exactly where I stand. This world is forcing me. To hold your hand. - No Doubt</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/postit_notes@2x.png" alt="" />
</div>
<div class="hover-box-text brown">
<div class="hover-box-content">
<h2>Philip Rauch Center for Business Communication</h2>
<p>Look. If you had One shot. Or one opportunity. To seize everything you ever wanted. In one moment. Would you capture it, Or just let it slip? - Eminem</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/group_speaker@2x.png" alt="" />
</div>
<div class="hover-box-text teal">
<div class="hover-box-content">
<h2>Financial Services Lab</h2>
<p>Take this pink ribbon off my eyes. I'm exposed. And it's no big surprise. Don't you think I know. Exactly where I stand. This world is forcing me. To hold your hand. - No Doubt</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box ">
<a href="">
<div class="hover-box-image">
<img src="/images/postit_notes@2x.png" alt="" />
</div>
<div class="hover-box-text blue">
<div class="hover-box-content">
<h2>Small Business Development Center</h2>
<p>Look. If you had One shot. Or one opportunity. To seize everything you ever wanted. In one moment. Would you capture it, Or just let it slip? - Eminem</p>
</div>
</div><!-- end hover-box-text -->
</a>
</div><!-- end hover-box -->
<div class="hover-box">
<div class="hover-box-cta">
<div class="hover-box-content">
<h2>Visit Lehigh Business</h2>
<ul class="cta-list">
<li><a href="#" class="button dark-grey" role="button">Take a Virtual Tour</a>
</li>
<li><a href="#" class="button dark-grey" role="button">Schedule Undergraduate Visit</a>
</li>
<li><a href="#" class="button dark-grey" role="button">Schedule Graduate Visit</a>
</li>
</ul>
</div>
</div><!-- end hover-box-text -->
</div><!-- end hover-box -->
</section>
</main>
<footer class="footer" role="contentinfo">
<div class="footer-top">
<div class="university-info">
<div class='college-logo'>
<picture class="image lehigh-logo">
<a href="https://www.lehigh.edu" class="logo__link">
<img class="web" src="/images/lehigh-logo.svg" alt="Lehigh University logo" />
<img class="print" src="" alt="Lehigh University logo" />
<span class="sr-only">Go to homepage</span>
</a>
</picture>
<div class="college-name">
<a href="/">College of<br />Business</a>
</div>
</div>
<address class="address">Business Innovation Building | 201 E. Packer Avenue | Bethlehem, PA 18015 USA</address>
<address class="address">Rauch Business Center | 621 Taylor Street | Bethlehem, PA 18015 USA</address>
</div>
<!-- end university-info -->
<div class="social-media">
<ul class="sm-icons">
<li>
<a href="https://www.instagram.com/lehighubusiness/" title="Like us on Instagram">
<i class="fab fa-instagram"></i>
<span class="sr-only">Instagram</span>
</a>
</li>
<li>
<a href="https://www.facebook.com/lehighubusiness/" title="Like us on Facebook">
<i class="fab fa-facebook-f"></i>
<span class="sr-only">Facebook</span>
</a>
</li>
<li>
<a href="https://www.linkedin.com/school/lehigh-college-of-business/" title="Like us on LinkedIn">
<i class="fab fa-linkedin"></i>
<span class="sr-only">LinkedIn</span>
</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UCaGpjEtAnNgwbL11_QNGNFw" title="Like us on YouTube">
<i class="fab fa-youtube"></i>
<span class="sr-only">YouTube</span>
</a>
</li>
</ul>
</div>
<!-- end social-media -->
</div>
<!-- footer-top -->
<div class="footer-bottom">
<!-- LEHIGH FOOTER INCLUDED VIA SCRIPT DO NOT REMOVE -->
<script type="text/javascript" src="//www.lehigh.edu/~inltswms/include/footer/lu-footer-min.js"></script>
</div>
<!-- end footer-bottom -->
<button id="back_top">
<a title="Back to top" href="#">➤</a>
</button>
</footer>
{% render "@header" %}
<main>
{% include "@page_title" %}
{% render "@hero" %}
{% render "@subnav" %}
{% include "@section" %}
{% render "@hover_box_section--centers" %}
</main>
{% render "@footer" %}
{
"page_title": "Centers",
"content_only_section_heading": "Overview",
"content_only_content": "Lehigh Business is distinguished as both a learning and research facility. Within our centers and institutes, students and faculty collaborate on real world, relevant business issues, accessing and contributing to our body of research. As a complement to the scholarly activities of academic departments, our centers provide rich opportunities to learn beyond the classroom and move knowledge forward for all."
}
.hover-box-wrapper {
&.centers {
@media only screen and (min-width: $break-desktop) {
padding: $space-triple $space-sextuple $space-sextuple $space-sextuple;
}
h2 {
font-size: 1.5rem;
font-weight: bold;
}
.hover-box {
@media only screen and (min-width: $break-tablet) {
margin: 0;
}
@media only screen and (min-width: $break-desktop) {
margin: $space;
}
&-text {
color: $grey_darkest;
//position: inherit;
@media only screen and (min-width: $break-desktop) {
color: $white;
}
}
&-content {
position: inherit;
@media only screen and (min-width: $break-desktop) {
position: absolute;
bottom: -$space-triple;
height: 165px;
}
p {
padding: 0 $space-triple 0 0;
@media only screen and (min-width: $break-desktop) {
visibility: hidden;
}
}
@media only screen and (max-width: $break-desktop) {
&::after {
font-family: $font-awesome;
content: "\f105";
font-size: 6rem;
color: $blue-arrow;
position: absolute;
right: 10px;
bottom: 10px;
}
}
}
&:hover,
&:focus {
@media only screen and (min-width: $break-desktop) {
.hover-box-content {
bottom: $space-double;
p {
visibility: visible;
}
}
}
}
&:last-of-type {
border: 0;
}
}
.hover-box-cta .hover-box-content {
position: relative;
bottom: inherit !important;
height: inherit;
&::after {
display: none;
}
}
@media only screen and (max-width: $break-desktop) {
.hover-box-image {
display: none;
}
.hover-box-text {
position: inherit;
}
}
}
}
No notes defined.