<section class="story-slide lazy slider">
<div class="slide-wrapper right">
<div class="slide-image">
<img data-srcset="/images/Clougherty.png" data-sizes="100vw" src="/images/Clougherty.png" />
</div>
<div class="slide-content">
<h2>Business Breakthrough</h2>
<h3>Mary Clougherty</h3>
<div>
<img data-srcset="/images/Clougherty.png" data-sizes="100vw" src="/images/Clougherty.png" />
</div>
<p><em>Mary Clougherty '21</em> covers the Lehigh University campus the way she covers the basketball court – completely and intensely. Lehigh Business gives her the freedom and opportunity to cross disciplines, activities and even the world in pursuit of her interests.</p>
<p class="read-more">
<a href="#">Read More <span class="sr-only">about Read More</span></a>
</p>
</div><!-- end slide-content -->
<div class="slide-decoration teal"></div>
</div>
<div class="slide-wrapper right">
<div class="slide-image">
<img data-srcset="/images/374_1388_V3993.png" data-sizes="100vw" src="/images/374_1388_V3993.png" />
</div>
<div class="slide-content">
<h2>Business Breakthrough</h2>
<h3>Sanjay Shah</h3>
<div>
<img data-srcset="/images/374_1388_V3993.png" data-sizes="100vw" src="/images/374_1388_V3993.png" />
</div>
<p><em>Sanjay Shah '89 MBA</em> traveled 8,000 miles to Lehigh Business to prepare for a career in accounting and wound up creating a $250 million global software firm. See how it all happened, and why he's so passionate about the Vistex Institute for Executive Learning and Research.</p>
<p class="read-more">
<a href="#">Read More <span class="sr-only">about Read More</span></a>
</p>
</div><!-- end slide-content -->
<div class="slide-decoration red"></div>
</div>
<div class="slide-wrapper right">
<div class="slide-image">
<img data-srcset="/images/2E5A3612_c.png" data-sizes="100vw" src="/images/2E5A3612_c.png" />
</div>
<div class="slide-content">
<h2>Business Breakthrough</h2>
<h3>Patrick Costa</h3>
<div>
<img data-srcset="/images/2E5A3612_c.png" data-sizes="100vw" src="/images/2E5A3612_c.png" />
</div>
<p><em>Patrick Costa '19</em> was eager to accelerate his career with and MBA. Through real world learning, Lehigh Business helped him bridge the gap between the theoretical and the applied – and get his degree in just one year.</p>
<p class="read-more">
<a href="#">Read More <span class="sr-only">about Read More</span></a>
</p>
</div><!-- end slide-content -->
<div class="slide-decoration gold"></div>
</div>
</section>
<section class="story-slide lazy slider">
{% block cms_override %}
{% for slide_img in slide_imgs %}
{% include "@story_slide" with slide_img only %}
{% endfor %}
{% endblock cms_override %}
</section>
{
"slide_imgs": [
{
"side": "right",
"slide_src_img": "/images/Clougherty.png",
"heading": "Business Breakthrough",
"subheading": "Mary Clougherty",
"content": "<em>Mary Clougherty '21</em> covers the Lehigh University campus the way she covers the basketball court – completely and intensely. Lehigh Business gives her the freedom and opportunity to cross disciplines, activities and even the world in pursuit of her interests.",
"url": "#",
"link_text": "Read More",
"color_triangle": "teal"
},
{
"side": "right",
"slide_src_img": "/images/374_1388_V3993.png",
"heading": "Business Breakthrough",
"subheading": "Sanjay Shah",
"content": "<em>Sanjay Shah '89 MBA</em> traveled 8,000 miles to Lehigh Business to prepare for a career in accounting and wound up creating a $250 million global software firm. See how it all happened, and why he's so passionate about the Vistex Institute for Executive Learning and Research.",
"url": "#",
"link_text": "Read More",
"color_triangle": "red"
},
{
"side": "right",
"slide_src_img": "/images/2E5A3612_c.png",
"heading": "Business Breakthrough",
"subheading": "Patrick Costa",
"content": "<em>Patrick Costa '19</em> was eager to accelerate his career with and MBA. Through real world learning, Lehigh Business helped him bridge the gap between the theoretical and the applied – and get his degree in just one year.",
"url": "#",
"link_text": "Read More",
"color_triangle": "gold"
}
]
}
.slick {
&-next,
&-prev {
height: inherit;
width: inherit;
z-index: 2;
@media only screen and (max-width: $break-desktop) {
top: 30%;
}
&::before {
font-family: $font-awesome;
color: $white;
font-size: 8rem;
}
}
&-prev {
left: $space;
&::before {
content: "\f104";
}
}
&-next {
right: $space;
&::before {
content: "\f105";
}
}
&-dots {
bottom: $space-triple;
right: $space-quadruple;
text-align: center;
width: inherit;
position: unset;
@media only screen and (min-width: $break-desktop) {
position: absolute;
}
li {
margin: 0 10px;
button {
&::before {
font-size: 1.5rem;
-webkit-text-stroke: 4px $lehigh-brown;
opacity: 1;
color: transparent;
content: '\2022';
@media only screen and (min-width: $break-desktop) {
-webkit-text-stroke: 4px $white;
}
}
}
&.slick-active {
button {
&::before {
opacity: 1;
color: $lehigh-brown;
@media only screen and (min-width: $break-desktop) {
color: $white;
}
}
}
}
&:last-of-type {
margin: 0 0 0 10px;
}
}
}
&-dotted {
&.slick-slider {
margin: 0;
}
}
&-slide {
div {
@media only screen and (min-width: $break-desktop) {
&:first-of-type {
//margin-bottom: -4px;
}
}
}
}
}
.story-slide {
margin: 0 0 -6px 0 !important;
@media only screen and (max-width: $break-desktop) {
margin: $space-triple 0 0 0 !important;
padding: 0 0 $space-triple 0 !important;
border-bottom: 1px solid $grey_light;
}
}
.slick-next,
.slick-prev {
&:focus,
&:hover {
&::before {
color: $lehigh-brown;
}
}
}
No notes defined.