<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>
<section class="webform filter" role="region" aria-label="webform section">
<form>
Form stuff is here
<input type="submit" class="button">
</form>
</section>
<div class="shell-wrapper-nonav">
<main>
<h1>Headline</h1>
<article class="media-blurb">
<div class="media-box">
<div class="media-box-image">
<img src="/images/Hulvat-2017-2.png" alt="" />
</div>
<div class="media-box-text gold">
<div class="media-box-content blog--podcast">
<h2><a href="#">What You Need to Know About the New Tax Law</a></h2>
<p class="tags">Tags:
<a href="#">Taxes</a>
<a href="#">Leadership</a>
</p>
</div>
</div><!-- end media-box-text -->
</div><!-- end media-box -->
<div class="blurb-content">
<p class="author"><strong>Published by:</strong> Buzz Lightyear</p>
<p class="date"><strong>Date Published:</strong> Sept. 27, 2019</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
</div>
</article>
<article class="media-blurb">
<div class="media-box">
<div class="media-box-image">
<img src="/images/Hulvat-2017-2.png" alt="" />
</div>
<div class="media-box-text brown">
<div class="media-box-content blog--videos">
<h2><a href="#">What You Need to Know About the New Tax Law</a></h2>
<p class="tags">Tags:
<a href="#">Taxes</a>
<a href="#">Leadership</a>
</p>
</div>
</div><!-- end media-box-text -->
</div><!-- end media-box -->
<div class="blurb-content">
<p class="author"><strong>Published by:</strong> Buzz Lightyear</p>
<p class="date"><strong>Date Published:</strong> Sept. 27, 2019</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
</div>
</article>
<article class="media-blurb">
<div class="media-box">
<div class="media-box-image">
<img src="/images/Hulvat-2017-2.png" alt="" />
</div>
<div class="media-box-text teal">
<div class="media-box-content blog--blog">
<h2><a href="#">What You Need to Know About the New Tax Law</a></h2>
<p class="tags">Tags:
<a href="#">Taxes</a>
<a href="#">Leadership</a>
</p>
</div>
</div><!-- end media-box-text -->
</div><!-- end media-box -->
<div class="blurb-content">
<p class="author"><strong>Published by:</strong> Buzz Lightyear</p>
<p class="date"><strong>Date Published:</strong> Sept. 27, 2019</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
</div>
</article>
<article class="media-blurb">
<div class="media-box">
<div class="media-box-image">
<img src="/images/Hulvat-2017-2.png" alt="" />
</div>
<div class="media-box-text blue">
<div class="media-box-content blog--article">
<h2><a href="#">What You Need to Know About the New Tax Law</a></h2>
<p class="tags">Tags:
<a href="#">Taxes</a>
<a href="#">Leadership</a>
</p>
</div>
</div><!-- end media-box-text -->
</div><!-- end media-box -->
<div class="blurb-content">
<p class="author"><strong>Published by:</strong> Buzz Lightyear</p>
<p class="date"><strong>Date Published:</strong> Sept. 27, 2019</p>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</p>
</div>
</article>
<ol class="pagination">
<li class="previous"><a href="#">previous</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li class="next"><a href="#">next</a></li>
<li class="last"><a href="#">last</a></li>
</ol>
<div class="podcast-buttons center">
<p>Subscribe to our podcast to hear thoughtful perspectives on the business of business.</p>
<ul class="share-buttons">
<li>
<a href="https://itunes.apple.com/us/podcast/lehigh-university-business-blog-spoken-edition/id1290369542">
<img src="/images/apple_podcast@2x.png" alt="Listen on Apple Podcasts" />
</a>
</li>
<li>
<a href="https://play.google.com/music/listen#/ps/Imtxnhtq7exigdirjngza6z56vq">
<img src="/images/google_podcasts_badge8x@2x.png" alt="Listen on Google Podcasts" />
</a>
</li>
</ul>
</div><!-- podcast-buttons -->
</main>
</div>
<section class="callout-section grey_lightest" role="region" aria-labelledby="">
<h2 id="">Subscribe to ilLUminate</h2>
<p>What's the newest business thinking? Subscribe to our blog to receive email updates.</p>
<form class="email_signup">
<input type="text" name="email" placeholder="Enter email" size="35">
<ul class="cta-list email">
</ul>
</form>
</section>
<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" %}
{% include "@webform_section--filter" %}
<div class="shell-wrapper-nonav">
<main>
<h1>Headline</h1>
{% for media_item in media_items %}
{% include "@media_preview" with {
img_src: media_item.img_src,
media_type: media_item.media_type,
box_url: media_item.box_url,
title: media_item.title,
color: media_item.color,
tags: media_item.tags,
author: media_item.author,
date: media_item.date,
content: media_item.content
} %}
{% endfor %}
{% render "@pagination" %}
{% render "@podcast_buttons" %}
</main>
</div>
{% include "@callout_section--email_signup" with signup only %}
{% render "@footer" %}
{
"media_items": {
"1": {
"img_src": "/images/Hulvat-2017-2.png",
"media_type": "podcast",
"box_url": "#",
"title": "What You Need to Know About the New Tax Law",
"color": "gold",
"tags": {
"1": {
"tag_name": "Taxes",
"url": "#"
},
"2": {
"tag_name": "Leadership",
"url": "#"
}
},
"author": "Buzz Lightyear",
"date": "Sept. 27, 2019",
"content": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores."
},
"2": {
"img_src": "/images/Hulvat-2017-2.png",
"media_type": "videos",
"box_url": "#",
"title": "What You Need to Know About the New Tax Law",
"color": "brown",
"tags": {
"1": {
"tag_name": "Taxes",
"url": "#"
},
"2": {
"tag_name": "Leadership",
"url": "#"
}
},
"author": "Buzz Lightyear",
"date": "Sept. 27, 2019",
"content": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores."
},
"3": {
"img_src": "/images/Hulvat-2017-2.png",
"media_type": "blog",
"box_url": "#",
"title": "What You Need to Know About the New Tax Law",
"color": "teal",
"tags": {
"1": {
"tag_name": "Taxes",
"url": "#"
},
"2": {
"tag_name": "Leadership",
"url": "#"
}
},
"author": "Buzz Lightyear",
"date": "Sept. 27, 2019",
"content": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores."
},
"4": {
"img_src": "/images/Hulvat-2017-2.png",
"media_type": "article",
"box_url": "#",
"title": "What You Need to Know About the New Tax Law",
"color": "blue",
"tags": {
"1": {
"tag_name": "Taxes",
"url": "#"
},
"2": {
"tag_name": "Leadership",
"url": "#"
}
},
"author": "Buzz Lightyear",
"date": "Sept. 27, 2019",
"content": "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscinolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores."
}
},
"signup": {
"background_color": "grey_lightest",
"heading": "Subscribe to ilLUminate",
"text": "What's the newest business thinking? Subscribe to our blog to receive email updates.",
"email_buttons": {
"1": {
"text": "Subscribe",
"url": "#",
"color": "grey-dark"
}
}
}
}
.webform {
&.filter {
[type="submit"] {
//display: none;
}
}
}
.view-id-news_listing.view-display-id-block_1 {
margin-top: -5em;
.webform.filter {
margin-left: -3em;
margin-right: -3em;
@media only screen and (max-width: $break-desktop) {
margin-left: -2em;
margin-right: -2em;
}
}
.view-header {
display: flex;
justify-content: flex-end;
img {
height: 150px;
width: auto !important;
}
}
}
No notes defined.