<div class="page_header theme_">
<div class="page_header_inner">
<div class="page_header_top">
<div class="page_breadcrumb">
<div class="fs-row">
<div class="fs-cell">
<div class="page_breadcrumb_inner">
<div class="breadcrumb">
<nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
<div class="breadcrumb_nav_header">
<h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
</div>
<ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
<li class="breadcrumb_item breadcrumb_item_home">
<a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_icon" aria-hidden="true">
<svg class="icon icon_home">
<use href="/images/icons.svg#home" />
</svg>
</span>
<span class="breadcrumb_pill_label">Home</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Stories & News</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<a class="breadcrumb_pill breadcrumb_pill_link" href="#">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">Stories & News Archive</span>
</span>
</a>
</li>
<li class="breadcrumb_item">
<span class="breadcrumb_pill">
<span class="breadcrumb_pill_inner">
<span class="breadcrumb_pill_label">News Detail</span>
</span>
</span>
</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="page_intro">
<div class="fs-row fs-lg-justify-center">
<div class="fs-cell fs-lg-10">
<div class="page_intro_inner">
<h1 class="page_title" id="page_title" tabindex="-1">News Detail</h1>
<div class="page_intro_content">
<!-- News Meta -->
<div class="news_meta" id="meta" data-type="news" data-category="Category 1, Another Category Goes Here">
<div class="news_meta_inner">
<div class="news_meta_body">
<div class="news_meta_details">
<div class="news_meta_detail news_meta_date">
<span class="news_meta_detail_hint">Published: </span>
<time class="news_meta_detail_label" datetime="2019-01-01 17:00:00">January 1, 2019</time>
</div>
</div>
<div class="news_meta_categories_block">
<ul class="news_meta_categories" aria-label="Categories">
<li class="news_meta_category">
<a href="page-news-category.html" class="news_meta_category_link">
<span class="news_meta_category_link_inner">
<span class="news_meta_category_link_label">Category 1</span>
</span>
</a>,
</li>
<li class="news_meta_category">
<a href="page-news-category.html" class="news_meta_category_link">
<span class="news_meta_category_link_inner">
<span class="news_meta_category_link_label">Another Category Goes Here</span>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- END: News Meta -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page_content page_content_has_content" id="page_content" tabindex="-1" aria-labelledby="page_title">
<!-- WYSIWYG -->
<div class="wysiwyg_with_share">
<div class="fs-row">
<div class="fs-cell">
<div class="wysiwyg_with_share_inner">
<div class="wysiwyg_with_share_share">
<div class="js-share-tools share_tools direction_right">
<div class="share_tools_inner">
<div class="share_tools_header">
<h2 class="share_tools_title">Share Options</h2>
<button class="js-share-tools-toggle share_tools_toggle" data-swap-target=".js-share-tools">
<span class="share_tools_toggle_inner">
<span class="share_tools_toggle_label">Share This</span>
</span>
</button>
</div>
<ul class="js-share-tools-list share_tools_list" aria-label="Share Options">
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_twitter">
<use href="/images/icons.svg#twitter" />
</svg>
</span>
<span class="share_tool_label">Share to Twitter</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_facebook">
<use href="/images/icons.svg#facebook" />
</svg>
</span>
<span class="share_tool_label">Share to Facebook</span>
</a>
</li>
<li class="js-share-tool-item share_tool_item">
<a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
<span class="share_tool_icon">
<svg class="icon icon_linkedin">
<use href="/images/icons.svg#linkedin" />
</svg>
</span>
<span class="share_tool_label">Share to Linkedin</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="wysiwyg_with_share_content">
<div class="typography">
<p><img src="https://via.placeholder.com/300x250" alt="Placeholder image" class="alignright" width="300" height="250" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: WYSIWYG -->
</div>
<div class="full_width_callouts">
<div class="related_posts theme_beige">
<div class="related_posts_header">
<div class="fs-row">
<div class="fs-cell">
<div class="related_posts_header_inner">
<h2 class="related_posts_title">Explore Related Stories</h2>
<div class="related_posts_description">
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Curabitur blandit tempus porttitor. Etiam porta sem malesuada magna mollis euismod. Donec ullamcorper nulla non metus auct.</p>
</div>
<a href="#" class="related_posts_header_link">
<span class="related_posts_header_link_inner">
<span class="related_posts_header_link_label">Explore More</span>
<span class="related_posts_header_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
<div class="related_posts_body">
<div class="fs-row">
<div class="fs-cell">
<div class="related_posts_items_wrapper related_posts_items_wrapper_columns">
<div class="related_posts_items">
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut Lorem" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/8 1220w, https://images.fastspot.com/le-moyne/980x654/8 980w, https://images.fastspot.com/le-moyne/740x494/8 740w, https://images.fastspot.com/le-moyne/500x334/8 500w, https://images.fastspot.com/le-moyne/300x200/8 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/8" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category 1</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Lorem ipsum dolor sit amet, consectetuer adipiscing elit" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/7 1220w, https://images.fastspot.com/le-moyne/980x654/7 980w, https://images.fastspot.com/le-moyne/740x494/7 740w, https://images.fastspot.com/le-moyne/500x334/7 500w, https://images.fastspot.com/le-moyne/300x200/7 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/7" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category One</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Etiam ultricies nisi vel augue" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/6 1220w, https://images.fastspot.com/le-moyne/980x654/6 980w, https://images.fastspot.com/le-moyne/740x494/6 740w, https://images.fastspot.com/le-moyne/500x334/6 500w, https://images.fastspot.com/le-moyne/300x200/6 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/6" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Etiam ultricies nisi vel augue</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
</article>
</div>
</div>
<div class="related_posts_items_wrapper related_posts_items_wrapper_carousel">
<div class="related_posts_carousel js-carousel" data-carousel-options='{"contained":false,"pagination":true,"controls":false}'>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about In Enim Justo Rhoncus Ut Lorem" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/8 1220w, https://images.fastspot.com/le-moyne/980x654/8 980w, https://images.fastspot.com/le-moyne/740x494/8 740w, https://images.fastspot.com/le-moyne/500x334/8 500w, https://images.fastspot.com/le-moyne/300x200/8 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/8" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">In Enim Justo Rhoncus Ut Lorem</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category 1</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent eget est sed ex pretium fringilla. Vivamus ac turpis quis eros consectetur ornare.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Lorem ipsum dolor sit amet, consectetuer adipiscing elit" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/7 1220w, https://images.fastspot.com/le-moyne/980x654/7 980w, https://images.fastspot.com/le-moyne/740x494/7 740w, https://images.fastspot.com/le-moyne/500x334/7 500w, https://images.fastspot.com/le-moyne/300x200/7 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/7" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category One</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</p>
</div>
</div>
</div>
</article>
<article class="news_card">
<figure class="news_card_figure">
<a class="news_card_figure_link" href="page-news-detail.html" aria-label="Read more about Etiam ultricies nisi vel augue" tabindex="-1">
<img class="news_item_image" srcset="https://images.fastspot.com/le-moyne/1220x814/6 1220w, https://images.fastspot.com/le-moyne/980x654/6 980w, https://images.fastspot.com/le-moyne/740x494/6 740w, https://images.fastspot.com/le-moyne/500x334/6 500w, https://images.fastspot.com/le-moyne/300x200/6 300w" sizes="(min-width: 1394px) 403px, (min-width: 1220px) 352px, (min-width: 980px) 282px, (min-width: 471px) 405px, calc((100vw - 40px) * .9591 - 37px)" src="https://images.fastspot.com/le-moyne/300x200/6" alt="" loading="lazy" width="300" height="200">
</a>
</figure>
<div class="news_card_wrapper">
<div class="news_card_header">
<h2 class="news_card_title">
<a href="page-news-detail.html" class="news_card_title_link">
<span class="news_card_title_link_inner">
<span class="news_card_title_link_label">Etiam ultricies nisi vel augue</span>
<span class="news_card_title_link_icon" aria-hidden="true">
<svg class="icon icon_caret_right">
<use href="/images/icons.svg#caret_right" />
</svg>
</span>
</span>
</a>
</h2>
<div class="news_card_categories">
<div class="news_card_category_hint">Category</div>
<p class="news_card_category_wrapper">
<span class="news_card_category">
<a class="news_card_category_link" href="page-news-category.html">Category</a>
</span>
</p>
</div>
</div>
<div class="news_card_body">
<div class="news_card_description">
<p>Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem.</p>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div><!-- END: Related News -->
</div>
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'NewsArticle',
'url': '#',
'publisher': {
'@type': 'Organization',
'name': 'Le Moyne'
},
'headline': 'News Detail',
'mainEntityOfPage': '#',
'image': '',
'datePublished': '2017-03-20T20:30:54+00:00',
'author': 'person',
'description': 'Dis facilisis tellus ultricies vestibulum cubilia risus, blandit commodo hac ut posuere ex cursus, class libero imperdiet nullam odio.'
}
</script>
{% embed '@partial-page-header' with {
page: page
} %}
{% block content %}
{% render "@partial-news-meta" %}
{% endblock %}
{% endembed %}
{% set content %}
<p><img src="https://via.placeholder.com/300x250" alt="Placeholder image" class="alignright" width="300" height="250" />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.</p>
<p>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum.</p>
{% endset %}
<div class="page_content {{content ? 'page_content_has_content'}}" id="page_content" tabindex="-1" aria-labelledby="page_title">
{% include "@component-wysiwyg-with-share" with {
content: content,
} %}
</div>
<div class="full_width_callouts">
{% render '@component-related-news' with {
theme: 'beige',
} %}
</div>
<script type="application/ld+json">
{
'@context': 'http://schema.org',
'@type': 'NewsArticle',
'url': '#',
'publisher': {
'@type': '{{ config.schema_type }}',
'name': '{{ config.name }}'
},
'headline': '{{ page.title }}',
'mainEntityOfPage': '#',
'image': '{{ page.image }}',
'datePublished': '2017-03-20T20:30:54+00:00',
'author': 'person',
'description': '{{ page.description }}'
}
</script>
No notes defined.