<section class="news-section-cta white" role="region" aria-label="news section">
<h2 class="news-section-title">Entrepreneurship</h2>
<p>For innovators, visionaries and risk takers, Lehigh offers significant resources.</p>
<div class="news-listings">
<div class="news-item">
<img src="/images/news_item.png" alt="Go Campaign" />
<h3>Lehigh@Nasdaq Center</h3>
<p>Take advantage of a collaboration developing the next generation of idea makers.</p>
<p class="cta">
<a href="#" class="button grey-light" role="button">Learn More</a>
</p>
</div><!-- end news-item -->
<div class="news-item">
<img src="/images/news_item.png" alt="Go Campaign 2" />
<h3>Start Up Academy</h3>
<p>Immerse yourself in the entrepreneurial process by interning with a start-up.</p>
<p class="cta">
<a href="#" class="button grey-light" role="button">Learn More</a>
</p>
</div><!-- end news-item -->
<div class="news-item">
<img src="/images/news_item.png" alt="Go Campaign 2" />
<h3>Undergraduate Opportunities</h3>
<p>Challenge the status quo and your own creative mindset with a minor in Entrepreneurship.</p>
<p class="cta">
<a href="#" class="button grey-light" role="button">Learn More</a>
</p>
</div><!-- end news-item -->
</div><!-- news-items -->
<a href="#">View More News</a>
</section>
<section class="news-section-cta {% if cta_background_color %}{{ cta_background_color }}{% endif %}" role="region" aria-label="news section">
<h2 class="news-section-title">{{ section_title }}</h2>
{% block cms_override_section_content %}
<p>{{ news_section_content }}</p>
{% endblock cms_override_section_content %}
<div class="news-listings">
{% block cms_override %}
{% for news_item in news_items %}
{% include "@news_item--cta" with {
image_src: news_item.image_src,
image_alt: news_item.image_alt,
headline: news_item.headline,
content: news_item.content,
url: news_item.url,
button_color: news_item.button_color,
button_text: news_item.button_text
} %}
{% endfor %}
{% endblock cms_override %}
</div><!-- news-items -->
{% block cms_override_link %}
<a href="{{ url }}">View More News</a>
{% endblock cms_override_link %}
</section>
{
"section_title": "Entrepreneurship",
"news_items": {
"1": {
"image_src": "/images/news_item.png",
"image_alt": "Go Campaign",
"headline": "Lehigh@Nasdaq Center",
"content": "Take advantage of a collaboration developing the next generation of idea makers.",
"url": "#",
"button_color": "grey-light",
"button_text": "Learn More"
},
"2": {
"image_src": "/images/news_item.png",
"image_alt": "Go Campaign 2",
"headline": "Start Up Academy",
"content": "Immerse yourself in the entrepreneurial process by interning with a start-up.",
"url": "#",
"button_color": "grey-light",
"button_text": "Learn More"
},
"3": {
"image_src": "/images/news_item.png",
"image_alt": "Go Campaign 2",
"headline": "Undergraduate Opportunities",
"content": "Challenge the status quo and your own creative mindset with a minor in Entrepreneurship.",
"url": "#",
"button_color": "grey-light",
"button_text": "Learn More"
}
},
"url": "#",
"cta_background_color": "white",
"news_section_content": "For innovators, visionaries and risk takers, Lehigh offers significant resources."
}
.news-section {
display: flex;
flex-direction: column;
align-items: center;
background-color: $white;
padding: $space-double $space;
@media only screen and (min-width: $break-desktop) {
padding: $space-quintuple;
}
h2 {
font-size: 1.5rem;
color: $lehigh-brown;
font-weight: bold;
}
.news-listings {
display: flex;
flex-direction: column;
align-items: flex-start;
.news-item {
flex: 1;
&:nth-of-type(2) {
margin: $space-double 0 0 0;
}
}
@media only screen and (min-width: $break-desktop) {
flex-direction: row;
flex-wrap: nowrap;
margin: $space-triple 0 0 0;
.news-item {
&:nth-of-type(2) {
margin: 0 $space-triple;
}
&:last-of-type {
margin: 0 0 0 $space-triple;
}
}
}
/* View more link styling */
+ a {
color: $black;
font-weight: bold;
margin: $space-quadruple 0 0 0;
padding: 0 0 $space-one-half 0;
background-image: linear-gradient($teal, $teal);
background-size: 0 1px, auto;
background-repeat: no-repeat;
background-position: center bottom;
transition: all .2s ease-out;
&:hover,
&:focus {
text-decoration: none;
background-size: 100% 1px, auto;
}
}
}
&-cta {
display: flex;
flex-direction: column;
align-items: center;
padding: $space-double $space;
@media only screen and (min-width: $break-desktop) {
padding: $space-quintuple;
}
.news-listings {
display: flex;
flex-direction: column;
justify-content: center;
margin: $space 0 0 0;
@media only screen and (min-width: $break-desktop) {
flex-direction: row;
flex-wrap: nowrap;
}
.news-item {
max-width: inherit;
flex: 1;
justify-content: space-between;
&:nth-of-type(2) {
margin: $space-triple 0;
}
@media only screen and (min-width: $break-desktop) {
&:nth-of-type(2) {
margin: 0 $space-double;
}
}
}
h3 {
font-size: 1.5rem;
color: $lehigh-brown;
}
}
&.white {
background-color: $white;
}
&.grey_dark {
background-color: $grey_dark;
color: $white;
.news-listings {
h3 {
color: $white;
}
}
}
}
}
No notes defined.